@xola/ui-kit 3.4.6 → 3.6.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 (219) hide show
  1. package/README.md +48 -78
  2. package/build/style.css +1 -0
  3. package/build/theme.css +76 -0
  4. package/build/ui-kit.es.js +16771 -0
  5. package/index.css +96 -4
  6. package/index.d.ts +151 -0
  7. package/package.json +68 -89
  8. package/postcss.config.js +1 -1
  9. package/tailwind.config.js +10 -11
  10. package/build/base.css +0 -2
  11. package/build/components/Alert.d.ts +0 -18
  12. package/build/components/Alert.js +0 -28
  13. package/build/components/Animation/FadeIn.d.ts +0 -13
  14. package/build/components/Animation/FadeIn.js +0 -29
  15. package/build/components/Animation/SlideDown.d.ts +0 -6
  16. package/build/components/Animation/SlideDown.js +0 -20
  17. package/build/components/Avatar.d.ts +0 -16
  18. package/build/components/Avatar.js +0 -21
  19. package/build/components/Badge.d.ts +0 -28
  20. package/build/components/Badge.js +0 -42
  21. package/build/components/Breadcrumb.d.ts +0 -21
  22. package/build/components/Breadcrumb.js +0 -27
  23. package/build/components/Breakdown.d.ts +0 -63
  24. package/build/components/Breakdown.js +0 -89
  25. package/build/components/Buttons/Button.d.ts +0 -53
  26. package/build/components/Buttons/Button.js +0 -83
  27. package/build/components/Buttons/ButtonGroup.d.ts +0 -35
  28. package/build/components/Buttons/ButtonGroup.js +0 -55
  29. package/build/components/Buttons/SubmitButton.d.ts +0 -11
  30. package/build/components/Buttons/SubmitButton.js +0 -83
  31. package/build/components/Buttons/ToggleButton.d.ts +0 -21
  32. package/build/components/Buttons/ToggleButton.js +0 -34
  33. package/build/components/Charts/BaseChartOptions.d.ts +0 -136
  34. package/build/components/Charts/BaseChartOptions.js +0 -95
  35. package/build/components/Charts/HistogramOptions.d.ts +0 -192
  36. package/build/components/Charts/HistogramOptions.js +0 -69
  37. package/build/components/Charts/PieOptions.d.ts +0 -177
  38. package/build/components/Charts/PieOptions.js +0 -55
  39. package/build/components/Counter.d.ts +0 -5
  40. package/build/components/Counter.js +0 -16
  41. package/build/components/DatePicker/DatePicker.d.ts +0 -41
  42. package/build/components/DatePicker/DatePicker.helpers.d.ts +0 -17
  43. package/build/components/DatePicker/DatePicker.helpers.js +0 -22
  44. package/build/components/DatePicker/DatePicker.js +0 -241
  45. package/build/components/DatePicker/DatePickerPopover.d.ts +0 -29
  46. package/build/components/DatePicker/DatePickerPopover.js +0 -81
  47. package/build/components/DatePicker/Day.d.ts +0 -13
  48. package/build/components/DatePicker/Day.js +0 -40
  49. package/build/components/DatePicker/LocalizedDayPicker.d.ts +0 -6
  50. package/build/components/DatePicker/LocalizedDayPicker.js +0 -20
  51. package/build/components/DatePicker/MonthGrid.d.ts +0 -11
  52. package/build/components/DatePicker/MonthGrid.js +0 -52
  53. package/build/components/DatePicker/MonthPicker.d.ts +0 -7
  54. package/build/components/DatePicker/MonthPicker.js +0 -28
  55. package/build/components/DatePicker/MonthSelector.d.ts +0 -8
  56. package/build/components/DatePicker/MonthSelector.js +0 -47
  57. package/build/components/DatePicker/MonthYearSelector.d.ts +0 -8
  58. package/build/components/DatePicker/MonthYearSelector.js +0 -44
  59. package/build/components/DatePicker/NavbarElement.d.ts +0 -15
  60. package/build/components/DatePicker/NavbarElement.js +0 -43
  61. package/build/components/DatePicker/RangeDatePicker.d.ts +0 -25
  62. package/build/components/DatePicker/RangeDatePicker.js +0 -134
  63. package/build/components/DatePicker/RelativeDateRange.d.ts +0 -51
  64. package/build/components/DatePicker/RelativeDateRange.js +0 -280
  65. package/build/components/DatePicker/UpcomingDatePicker.d.ts +0 -11
  66. package/build/components/DatePicker/UpcomingDatePicker.js +0 -27
  67. package/build/components/Dot/Dot.d.ts +0 -24
  68. package/build/components/Dot/Dot.js +0 -24
  69. package/build/components/Dot/DotProgress.d.ts +0 -6
  70. package/build/components/Dot/DotProgress.js +0 -10
  71. package/build/components/Drawer.d.ts +0 -28
  72. package/build/components/Drawer.js +0 -126
  73. package/build/components/Forms/BaseInput.d.ts +0 -20
  74. package/build/components/Forms/BaseInput.js +0 -41
  75. package/build/components/Forms/Checkbox.d.ts +0 -10
  76. package/build/components/Forms/Checkbox.js +0 -34
  77. package/build/components/Forms/Checkbox.module.css.js +0 -7
  78. package/build/components/Forms/ComboBox.d.ts +0 -8
  79. package/build/components/Forms/ComboBox.js +0 -41
  80. package/build/components/Forms/FormGroup.d.ts +0 -5
  81. package/build/components/Forms/FormGroup.js +0 -6
  82. package/build/components/Forms/InlineValuePopover.d.ts +0 -17
  83. package/build/components/Forms/InlineValuePopover.js +0 -47
  84. package/build/components/Forms/Input.d.ts +0 -6
  85. package/build/components/Forms/Input.js +0 -9
  86. package/build/components/Forms/Label.d.ts +0 -7
  87. package/build/components/Forms/Label.js +0 -17
  88. package/build/components/Forms/RangeSlider.d.ts +0 -33
  89. package/build/components/Forms/RangeSlider.js +0 -39
  90. package/build/components/Forms/Select.d.ts +0 -5
  91. package/build/components/Forms/Select.js +0 -8
  92. package/build/components/Forms/Switch.d.ts +0 -46
  93. package/build/components/Forms/Switch.js +0 -62
  94. package/build/components/Forms/Textarea.d.ts +0 -6
  95. package/build/components/Forms/Textarea.js +0 -35
  96. package/build/components/Forms/ValuePopoverText.d.ts +0 -6
  97. package/build/components/Forms/ValuePopoverText.js +0 -10
  98. package/build/components/GooglePlacesAutocomplete.d.ts +0 -14
  99. package/build/components/HeaderToolbar.d.ts +0 -21
  100. package/build/components/HeaderToolbar.js +0 -33
  101. package/build/components/ImageUpload.d.ts +0 -17
  102. package/build/components/ImageUpload.js +0 -86
  103. package/build/components/Key.d.ts +0 -6
  104. package/build/components/Key.js +0 -28
  105. package/build/components/Logo.d.ts +0 -19
  106. package/build/components/Logo.js +0 -10
  107. package/build/components/Modal.d.ts +0 -52
  108. package/build/components/Modal.js +0 -126
  109. package/build/components/Popover/Popover.d.ts +0 -20
  110. package/build/components/Popover/Popover.js +0 -50
  111. package/build/components/Popover/Popover.module.css.js +0 -7
  112. package/build/components/Popover/PopoverList.d.ts +0 -25
  113. package/build/components/Popover/PopoverList.js +0 -59
  114. package/build/components/Popover/PopoverScroll.module.css.js +0 -4
  115. package/build/components/Provider.d.ts +0 -18
  116. package/build/components/Provider.js +0 -17
  117. package/build/components/Screens/Login.d.ts +0 -25
  118. package/build/components/Screens/Login.js +0 -144
  119. package/build/components/Search.d.ts +0 -16
  120. package/build/components/Search.js +0 -174
  121. package/build/components/Sidebar/Sidebar.Account.d.ts +0 -13
  122. package/build/components/Sidebar/Sidebar.Account.js +0 -56
  123. package/build/components/Sidebar/Sidebar.Button.d.ts +0 -10
  124. package/build/components/Sidebar/Sidebar.Button.js +0 -21
  125. package/build/components/Sidebar/Sidebar.Footer.d.ts +0 -8
  126. package/build/components/Sidebar/Sidebar.Footer.js +0 -9
  127. package/build/components/Sidebar/Sidebar.Heading.d.ts +0 -10
  128. package/build/components/Sidebar/Sidebar.Heading.js +0 -10
  129. package/build/components/Sidebar/Sidebar.Link.d.ts +0 -24
  130. package/build/components/Sidebar/Sidebar.Link.js +0 -56
  131. package/build/components/Sidebar/Sidebar.Menu.d.ts +0 -10
  132. package/build/components/Sidebar/Sidebar.Menu.js +0 -28
  133. package/build/components/Sidebar/Sidebar.Menu.module.css.js +0 -7
  134. package/build/components/Sidebar/Sidebar.d.ts +0 -58
  135. package/build/components/Sidebar/Sidebar.js +0 -219
  136. package/build/components/Sidebar/SidebarScroll.module.css.js +0 -4
  137. package/build/components/Sidebar/index.d.ts +0 -8
  138. package/build/components/Skeleton.d.ts +0 -13
  139. package/build/components/Skeleton.js +0 -29
  140. package/build/components/Skeleton.module.css.js +0 -7
  141. package/build/components/Spinner.d.ts +0 -26
  142. package/build/components/Spinner.js +0 -27
  143. package/build/components/Table.d.ts +0 -59
  144. package/build/components/Table.js +0 -71
  145. package/build/components/Tabs/Tabs.Panel.d.ts +0 -9
  146. package/build/components/Tabs/Tabs.Panel.js +0 -7
  147. package/build/components/Tabs/Tabs.Tab.d.ts +0 -19
  148. package/build/components/Tabs/Tabs.Tab.js +0 -37
  149. package/build/components/Tabs/Tabs.d.ts +0 -27
  150. package/build/components/Tabs/Tabs.js +0 -28
  151. package/build/components/Tabs/index.d.ts +0 -4
  152. package/build/components/Tag.d.ts +0 -25
  153. package/build/components/Tag.js +0 -36
  154. package/build/components/Tooltip.d.ts +0 -8
  155. package/build/components/Tooltip.js +0 -8
  156. package/build/components/Utilities/Currency.d.ts +0 -32
  157. package/build/components/Utilities/Currency.js +0 -49
  158. package/build/components/Utilities/Number.d.ts +0 -8
  159. package/build/components/Utilities/Number.js +0 -15
  160. package/build/components/Utilities/Phone.d.ts +0 -8
  161. package/build/components/Utilities/Phone.js +0 -19
  162. package/build/full.css +0 -2
  163. package/build/helpers/avatar.d.ts +0 -1
  164. package/build/helpers/avatar.js +0 -8
  165. package/build/helpers/browser.d.ts +0 -2
  166. package/build/helpers/browser.js +0 -9
  167. package/build/helpers/children.d.ts +0 -3
  168. package/build/helpers/children.js +0 -6
  169. package/build/helpers/classnames.d.ts +0 -5
  170. package/build/helpers/currency.d.ts +0 -2
  171. package/build/helpers/currency.js +0 -11
  172. package/build/helpers/date.d.ts +0 -12
  173. package/build/helpers/date.js +0 -49
  174. package/build/helpers/flash.d.ts +0 -21
  175. package/build/helpers/flash.js +0 -87
  176. package/build/helpers/numbers.d.ts +0 -4
  177. package/build/helpers/numbers.js +0 -23
  178. package/build/helpers/phone.d.ts +0 -11
  179. package/build/helpers/phone.js +0 -25
  180. package/build/hooks/useId.d.ts +0 -1
  181. package/build/hooks/useId.js +0 -9
  182. package/build/hooks/useIsClient.d.ts +0 -1
  183. package/build/hooks/useIsClient.js +0 -10
  184. package/build/hooks/useViewportHeight.d.ts +0 -1
  185. package/build/hooks/useViewportHeight.js +0 -15
  186. package/build/icons/src/AnnounceIcon.js +0 -13
  187. package/build/icons/src/BellIcon.js +0 -27
  188. package/build/icons/src/CalendarIcon.js +0 -16
  189. package/build/icons/src/CheckIcon.js +0 -8
  190. package/build/icons/src/ChevronDownIcon.js +0 -8
  191. package/build/icons/src/ChevronLeftIcon.js +0 -8
  192. package/build/icons/src/ChevronRightIcon.js +0 -8
  193. package/build/icons/src/CircleNotch.js +0 -6
  194. package/build/icons/src/CloseIcon.js +0 -11
  195. package/build/icons/src/DownArrowIcon.js +0 -16
  196. package/build/icons/src/ImageIcon.js +0 -27
  197. package/build/icons/src/SearchIcon.js +0 -16
  198. package/build/icons/src/TrashIcon.js +0 -20
  199. package/build/icons/src/WarningDiamondIcon.js +0 -27
  200. package/build/icons/src/helpers/classnames.js +0 -8
  201. package/build/icons/src/helpers/icon.js +0 -11
  202. package/build/icons/src/helpers/iconSizes.js +0 -13
  203. package/build/icons/src/images/XolaLogoSimple.js +0 -14
  204. package/build/index.d.ts +0 -66
  205. package/build/index.js +0 -142
  206. package/build/theme.d.ts +0 -413
  207. package/build/theme.js +0 -372
  208. package/build/types/index.d.ts +0 -22
  209. package/build/types/migration.d.ts +0 -2
  210. package/build/ui-kit.css +0 -1
  211. package/build/utils/avatar.d.ts +0 -1
  212. package/build/utils/avatar.js +0 -8
  213. package/build/utils/currency.d.ts +0 -2
  214. package/build/utils/currency.js +0 -11
  215. package/build/utils/index.d.ts +0 -4
  216. package/build/utils/numbers.d.ts +0 -4
  217. package/build/utils/numbers.js +0 -19
  218. package/build/utils/phone.d.ts +0 -2
  219. package/build/utils/phone.js +0 -17
package/build/theme.js DELETED
@@ -1,372 +0,0 @@
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
- };
@@ -1,22 +0,0 @@
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
- }
@@ -1,2 +0,0 @@
1
- export type TODO_MIGRATE = any;
2
- export type FIXME = any;
package/build/ui-kit.css DELETED
@@ -1 +0,0 @@
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}
@@ -1 +0,0 @@
1
- export function getInitials(name: any): string;
@@ -1,8 +0,0 @@
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
- };
@@ -1,2 +0,0 @@
1
- export function isZeroDecimal(currency: any): boolean;
2
- export function getSymbol(currency: any, locale?: string, amount?: number, isNarrowSymbolForm?: boolean): string;
@@ -1,11 +0,0 @@
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
- };
@@ -1,4 +0,0 @@
1
- export * from './avatar.js';
2
- export * from './currency.js';
3
- export * from './numbers.js';
4
- export * from './phone.js';
@@ -1,4 +0,0 @@
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;
@@ -1,19 +0,0 @@
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
- };
@@ -1,2 +0,0 @@
1
- export function getRegionCode(number: any, countryCode?: string): import('libphonenumber-js').CountryCode | undefined;
2
- export function formatPhoneNumber(number: string, countryCode?: string): string;
@@ -1,17 +0,0 @@
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
- };