@xola/ui-kit 3.0.8 → 3.4.1

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 (217) hide show
  1. package/README.md +61 -12
  2. package/build/components/Alert.d.ts +18 -0
  3. package/build/components/Alert.js +28 -0
  4. package/build/components/Animation/FadeIn.d.ts +13 -0
  5. package/build/components/Animation/FadeIn.js +29 -0
  6. package/build/components/Animation/SlideDown.d.ts +6 -0
  7. package/build/components/Animation/SlideDown.js +20 -0
  8. package/build/components/Avatar.d.ts +16 -0
  9. package/build/components/Avatar.js +21 -0
  10. package/build/components/Badge.d.ts +27 -0
  11. package/build/components/Badge.js +40 -0
  12. package/build/components/Breadcrumb.d.ts +21 -0
  13. package/build/components/Breadcrumb.js +27 -0
  14. package/build/components/Breakdown.d.ts +63 -0
  15. package/build/components/Breakdown.js +89 -0
  16. package/build/components/Buttons/Button.d.ts +53 -0
  17. package/build/components/Buttons/Button.js +83 -0
  18. package/build/components/Buttons/ButtonGroup.d.ts +35 -0
  19. package/build/components/Buttons/ButtonGroup.js +55 -0
  20. package/build/components/Buttons/SubmitButton.d.ts +11 -0
  21. package/build/components/Buttons/SubmitButton.js +83 -0
  22. package/build/components/Buttons/ToggleButton.d.ts +21 -0
  23. package/build/components/Buttons/ToggleButton.js +34 -0
  24. package/build/components/Charts/BaseChartOptions.d.ts +136 -0
  25. package/build/components/Charts/BaseChartOptions.js +95 -0
  26. package/build/components/Charts/HistogramOptions.d.ts +192 -0
  27. package/build/components/Charts/HistogramOptions.js +69 -0
  28. package/build/components/Charts/PieOptions.d.ts +177 -0
  29. package/build/components/Charts/PieOptions.js +55 -0
  30. package/build/components/Counter.d.ts +5 -0
  31. package/build/components/Counter.js +16 -0
  32. package/build/components/DatePicker/DatePicker.d.ts +41 -0
  33. package/build/components/DatePicker/DatePicker.helpers.d.ts +17 -0
  34. package/build/components/DatePicker/DatePicker.helpers.js +22 -0
  35. package/build/components/DatePicker/DatePicker.js +241 -0
  36. package/build/components/DatePicker/DatePickerPopover.d.ts +29 -0
  37. package/build/components/DatePicker/DatePickerPopover.js +81 -0
  38. package/build/components/DatePicker/Day.d.ts +13 -0
  39. package/build/components/DatePicker/Day.js +40 -0
  40. package/build/components/DatePicker/LocalizedDayPicker.d.ts +6 -0
  41. package/build/components/DatePicker/LocalizedDayPicker.js +20 -0
  42. package/build/components/DatePicker/MonthGrid.d.ts +11 -0
  43. package/build/components/DatePicker/MonthGrid.js +52 -0
  44. package/build/components/DatePicker/MonthPicker.d.ts +7 -0
  45. package/build/components/DatePicker/MonthPicker.js +28 -0
  46. package/build/components/DatePicker/MonthSelector.d.ts +8 -0
  47. package/build/components/DatePicker/MonthSelector.js +47 -0
  48. package/build/components/DatePicker/MonthYearSelector.d.ts +8 -0
  49. package/build/components/DatePicker/MonthYearSelector.js +44 -0
  50. package/build/components/DatePicker/NavbarElement.d.ts +15 -0
  51. package/build/components/DatePicker/NavbarElement.js +43 -0
  52. package/build/components/DatePicker/RangeDatePicker.d.ts +25 -0
  53. package/build/components/DatePicker/RangeDatePicker.js +134 -0
  54. package/build/components/DatePicker/RelativeDateRange.d.ts +51 -0
  55. package/build/components/DatePicker/RelativeDateRange.js +280 -0
  56. package/build/components/DatePicker/UpcomingDatePicker.d.ts +11 -0
  57. package/build/components/DatePicker/UpcomingDatePicker.js +27 -0
  58. package/build/components/Dot/Dot.d.ts +24 -0
  59. package/build/components/Dot/Dot.js +24 -0
  60. package/build/components/Dot/DotProgress.d.ts +6 -0
  61. package/build/components/Dot/DotProgress.js +10 -0
  62. package/build/components/Drawer.d.ts +28 -0
  63. package/build/components/Drawer.js +126 -0
  64. package/build/components/Forms/BaseInput.d.ts +20 -0
  65. package/build/components/Forms/BaseInput.js +41 -0
  66. package/build/components/Forms/Checkbox.d.ts +10 -0
  67. package/build/components/Forms/Checkbox.js +34 -0
  68. package/build/components/Forms/Checkbox.module.css.js +7 -0
  69. package/build/components/Forms/ComboBox.d.ts +8 -0
  70. package/build/components/Forms/ComboBox.js +41 -0
  71. package/build/components/Forms/FormGroup.d.ts +5 -0
  72. package/build/components/Forms/FormGroup.js +6 -0
  73. package/build/components/Forms/InlineValuePopover.d.ts +17 -0
  74. package/build/components/Forms/InlineValuePopover.js +47 -0
  75. package/build/components/Forms/Input.d.ts +6 -0
  76. package/build/components/Forms/Input.js +9 -0
  77. package/build/components/Forms/Label.d.ts +7 -0
  78. package/build/components/Forms/Label.js +17 -0
  79. package/build/components/Forms/RangeSlider.d.ts +33 -0
  80. package/build/components/Forms/RangeSlider.js +39 -0
  81. package/build/components/Forms/Select.d.ts +5 -0
  82. package/build/components/Forms/Select.js +8 -0
  83. package/build/components/Forms/Switch.d.ts +46 -0
  84. package/build/components/Forms/Switch.js +62 -0
  85. package/build/components/Forms/Textarea.d.ts +6 -0
  86. package/build/components/Forms/Textarea.js +35 -0
  87. package/build/components/Forms/ValuePopoverText.d.ts +6 -0
  88. package/build/components/Forms/ValuePopoverText.js +10 -0
  89. package/build/components/GooglePlacesAutocomplete.d.ts +14 -0
  90. package/build/components/HeaderToolbar.d.ts +21 -0
  91. package/build/components/HeaderToolbar.js +33 -0
  92. package/build/components/ImageUpload.d.ts +17 -0
  93. package/build/components/ImageUpload.js +86 -0
  94. package/build/components/Key.d.ts +6 -0
  95. package/build/components/Key.js +28 -0
  96. package/build/components/Logo.d.ts +19 -0
  97. package/build/components/Logo.js +10 -0
  98. package/build/components/Modal.d.ts +52 -0
  99. package/build/components/Modal.js +126 -0
  100. package/build/components/Popover/Popover.d.ts +20 -0
  101. package/build/components/Popover/Popover.js +50 -0
  102. package/build/components/Popover/Popover.module.css.js +7 -0
  103. package/build/components/Popover/PopoverList.d.ts +25 -0
  104. package/build/components/Popover/PopoverList.js +59 -0
  105. package/build/components/Popover/PopoverScroll.module.css.js +4 -0
  106. package/build/components/Provider.d.ts +18 -0
  107. package/build/components/Provider.js +17 -0
  108. package/build/components/Screens/Login.d.ts +25 -0
  109. package/build/components/Screens/Login.js +144 -0
  110. package/build/components/Search.d.ts +16 -0
  111. package/build/components/Search.js +174 -0
  112. package/build/components/Sidebar/Sidebar.Account.d.ts +13 -0
  113. package/build/components/Sidebar/Sidebar.Account.js +56 -0
  114. package/build/components/Sidebar/Sidebar.Button.d.ts +10 -0
  115. package/build/components/Sidebar/Sidebar.Button.js +21 -0
  116. package/build/components/Sidebar/Sidebar.Footer.d.ts +8 -0
  117. package/build/components/Sidebar/Sidebar.Footer.js +9 -0
  118. package/build/components/Sidebar/Sidebar.Heading.d.ts +10 -0
  119. package/build/components/Sidebar/Sidebar.Heading.js +10 -0
  120. package/build/components/Sidebar/Sidebar.Link.d.ts +24 -0
  121. package/build/components/Sidebar/Sidebar.Link.js +56 -0
  122. package/build/components/Sidebar/Sidebar.Menu.d.ts +10 -0
  123. package/build/components/Sidebar/Sidebar.Menu.js +28 -0
  124. package/build/components/Sidebar/Sidebar.Menu.module.css.js +7 -0
  125. package/build/components/Sidebar/Sidebar.d.ts +58 -0
  126. package/build/components/Sidebar/Sidebar.js +218 -0
  127. package/build/components/Sidebar/SidebarScroll.module.css.js +4 -0
  128. package/build/components/Sidebar/index.d.ts +8 -0
  129. package/build/components/Skeleton.d.ts +13 -0
  130. package/build/components/Skeleton.js +29 -0
  131. package/build/components/Skeleton.module.css.js +7 -0
  132. package/build/components/Spinner.d.ts +26 -0
  133. package/build/components/Spinner.js +27 -0
  134. package/build/components/Table.d.ts +59 -0
  135. package/build/components/Table.js +71 -0
  136. package/build/components/Tabs/Tabs.Panel.d.ts +9 -0
  137. package/build/components/Tabs/Tabs.Panel.js +7 -0
  138. package/build/components/Tabs/Tabs.Tab.d.ts +19 -0
  139. package/build/components/Tabs/Tabs.Tab.js +37 -0
  140. package/build/components/Tabs/Tabs.d.ts +27 -0
  141. package/build/components/Tabs/Tabs.js +28 -0
  142. package/build/components/Tabs/index.d.ts +4 -0
  143. package/build/components/Tag.d.ts +25 -0
  144. package/build/components/Tag.js +36 -0
  145. package/build/components/Tooltip.d.ts +8 -0
  146. package/build/components/Tooltip.js +8 -0
  147. package/build/components/Utilities/Currency.d.ts +32 -0
  148. package/build/components/Utilities/Currency.js +49 -0
  149. package/build/components/Utilities/Number.d.ts +8 -0
  150. package/build/components/Utilities/Number.js +15 -0
  151. package/build/components/Utilities/Phone.d.ts +8 -0
  152. package/build/components/Utilities/Phone.js +19 -0
  153. package/build/helpers/avatar.d.ts +1 -0
  154. package/build/helpers/avatar.js +8 -0
  155. package/build/helpers/browser.d.ts +2 -0
  156. package/build/helpers/browser.js +9 -0
  157. package/build/helpers/children.d.ts +3 -0
  158. package/build/helpers/children.js +6 -0
  159. package/build/helpers/classnames.d.ts +5 -0
  160. package/build/helpers/currency.d.ts +2 -0
  161. package/build/helpers/currency.js +11 -0
  162. package/build/helpers/date.d.ts +12 -0
  163. package/build/helpers/date.js +44 -0
  164. package/build/helpers/flash.d.ts +21 -0
  165. package/build/helpers/flash.js +87 -0
  166. package/build/helpers/numbers.d.ts +4 -0
  167. package/build/helpers/numbers.js +23 -0
  168. package/build/helpers/phone.d.ts +11 -0
  169. package/build/helpers/phone.js +25 -0
  170. package/build/hooks/useId.d.ts +1 -0
  171. package/build/hooks/useId.js +9 -0
  172. package/build/hooks/useIsClient.d.ts +1 -0
  173. package/build/hooks/useIsClient.js +10 -0
  174. package/build/hooks/useViewportHeight.d.ts +1 -0
  175. package/build/hooks/useViewportHeight.js +15 -0
  176. package/build/icons/build/AnnounceIcon.js +6 -0
  177. package/build/icons/build/BellIcon.js +23 -0
  178. package/build/icons/build/CalendarIcon.js +15 -0
  179. package/build/icons/build/CheckIcon.js +7 -0
  180. package/build/icons/build/ChevronDownIcon.js +7 -0
  181. package/build/icons/build/ChevronLeftIcon.js +7 -0
  182. package/build/icons/build/ChevronRightIcon.js +7 -0
  183. package/build/icons/build/CircleNotch.js +5 -0
  184. package/build/icons/build/CloseIcon.js +7 -0
  185. package/build/icons/build/DownArrowIcon.js +15 -0
  186. package/build/icons/build/ImageIcon.js +23 -0
  187. package/build/icons/build/SearchIcon.js +15 -0
  188. package/build/icons/build/TrashIcon.js +16 -0
  189. package/build/icons/build/WarningDiamondIcon.js +23 -0
  190. package/build/icons/build/helpers/classnames.js +8 -0
  191. package/build/icons/build/helpers/icon.js +10 -0
  192. package/build/icons/build/helpers/iconSizes.js +13 -0
  193. package/build/icons/build/images/XolaLogoSimple.js +13 -0
  194. package/build/index.d.ts +66 -0
  195. package/build/index.js +142 -0
  196. package/build/theme.d.ts +413 -0
  197. package/build/theme.js +372 -0
  198. package/build/types/index.d.ts +22 -0
  199. package/build/types/migration.d.ts +2 -0
  200. package/build/ui-kit.css +1 -0
  201. package/build/utils/avatar.d.ts +1 -0
  202. package/build/utils/avatar.js +8 -0
  203. package/build/utils/currency.d.ts +2 -0
  204. package/build/utils/currency.js +11 -0
  205. package/build/utils/date.d.ts +12 -0
  206. package/build/utils/date.js +23 -0
  207. package/build/utils/index.d.ts +5 -0
  208. package/build/utils/numbers.d.ts +4 -0
  209. package/build/utils/numbers.js +19 -0
  210. package/build/utils/phone.d.ts +2 -0
  211. package/build/utils/phone.js +17 -0
  212. package/package.json +76 -49
  213. package/postcss.config.js +1 -1
  214. package/tailwind.config.js +28 -8
  215. package/build/style.css +0 -1
  216. package/build/ui-kit.es.js +0 -12173
  217. package/index.d.ts +0 -72
package/build/theme.js ADDED
@@ -0,0 +1,372 @@
1
+ const p = {
2
+ colors: {
3
+ transparent: "transparent",
4
+ current: "currentColor",
5
+ black: "#222324",
6
+ white: "#ffffff",
7
+ gray: {
8
+ hover: "#F7F9FB",
9
+ lighter: "#F0F2F4",
10
+ light: "#E0E3E7",
11
+ DEFAULT: "#BDC0C6",
12
+ dark: "#8A8C91",
13
+ darker: "#505254"
14
+ },
15
+ blue: {
16
+ lighter: "#D1E1FF",
17
+ light: "#2979D0",
18
+ DEFAULT: "#1352C6",
19
+ dark: "#3467C4",
20
+ darker: "#0E44A8"
21
+ },
22
+ turquoise: {
23
+ DEFAULT: "#3FE2EE"
24
+ },
25
+ green: {
26
+ lighter: "#E2FFEF",
27
+ lightish: "#C1F9D9",
28
+ light: "#33E781",
29
+ DEFAULT: "#27CE70",
30
+ dark: "#23B965",
31
+ darker: "#168848"
32
+ },
33
+ red: {
34
+ lighter: "#FFF0F0",
35
+ lightish: "#FFE1E1",
36
+ light: "#FFA1A1",
37
+ DEFAULT: "#FF5A5A",
38
+ dark: "#E93737",
39
+ darker: "#CD1F1F"
40
+ },
41
+ yellow: {
42
+ lighter: "#FFFAF0",
43
+ lightish: "#FFECC6",
44
+ light: "#FFDB8E",
45
+ DEFAULT: "#FFC03D",
46
+ dark: "#EBAA24",
47
+ darker: "#987122"
48
+ },
49
+ orange: {
50
+ lighter: "#FFF1E7",
51
+ lightish: "#FFF1E7",
52
+ light: "#FFB493",
53
+ DEFAULT: "#FF9668",
54
+ dark: "#EC743F",
55
+ darker: "#ff7336"
56
+ },
57
+ primary: {
58
+ lighter: "#D1E1FF",
59
+ light: "#2979D0",
60
+ DEFAULT: "#1352C6",
61
+ dark: "#3467C4",
62
+ darker: "#0E44A8"
63
+ },
64
+ secondary: {
65
+ hover: "#F7F9FB",
66
+ lighter: "#F0F2F4",
67
+ light: "#E0E3E7",
68
+ DEFAULT: "#BDC0C6",
69
+ dark: "#8A8C91",
70
+ darker: "#505254"
71
+ },
72
+ warning: {
73
+ lighter: "#FFFAF0",
74
+ lightish: "#FFECC6",
75
+ light: "#FFDB8E",
76
+ DEFAULT: "#FFC03D",
77
+ dark: "#EBAA24",
78
+ darker: "#987122"
79
+ },
80
+ success: {
81
+ lighter: "#E2FFEF",
82
+ lightish: "#C1F9D9",
83
+ light: "#33E781",
84
+ DEFAULT: "#27CE70",
85
+ dark: "#23B965",
86
+ darker: "#168848"
87
+ },
88
+ danger: {
89
+ lighter: "#FFF0F0",
90
+ lightish: "#FFE1E1",
91
+ light: "#FFA1A1",
92
+ DEFAULT: "#FF5A5A",
93
+ dark: "#E93737",
94
+ darker: "#CD1F1F"
95
+ },
96
+ caution: {
97
+ lighter: "#FFF1E7",
98
+ lightish: "#FFF1E7",
99
+ light: "#FFB493",
100
+ DEFAULT: "#FF9668",
101
+ dark: "#EC743F",
102
+ darker: "#ff7336"
103
+ }
104
+ },
105
+ spacing: {
106
+ 0: "0px",
107
+ 1: "4px",
108
+ 2: "8px",
109
+ 3: "12px",
110
+ 4: "16px",
111
+ 5: "20px",
112
+ 6: "24px",
113
+ 7: "28px",
114
+ 8: "32px",
115
+ 9: "36px",
116
+ 10: "40px",
117
+ 11: "44px",
118
+ 12: "48px",
119
+ 14: "56px",
120
+ 15: "60px",
121
+ 16: "64px",
122
+ 18: "72px",
123
+ 20: "80px",
124
+ 22: "88px",
125
+ 24: "96px",
126
+ 25: "100px",
127
+ 28: "112px",
128
+ 30: "120px",
129
+ 32: "128px",
130
+ 36: "144px",
131
+ 40: "160px",
132
+ 44: "176px",
133
+ 48: "192px",
134
+ 50: "200px",
135
+ 52: "208px",
136
+ 54: "216px",
137
+ 56: "224px",
138
+ 60: "240px",
139
+ 64: "256px",
140
+ 65: "260px",
141
+ 72: "288px",
142
+ 75: "300px",
143
+ 80: "320px",
144
+ 85: "340px",
145
+ 96: "384px",
146
+ 100: "400px",
147
+ 105: "420px",
148
+ 110: "440px",
149
+ 125: "500px",
150
+ 140: "560px",
151
+ 150: "600px",
152
+ 200: "800px",
153
+ "0.25": "1px",
154
+ "0.5": "2px",
155
+ "0.75": "3px",
156
+ "1.5": "6px",
157
+ "2.5": "10px",
158
+ "3.5": "14px",
159
+ "4.5": "18px",
160
+ "7.5": "30px"
161
+ },
162
+ fontSize: {
163
+ xs: "10px",
164
+ sm: "12px",
165
+ base: "14px",
166
+ md: "16px",
167
+ lg: "18px",
168
+ xl: "21px",
169
+ "2xl": "24px",
170
+ "3xl": "38px"
171
+ },
172
+ borderRadius: {
173
+ none: "0px",
174
+ DEFAULT: "4px",
175
+ sm: "2px",
176
+ md: "6px",
177
+ lg: "8px",
178
+ xl: "12px",
179
+ "2xl": "16px",
180
+ full: "9999px"
181
+ },
182
+ extend: {
183
+ animation: {
184
+ "reverse-spin": "reverse-spin 1s linear infinite"
185
+ },
186
+ keyframes: {
187
+ "reverse-spin": {
188
+ from: {
189
+ transform: "rotate(360deg)"
190
+ }
191
+ }
192
+ },
193
+ fontFamily: {
194
+ sans: [
195
+ "InterVariable",
196
+ "Inter",
197
+ "ui-sans-serif",
198
+ "system-ui",
199
+ "sans-serif",
200
+ '"Apple Color Emoji"',
201
+ '"Segoe UI Emoji"',
202
+ '"Segoe UI Symbol"',
203
+ '"Noto Color Emoji"'
204
+ ],
205
+ mono: [
206
+ "Roboto Mono",
207
+ "ui-monospace",
208
+ "SFMono-Regular",
209
+ "Menlo",
210
+ "Monaco",
211
+ "Consolas",
212
+ '"Liberation Mono"',
213
+ '"Courier New"',
214
+ "monospace"
215
+ ]
216
+ },
217
+ screens: {
218
+ "3xl": "1836px"
219
+ },
220
+ lineHeight: {
221
+ 0: "0px",
222
+ 1: "4px",
223
+ 2: "8px",
224
+ 3: "12px",
225
+ 4: "16px",
226
+ 5: "20px",
227
+ 6: "24px",
228
+ 7: "28px",
229
+ 8: "32px",
230
+ 9: "36px",
231
+ 10: "40px",
232
+ 11: "44px",
233
+ 12: "48px",
234
+ "0.25": "1px",
235
+ "0.5": "2px",
236
+ "0.75": "3px",
237
+ "1.5": "6px",
238
+ "2.5": "10px",
239
+ xs: "10px",
240
+ sm: "12px",
241
+ "3.5": "14px",
242
+ base: "14px",
243
+ md: "16px",
244
+ "4.5": "18px",
245
+ lg: "18px",
246
+ p1: "130%",
247
+ p2: "130%",
248
+ p3: "110%",
249
+ p4: "100%"
250
+ },
251
+ letterSpacing: {
252
+ tightest: "-.4px"
253
+ },
254
+ minWidth: {
255
+ 0: "0px",
256
+ 1: "4px",
257
+ 2: "8px",
258
+ 3: "12px",
259
+ 4: "16px",
260
+ 5: "20px",
261
+ 6: "24px",
262
+ 7: "28px",
263
+ 8: "32px",
264
+ 9: "36px",
265
+ 10: "40px",
266
+ 11: "44px",
267
+ 12: "48px",
268
+ 14: "56px",
269
+ 15: "60px",
270
+ 16: "64px",
271
+ 18: "72px",
272
+ 20: "80px",
273
+ 22: "88px",
274
+ 24: "96px",
275
+ 25: "100px",
276
+ 28: "112px",
277
+ 30: "120px",
278
+ 32: "128px",
279
+ 36: "144px",
280
+ 40: "160px",
281
+ 44: "176px",
282
+ 48: "192px",
283
+ 50: "200px",
284
+ 52: "208px",
285
+ 54: "216px",
286
+ 56: "224px",
287
+ 60: "240px",
288
+ 64: "256px",
289
+ 65: "260px",
290
+ 72: "288px",
291
+ 75: "300px",
292
+ 80: "320px",
293
+ 85: "340px",
294
+ 96: "384px",
295
+ 100: "400px",
296
+ 105: "420px",
297
+ 110: "440px",
298
+ 125: "500px",
299
+ 140: "560px",
300
+ 150: "600px",
301
+ 200: "800px",
302
+ "0.25": "1px",
303
+ "0.5": "2px",
304
+ "0.75": "3px",
305
+ "1.5": "6px",
306
+ "2.5": "10px",
307
+ "3.5": "14px",
308
+ "4.5": "18px",
309
+ "7.5": "30px"
310
+ },
311
+ maxWidth: {
312
+ 0: "0px",
313
+ 1: "4px",
314
+ 2: "8px",
315
+ 3: "12px",
316
+ 4: "16px",
317
+ 5: "20px",
318
+ 6: "24px",
319
+ 7: "28px",
320
+ 8: "32px",
321
+ 9: "36px",
322
+ 10: "40px",
323
+ 11: "44px",
324
+ 12: "48px",
325
+ 14: "56px",
326
+ 15: "60px",
327
+ 16: "64px",
328
+ 18: "72px",
329
+ 20: "80px",
330
+ 22: "88px",
331
+ 24: "96px",
332
+ 25: "100px",
333
+ 28: "112px",
334
+ 30: "120px",
335
+ 32: "128px",
336
+ 36: "144px",
337
+ 40: "160px",
338
+ 44: "176px",
339
+ 48: "192px",
340
+ 50: "200px",
341
+ 52: "208px",
342
+ 54: "216px",
343
+ 56: "224px",
344
+ 60: "240px",
345
+ 64: "256px",
346
+ 65: "260px",
347
+ 72: "288px",
348
+ 75: "300px",
349
+ 80: "320px",
350
+ 85: "340px",
351
+ 96: "384px",
352
+ 100: "400px",
353
+ 105: "420px",
354
+ 110: "440px",
355
+ 125: "500px",
356
+ 140: "560px",
357
+ 150: "600px",
358
+ 200: "800px",
359
+ "0.25": "1px",
360
+ "0.5": "2px",
361
+ "0.75": "3px",
362
+ "1.5": "6px",
363
+ "2.5": "10px",
364
+ "3.5": "14px",
365
+ "4.5": "18px",
366
+ "7.5": "30px"
367
+ }
368
+ }
369
+ };
370
+ export {
371
+ p as theme
372
+ };
@@ -0,0 +1,22 @@
1
+ import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
2
+ export type Size = "tiny" | "small" | "medium" | "large" | "huge";
3
+ export type Color = "primary" | "secondary" | "success" | "warning" | "caution" | "danger";
4
+ export type Variant = "standard" | "outline" | "link";
5
+ export type PolymorphicComponentProps<T extends ElementType, P = Record<string, never>> = P & Omit<ComponentPropsWithoutRef<T>, keyof P> & {
6
+ as?: T;
7
+ };
8
+ export interface CommonComponentProps {
9
+ className?: string;
10
+ children?: ReactNode;
11
+ }
12
+ export interface IconProps extends ComponentPropsWithoutRef<"svg"> {
13
+ size?: "tiny" | "small" | "medium" | "large";
14
+ className?: string;
15
+ }
16
+ export type PolymorphicRef<T extends ElementType> = ComponentPropsWithoutRef<T>["ref"];
17
+ export interface ComponentWithChildren {
18
+ children: ReactNode;
19
+ }
20
+ export interface ComponentWithOptionalChildren {
21
+ children?: ReactNode;
22
+ }
@@ -0,0 +1,2 @@
1
+ export type TODO_MIGRATE = any;
2
+ export type FIXME = any;
@@ -0,0 +1 @@
1
+ ._main_jm0tk_1{background:#fff;border-width:1px!important;border-style:solid!important}._main_jm0tk_1 .tippy-content{padding:0;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}._main_jm0tk_1 .tippy-arrow{fill:#fff}._main_jm0tk_1[data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}._main_jm0tk_1[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}._main_jm0tk_1[data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}._main_jm0tk_1[data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}._main_jm0tk_1[data-placement^=top][class*=bg-black]>.tippy-arrow:before{border-top-color:#000}._main_jm0tk_1[data-placement^=bottom][class*=bg-black]>.tippy-arrow:before{border-bottom-color:#000}._main_jm0tk_1[data-placement^=left][class*=bg-black]>.tippy-arrow:before{border-left-color:#000}._main_jm0tk_1[data-placement^=right][class*=bg-black]>.tippy-arrow:before{border-right-color:#000}::-webkit-scrollbar{-webkit-appearance:none;width:8px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.ui-combo-box__control{padding:0;font-family:InterVariable,Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:14px;line-height:14px;--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important;border-radius:4px!important;--tw-border-opacity: 1 !important;border-color:rgb(224 227 231 / var(--tw-border-opacity, 1))!important}.ui-combo-box__control:hover{--tw-border-opacity: 1 !important;border-color:rgb(34 35 36 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-combo-box__control:focus-within{--tw-border-opacity: 1 !important;border-color:rgb(19 82 198 / var(--tw-border-opacity, 1))!important;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.border-danger .ui-combo-box__control{--tw-border-opacity: 1 !important;border-color:rgb(255 90 90 / var(--tw-border-opacity, 1))!important}.ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__placeholder{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__menu{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.ui-combo-box__option--is-focused{--tw-bg-opacity: 1 !important;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__option--is-selected{--tw-bg-opacity: 1 !important;background-color:rgb(41 121 208 / var(--tw-bg-opacity, 1))!important}.ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(138 140 145 / var(--tw-text-opacity, 1))!important}.ui-combo-box__control:hover .ui-combo-box__input-container{--tw-text-opacity: 1 !important;color:rgb(80 82 84 / var(--tw-text-opacity, 1))!important}.ui-combo-box__dropdown-indicator svg{height:14px;width:14px;--tw-text-opacity: 1;color:rgb(34 35 36 / var(--tw-text-opacity, 1))}.ui-combo-box--is-disabled svg{--tw-text-opacity: 1;color:rgb(189 192 198 / var(--tw-text-opacity, 1))}.ui-combo-box__indicator-separator{display:none}.ui-combo-box__input:focus{box-shadow:none!important}._checkbox_1gb8z_1:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%231352C6' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important}/*! nouislider - 14.7.0 - 4/6/2021 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translateY(-18px);top:auto;right:28px}.ui-range-slider .noUi-handle:before,.ui-range-slider .noUi-handle:after{display:none}.ui-range-slider{height:8px;width:100%;--tw-bg-opacity: 1;background-color:rgb(240 242 244 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-connect{--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1))}.ui-range-slider .noUi-handle{height:20px;width:20px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(19 82 198 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-range-slider .noUi-tooltip{left:50%;top:130%;height:32px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(34 35 36 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-range-slider .noUi-tooltip:after{content:"";border-color:transparent transparent black transparent;position:absolute;bottom:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid}@keyframes _shimmer_qt4e9_7{to{transform:translate(100%)}}._shimmer_qt4e9_7{transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:_shimmer_qt4e9_7 3s infinite}._main_1bcuo_1 .tippy-content{padding:0}::-webkit-scrollbar-thumb{--tw-bg-opacity: 1 !important;background-color:rgb(80 82 84 / var(--tw-bg-opacity, 1))!important}
@@ -0,0 +1 @@
1
+ export function getInitials(name: any): string;
@@ -0,0 +1,8 @@
1
+ const s = (i) => {
2
+ let e = "N/A";
3
+ const t = typeof i == "string" && i.match(/\b\w/g);
4
+ return t && (e = t[0], t.length > 1 && (e += t.at(-1))), e.toUpperCase();
5
+ };
6
+ export {
7
+ s as getInitials
8
+ };
@@ -0,0 +1,2 @@
1
+ export function isZeroDecimal(currency: any): boolean;
2
+ export function getSymbol(currency: any, locale?: string, amount?: number, isNarrowSymbolForm?: boolean): string;
@@ -0,0 +1,11 @@
1
+ import n from "get-user-locale";
2
+ const s = n(), c = /* @__PURE__ */ new Set(["JPY", "CLP", "KRW", "LAK", "PYG", "VND", "VUV"]), m = (e) => c.has(e), i = (e, r = s, t = 0, o = !1) => new Intl.NumberFormat(r, {
3
+ style: "currency",
4
+ currency: e,
5
+ maximumFractionDigits: 0,
6
+ currencyDisplay: o ? "narrowSymbol" : "symbol"
7
+ }).format(t).replaceAll(/\d/g, "").trim();
8
+ export {
9
+ i as getSymbol,
10
+ m as isZeroDecimal
11
+ };
@@ -0,0 +1,12 @@
1
+ import { default as dayjs } from 'dayjs';
2
+ export namespace DateFormat {
3
+ let DATE_ISO: string;
4
+ }
5
+ export function isValidTimeZoneName(timezoneName: any): boolean;
6
+ export function formatDate(date: any, format?: string): string;
7
+ export function formatTime(time: any, format?: string): string;
8
+ export function dateFromObjectId(id: any): dayjs.Dayjs;
9
+ export function now(date: any, timezone: any): dayjs.Dayjs;
10
+ export function dateToString(date: any): string;
11
+ export function toDate(date: any, isStartDate?: boolean): Date;
12
+ export function isSame(date1: any, date2: any, unit?: string): boolean;
@@ -0,0 +1,23 @@
1
+ import t from "dayjs";
2
+ import o from "dayjs/plugin/customParseFormat";
3
+ import a from "dayjs/plugin/localizedFormat";
4
+ import n from "dayjs/plugin/quarterOfYear";
5
+ import i from "dayjs/plugin/timezone";
6
+ import f from "dayjs/plugin/utc";
7
+ t.extend(o);
8
+ t.extend(a);
9
+ t.extend(n);
10
+ t.extend(f);
11
+ t.extend(i);
12
+ const s = {
13
+ DATE_ISO: "YYYY-MM-DD"
14
+ }, Y = (r, e = s.DATE_ISO) => t(r).format(e), F = (r, e = "h:mm a") => {
15
+ const m = String(r).padStart(4, 0);
16
+ return t(m, "hhmm").format(e);
17
+ }, I = (r) => t(new Date(Number.parseInt(r.slice(0, 8), 16) * 1e3));
18
+ export {
19
+ s as DateFormat,
20
+ I as dateFromObjectId,
21
+ Y as formatDate,
22
+ F as formatTime
23
+ };
@@ -0,0 +1,5 @@
1
+ export * from './avatar.js';
2
+ export * from './currency.js';
3
+ export * from './date.js';
4
+ export * from './numbers.js';
5
+ export * from './phone.js';
@@ -0,0 +1,4 @@
1
+ export function almostZero(number: any): boolean;
2
+ export function numberFormat(amount: any, currency?: null, locale?: string, maximumFractionDigits?: number, isCompact?: boolean, isNarrowSymbolForm?: boolean): string;
3
+ export function roundNumber(currency: any, amount: any): number;
4
+ export function compactNumber(value: any, locale?: string): string;
@@ -0,0 +1,19 @@
1
+ import c from "get-user-locale";
2
+ import { round as e } from "lodash-es";
3
+ import { isZeroDecimal as l } from "./currency.js";
4
+ const a = c(), d = (o) => {
5
+ const r = Math.abs(o);
6
+ return r >= 0 && r <= 1e-3;
7
+ }, N = (o, r = null, t = a, n = 2, s = !1, u = !1) => {
8
+ const m = { style: r ? "currency" : "decimal", minimumFractionDigits: n, maximumFractionDigits: n };
9
+ return r && (m.currency = r, m.currencyDisplay = u ? "narrowSymbol" : "symbol"), s ? i(o, t) : new Intl.NumberFormat(t, m).format(o);
10
+ }, F = (o, r) => {
11
+ let t = Number(r);
12
+ return l(o) ? e(t) : (e(t, 3) === e(t, 4) && (t = e(t, 3)), e(t, 2));
13
+ }, i = (o, r = a) => new Intl.NumberFormat(r, { notation: "compact", maximumFractionDigits: 2 }).format(o);
14
+ export {
15
+ d as almostZero,
16
+ i as compactNumber,
17
+ N as numberFormat,
18
+ F as roundNumber
19
+ };
@@ -0,0 +1,2 @@
1
+ export function getRegionCode(number: any, countryCode?: string): import('libphonenumber-js').CountryCode | undefined;
2
+ export function formatPhoneNumber(number: string, countryCode?: string): string;
@@ -0,0 +1,17 @@
1
+ import { parsePhoneNumber as f } from "libphonenumber-js";
2
+ const i = (r, o = "US") => {
3
+ try {
4
+ let t = f(r, o);
5
+ if (!t)
6
+ return r;
7
+ const e = t.country;
8
+ e && e !== o && (t = f(r, e));
9
+ let a;
10
+ return e && t ? a = e === o ? t.formatNational() : t.formatInternational() : a = r, a;
11
+ } catch {
12
+ return r;
13
+ }
14
+ };
15
+ export {
16
+ i as formatPhoneNumber
17
+ };