@foi/design-system 0.0.4 → 0.0.7

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 (40) hide show
  1. package/README.md +8 -0
  2. package/dist/DatePicker.utils-ytCEcs6T.js +2680 -0
  3. package/dist/DatePicker.utils-ytCEcs6T.js.map +1 -0
  4. package/dist/RadioGroup-D2s7AY6E.js +325 -0
  5. package/dist/RadioGroup-D2s7AY6E.js.map +1 -0
  6. package/dist/RadioGroup.context-zJGC5Sjc.js +395 -0
  7. package/dist/RadioGroup.context-zJGC5Sjc.js.map +1 -0
  8. package/dist/Switch-CBpbDGqG.js +3830 -0
  9. package/dist/Switch-CBpbDGqG.js.map +1 -0
  10. package/dist/ThemeProvider-oFEpvMxv.js +37 -0
  11. package/dist/ThemeProvider-oFEpvMxv.js.map +1 -0
  12. package/dist/atoms.d.ts +18 -0
  13. package/dist/atoms.mjs +3 -0
  14. package/dist/emotion-react-jsx-runtime.browser.esm-BFNmScj4.js +992 -0
  15. package/dist/emotion-react-jsx-runtime.browser.esm-BFNmScj4.js.map +1 -0
  16. package/dist/hocs.d.ts +2 -0
  17. package/dist/hocs.mjs +2 -0
  18. package/dist/hooks.d.ts +2 -0
  19. package/dist/hooks.mjs +2 -0
  20. package/dist/index.mjs +6 -8654
  21. package/dist/molecules.d.ts +6 -0
  22. package/dist/molecules.mjs +2 -0
  23. package/dist/theme-DEqiATmv.js +436 -0
  24. package/dist/theme-DEqiATmv.js.map +1 -0
  25. package/dist/theme.d.ts +1 -0
  26. package/dist/theme.mjs +2 -0
  27. package/dist/useStateCallback-D9fqdxiO.js +26 -0
  28. package/dist/useStateCallback-D9fqdxiO.js.map +1 -0
  29. package/dist/utilities/cleaner/input.d.ts +1 -0
  30. package/dist/utilities/formatter/date.d.ts +3 -0
  31. package/dist/utilities/formatter/input.d.ts +1 -0
  32. package/dist/utilities/formatter/number.d.ts +2 -0
  33. package/dist/utilities/formatter/strings.d.ts +2 -0
  34. package/dist/utilities/regex/input.d.ts +4 -0
  35. package/dist/utilities/validator/input.d.ts +1 -0
  36. package/dist/utilities.d.ts +7 -0
  37. package/dist/utilities.mjs +23 -0
  38. package/dist/utilities.mjs.map +1 -0
  39. package/package.json +25 -1
  40. package/dist/index.mjs.map +0 -1
@@ -0,0 +1,6 @@
1
+ export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
2
+ export { default as CheckboxTree } from './components/molecules/CheckboxTree';
3
+ export { default as RadioGroup } from './components/molecules/RadioGroup';
4
+ export type { CheckboxGroupStyleProps } from './components/molecules/CheckboxGroup/CheckboxGroup.interface';
5
+ export type { CheckboxTreeStyleProps } from './components/molecules/CheckboxTree/CheckboxTree.interface';
6
+ export type { RadioGroupStyleProps } from './components/molecules/RadioGroup/RadioGroup.interface';
@@ -0,0 +1,2 @@
1
+ import { n as e, r as t, t as n } from "./RadioGroup-D2s7AY6E.js";
2
+ export { t as CheckboxGroup, e as CheckboxTree, n as RadioGroup };
@@ -0,0 +1,436 @@
1
+ var e = {
2
+ white400: "#f1f1f1",
3
+ white500: "#b2bac2",
4
+ white600: "#989a9b",
5
+ red100: "#F9A8A7",
6
+ red200: "#F47E7B",
7
+ red300: "#F16360",
8
+ red400: "#EF5350",
9
+ red500: "#C83936",
10
+ gray100: "#e1e1e1",
11
+ gray200: "#989a9b",
12
+ gray300: "#5e7081",
13
+ gray400: "#66686b",
14
+ gray500: "#494949",
15
+ blue100: "#4DD0E1",
16
+ blue200: "#19A2B8",
17
+ blue300: "#118A9E",
18
+ blue400: "#0c748a",
19
+ blue500: "#075566",
20
+ darkBlue300: "#354149",
21
+ darkBlue400: "#17212b"
22
+ }, t = { INPUT: {
23
+ ROOT: { "border-radius": "4px" },
24
+ EVENTS: {
25
+ ENABLED: {
26
+ "background-color": "transparent",
27
+ "color-primary": e.white400,
28
+ "color-secondary": e.white500,
29
+ "color-tertiary": e.white600,
30
+ "border-color": e.blue400,
31
+ "border-width": "2px",
32
+ "border-style": "solid"
33
+ },
34
+ VALUE: { "border-color": e.blue200 },
35
+ HOVER: { "border-color": e.blue300 },
36
+ ACTIVE: { "border-color": e.blue500 },
37
+ FOCUS: { "border-color": e.blue100 },
38
+ ERROR: {
39
+ "background-color": "transparent",
40
+ "color-primary": e.red400,
41
+ "color-secondary": e.red400,
42
+ "color-tertiary": e.red400,
43
+ "border-color": e.red400
44
+ },
45
+ ERROR_VALUE: { "border-color": e.red200 },
46
+ ERROR_HOVER: { "border-color": e.red300 },
47
+ ERROR_ACTIVE: { "border-color": e.red500 },
48
+ ERROR_FOCUS: { "border-color": e.red100 },
49
+ DISABLED: {
50
+ "background-color": "transparent",
51
+ "color-primary": e.gray100,
52
+ "color-secondary": e.gray200,
53
+ "color-tertiary": e.gray200,
54
+ "border-color": e.gray400
55
+ },
56
+ DISABLED_VALUE: {}
57
+ }
58
+ } }, n = (e, t, n) => e[n] ? `${t}: ${e[n]};` : "", r = (e, t) => `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`, i = { ICONBUTTON: {
59
+ ROOT: { "border-radius": "4px" },
60
+ EVENTS: {
61
+ ENABLED: {
62
+ "icon-color": e.blue400,
63
+ "background-color": "transparent",
64
+ "border-style": "none"
65
+ },
66
+ HOVER: { "shadow-color": r(e.blue200, .3) },
67
+ ACTIVE: { "shadow-color": r(e.blue500, .6) },
68
+ FOCUS: {
69
+ "outline-color": e.blue100,
70
+ "outline-width": "1px",
71
+ "outline-style": "solid",
72
+ "outline-offset": "2px"
73
+ },
74
+ DISABLED: { "icon-color": e.gray400 }
75
+ }
76
+ } }, a = { BUTTON: {
77
+ ROOT: { "border-radius": "4px" },
78
+ EVENTS: {
79
+ ENABLED: {
80
+ "background-color": e.blue400,
81
+ "color-primary": e.white400,
82
+ "border-style": "none"
83
+ },
84
+ HOVER: { "background-color": e.blue300 },
85
+ ACTIVE: { "background-color": e.blue500 },
86
+ FOCUS: {
87
+ "outline-color": e.blue100,
88
+ "outline-width": "1px",
89
+ "outline-style": "solid",
90
+ "outline-offset": "2px"
91
+ },
92
+ DISABLED: {
93
+ "background-color": e.gray400,
94
+ "color-primary": e.gray100
95
+ },
96
+ LOADING: {
97
+ "background-color": e.gray300,
98
+ "color-primary": e.gray100
99
+ }
100
+ }
101
+ } }, o = { CHECKBOX: {
102
+ ROOT: { "border-radius": "4px" },
103
+ EVENTS: {
104
+ ENABLED: {
105
+ "color-primary": e.white400,
106
+ "color-secondary": e.gray200,
107
+ "icon-color": e.white400,
108
+ "background-color": "transparent",
109
+ "border-color": e.blue400,
110
+ "border-width": "2px",
111
+ "border-style": "solid"
112
+ },
113
+ VALUE: {
114
+ "icon-color": e.white400,
115
+ "background-color": e.blue200,
116
+ "border-color": e.blue200
117
+ },
118
+ HOVER: { "shadow-color": r(e.blue300, .4) },
119
+ ACTIVE: { "shadow-color": r(e.blue500, .6) },
120
+ FOCUS: {
121
+ "outline-color": e.blue100,
122
+ "outline-width": "1px",
123
+ "outline-style": "solid",
124
+ "outline-offset": "2px"
125
+ },
126
+ ERROR: {
127
+ "background-color": "transparent",
128
+ "color-secondary": e.red400,
129
+ "border-color": e.red400
130
+ },
131
+ ERROR_VALUE: {
132
+ "icon-color": e.white400,
133
+ "background-color": e.red200,
134
+ "border-color": e.red200
135
+ },
136
+ ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
137
+ ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
138
+ ERROR_FOCUS: { "outline-color": e.red100 },
139
+ DISABLED: {
140
+ "background-color": "transparent",
141
+ "color-secondary": e.gray200,
142
+ "border-color": e.gray400
143
+ },
144
+ DISABLED_VALUE: {
145
+ "icon-color": e.gray100,
146
+ "background-color": e.gray400
147
+ }
148
+ }
149
+ } }, s = { CHECKBOXGROUP: { EVENTS: {
150
+ ENABLED: {
151
+ "color-primary": e.white400,
152
+ "color-secondary": e.gray200
153
+ },
154
+ ERROR: {
155
+ "color-primary": e.red400,
156
+ "color-secondary": e.red400
157
+ },
158
+ DISABLED: { "color-secondary": e.gray200 }
159
+ } } }, c = { CHECKBOXTREE: { EVENTS: {
160
+ ENABLED: {
161
+ "color-primary": e.white400,
162
+ "color-secondary": e.gray200
163
+ },
164
+ ERROR: { "color-secondary": e.red400 },
165
+ DISABLED: { "color-secondary": e.gray200 }
166
+ } } }, l = { SELECT: {
167
+ ROOT: { "border-radius": "4px" },
168
+ EVENTS: {
169
+ ENABLED: {
170
+ "background-color": "transparent",
171
+ "color-primary": e.white400,
172
+ "color-secondary": e.white500,
173
+ "color-tertiary": e.white600,
174
+ "border-color": e.blue400,
175
+ "border-width": "2px",
176
+ "border-style": "solid"
177
+ },
178
+ VALUE: { "border-color": e.blue200 },
179
+ HOVER: { "border-color": e.blue300 },
180
+ ACTIVE: { "border-color": e.blue500 },
181
+ FOCUS: { "border-color": e.blue100 },
182
+ ERROR: {
183
+ "background-color": "transparent",
184
+ "color-primary": e.red400,
185
+ "color-secondary": e.red400,
186
+ "color-tertiary": e.red400,
187
+ "border-color": e.red400
188
+ },
189
+ ERROR_VALUE: { "border-color": e.red200 },
190
+ ERROR_HOVER: { "border-color": e.red300 },
191
+ ERROR_ACTIVE: { "border-color": e.red500 },
192
+ ERROR_FOCUS: { "border-color": e.red500 },
193
+ DISABLED: {
194
+ "background-color": "transparent",
195
+ "color-primary": e.gray100,
196
+ "color-secondary": e.gray200,
197
+ "color-tertiary": e.gray200,
198
+ "border-color": e.gray400
199
+ },
200
+ DISABLED_VALUE: {}
201
+ }
202
+ } }, u = { SELECTMENU: {
203
+ ROOT: {
204
+ "background-color": e.darkBlue300,
205
+ "border-radius": "4px",
206
+ top: "4px"
207
+ },
208
+ EVENTS: {
209
+ ENABLED: {
210
+ "background-color": "transparent",
211
+ "color-primary": e.white400,
212
+ "color-secondary": e.white500,
213
+ "color-tertiary": e.white600
214
+ },
215
+ VALUE: { "background-color": e.blue200 },
216
+ HOVER: { "background-color": e.blue300 },
217
+ ACTIVE: { "background-color": e.blue500 },
218
+ FOCUS: { "background-color": e.blue200 }
219
+ }
220
+ } }, d = { SWITCH: {
221
+ ROOT: { "border-radius": "12px" },
222
+ EVENTS: {
223
+ ENABLED: {
224
+ "color-primary": e.white400,
225
+ "color-secondary": e.gray200,
226
+ "icon-color": e.white400,
227
+ "icon-background-color": e.blue400,
228
+ "background-color": "transparent",
229
+ "border-color": e.blue400,
230
+ "border-width": "2px",
231
+ "border-style": "solid"
232
+ },
233
+ VALUE: {
234
+ "icon-color": e.blue200,
235
+ "icon-background-color": e.white400,
236
+ "background-color": e.blue200,
237
+ "border-color": e.blue200
238
+ },
239
+ HOVER: { "shadow-color": r(e.blue300, .4) },
240
+ ACTIVE: { "shadow-color": r(e.blue500, .6) },
241
+ FOCUS: {
242
+ "outline-color": e.blue100,
243
+ "outline-width": "1px",
244
+ "outline-style": "solid",
245
+ "outline-offset": "2px"
246
+ },
247
+ DISABLED: {
248
+ "icon-color": e.gray100,
249
+ "icon-background-color": e.gray400,
250
+ "background-color": "transparent",
251
+ "color-secondary": e.gray200,
252
+ "border-color": e.gray400,
253
+ "border-width": "2px",
254
+ "border-style": "solid"
255
+ },
256
+ DISABLED_VALUE: {
257
+ "icon-color": e.gray400,
258
+ "icon-background-color": e.gray100,
259
+ "background-color": e.gray400,
260
+ "border-color": e.gray400,
261
+ "border-width": "2px",
262
+ "border-style": "solid"
263
+ }
264
+ }
265
+ } }, f = { SLIDER: { EVENTS: {
266
+ ENABLED: {
267
+ "icon-color": e.white400,
268
+ "icon-background-color": e.blue400,
269
+ "background-color": e.blue400,
270
+ "border-color": e.blue400,
271
+ "border-width": "2px",
272
+ "border-style": "solid"
273
+ },
274
+ VALUE: { "background-color": e.blue200 },
275
+ HOVER: { "background-color": r(e.blue200, .3) },
276
+ ACTIVE: { "background-color": r(e.blue500, .6) },
277
+ FOCUS: {
278
+ "outline-color": e.blue100,
279
+ "outline-width": "1px",
280
+ "outline-style": "solid",
281
+ "outline-offset": "2px"
282
+ },
283
+ DISABLED: {
284
+ "icon-color": e.gray100,
285
+ "icon-background-color": e.gray400,
286
+ "background-color": e.gray400,
287
+ "border-color": e.gray400,
288
+ "border-width": "2px",
289
+ "border-style": "solid"
290
+ },
291
+ DISABLED_VALUE: {
292
+ "icon-color": e.gray100,
293
+ "icon-background-color": e.gray400,
294
+ "background-color": e.gray200,
295
+ "border-color": e.gray400,
296
+ "border-width": "2px",
297
+ "border-style": "solid"
298
+ }
299
+ } } }, p = { RADIO: {
300
+ ROOT: { "border-radius": "4px" },
301
+ EVENTS: {
302
+ ENABLED: {
303
+ "color-primary": e.white400,
304
+ "color-secondary": e.gray200,
305
+ "icon-color": e.white400,
306
+ "background-color": "transparent",
307
+ "border-color": e.blue400,
308
+ "border-width": "2px",
309
+ "border-style": "solid"
310
+ },
311
+ VALUE: {
312
+ "icon-color": e.blue200,
313
+ "border-color": e.blue200
314
+ },
315
+ HOVER: { "shadow-color": r(e.blue300, .4) },
316
+ ACTIVE: { "shadow-color": r(e.blue500, .6) },
317
+ FOCUS: {
318
+ "outline-color": e.blue100,
319
+ "outline-width": "1px",
320
+ "outline-style": "solid",
321
+ "outline-offset": "2px"
322
+ },
323
+ ERROR: {
324
+ "background-color": "transparent",
325
+ "color-secondary": e.red400,
326
+ "border-color": e.red400
327
+ },
328
+ ERROR_VALUE: {
329
+ "icon-color": e.white400,
330
+ "background-color": e.red200
331
+ },
332
+ ERROR_HOVER: { "shadow-color": r(e.red300, .3) },
333
+ ERROR_ACTIVE: { "shadow-color": r(e.red500, .6) },
334
+ ERROR_FOCUS: { "outline-color": e.red100 },
335
+ DISABLED: {
336
+ "background-color": "transparent",
337
+ "color-secondary": e.gray200,
338
+ "border-color": e.gray400
339
+ },
340
+ DISABLED_VALUE: { "icon-color": e.gray400 }
341
+ }
342
+ } }, m = { RADIOGROUP: { EVENTS: {
343
+ ENABLED: {
344
+ "color-primary": e.white400,
345
+ "color-secondary": e.gray200
346
+ },
347
+ ERROR: {
348
+ "color-primary": e.red400,
349
+ "color-secondary": e.red400
350
+ },
351
+ DISABLED: { "color-secondary": e.gray200 }
352
+ } } }, h = { DATEPICKER: {
353
+ ROOT: { "border-radius": "4px" },
354
+ EVENTS: {
355
+ ENABLED: {
356
+ "background-color": "transparent",
357
+ "color-primary": e.white400,
358
+ "color-secondary": e.white500,
359
+ "color-tertiary": e.white600,
360
+ "border-color": e.blue400,
361
+ "border-width": "2px",
362
+ "border-style": "solid"
363
+ },
364
+ VALUE: { "border-color": e.blue200 },
365
+ HOVER: { "border-color": e.blue300 },
366
+ ACTIVE: { "border-color": e.blue500 },
367
+ FOCUS: { "border-color": e.blue100 },
368
+ ERROR: {
369
+ "background-color": "transparent",
370
+ "color-primary": e.red400,
371
+ "color-secondary": e.red400,
372
+ "color-tertiary": e.red400,
373
+ "border-color": e.red400
374
+ },
375
+ ERROR_VALUE: { "border-color": e.red200 },
376
+ ERROR_HOVER: { "border-color": e.red300 },
377
+ ERROR_ACTIVE: { "border-color": e.red500 },
378
+ ERROR_FOCUS: { "border-color": e.red500 },
379
+ DISABLED: {
380
+ "background-color": "transparent",
381
+ "color-primary": e.gray100,
382
+ "color-secondary": e.gray200,
383
+ "color-tertiary": e.gray200,
384
+ "border-color": e.gray400
385
+ },
386
+ DISABLED_VALUE: {}
387
+ }
388
+ } }, g = { DATEPICKERMENU: {
389
+ ROOT: {
390
+ "background-color": e.darkBlue300,
391
+ "border-radius": "4px"
392
+ },
393
+ EVENTS: {
394
+ ENABLED: {
395
+ "color-primary": e.white400,
396
+ "color-secondary": e.white500,
397
+ "background-color": e.blue400
398
+ },
399
+ VALUE: { "background-color": e.blue200 },
400
+ HOVER: { "background-color": r(e.blue200, .3) },
401
+ ACTIVE: { "background-color": r(e.blue500, .6) },
402
+ FOCUS: {
403
+ "outline-color": e.blue100,
404
+ "outline-width": "1px",
405
+ "outline-style": "solid",
406
+ "outline-offset": "2px"
407
+ }
408
+ }
409
+ } }, _ = {
410
+ name: "dark",
411
+ components: {
412
+ ...t,
413
+ ...i,
414
+ ...a,
415
+ ...o,
416
+ ...s,
417
+ ...c,
418
+ ...l,
419
+ ...u,
420
+ ...d,
421
+ ...f,
422
+ ...p,
423
+ ...m,
424
+ ...h,
425
+ ...g
426
+ },
427
+ fonts: {
428
+ "fontfamily-primary": "Mulish",
429
+ "fontfamily-secondary": "League Spartan",
430
+ "fontfamily-tertiary": "Google Sans Code"
431
+ }
432
+ }, v = [_];
433
+ //#endregion
434
+ export { _ as n, n as r, v as t };
435
+
436
+ //# sourceMappingURL=theme-DEqiATmv.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-DEqiATmv.js","names":[],"sources":["../src/theme/dark/colors.ts","../src/theme/dark/components/Input.ts","../src/utilities/emotion/styles.ts","../src/theme/dark/components/IconButton.ts","../src/theme/dark/components/Button.ts","../src/theme/dark/components/Checkbox.ts","../src/theme/dark/components/CheckboxGroup.ts","../src/theme/dark/components/CheckboxTree.ts","../src/theme/dark/components/Select.ts","../src/theme/dark/components/SelectMenu.ts","../src/theme/dark/components/Switch.ts","../src/theme/dark/components/Slider.ts","../src/theme/dark/components/Radio.ts","../src/theme/dark/components/RadioGroup.ts","../src/theme/dark/components/DatePicker.ts","../src/theme/dark/components/DatePickerMenu.ts","../src/theme/dark/components/index.ts","../src/theme/dark/fonts.ts","../src/theme/dark/index.ts","../src/theme/index.ts"],"sourcesContent":["export const blueChill = '#188aa2';\nexport const blueDeepAqua = '#0c748a';\nexport const blueEigengrau = '#0e1621';\n\nexport const graySeashell = '#f1f1f1';\nexport const grayAsh = '#b2bac2';\nexport const grayGrass = '#989a9b';\nexport const grayGunmetal = '#495057';\n\nexport const darkRed = '#f44336';\n\nconst white400 = '#f1f1f1'; // Primary Color\nconst white500 = '#b2bac2'; // Secondary Color\nconst white600 = '#989a9b'; // Tertiary Color\n\nconst red100 = '#F9A8A7'; // Error Focus\nconst red200 = '#F47E7B'; // Error Value\nconst red300 = '#F16360'; // Error Hover\nconst red400 = '#EF5350'; // Error\nconst red500 = '#C83936'; // Error Active\n\nconst gray100 = '#e1e1e1';\nconst gray200 = '#989a9b';\nconst gray300 = '#5e7081'; // Loading\nconst gray400 = '#66686b';\nconst gray500 = '#494949';\n\nconst blue100 = '#4DD0E1'; // Focus\nconst blue200 = '#19A2B8'; // Value\nconst blue300 = '#118A9E'; // Hover\nconst blue400 = '#0c748a'; // Enabled\nconst blue500 = '#075566'; // Active\n\nconst darkBlue300 = '#354149'; // Menu\nconst darkBlue400 = '#17212b'; // Base\n\nexport default {\n white400,\n white500,\n white600,\n\n red100,\n red200,\n red300,\n red400,\n red500,\n\n gray100,\n gray200,\n gray300,\n gray400,\n gray500,\n\n blue100,\n blue200,\n blue300,\n blue400,\n blue500,\n\n darkBlue300,\n darkBlue400,\n};\n","import type { INPUT } from '@hocs/ThemeProvider/components/Input';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n INPUT: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDERS\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies INPUT;\n\nexport default component;\n","export const getStyle = (theme: Record<string, string>, prop: string, key: string) =>\n theme[key] ? `${prop}: ${theme[key]};` : '';\n\nexport const hexToRgba = (hex: string, alpha: number): string => {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n","import type { ICONBUTTON } from '@hocs/ThemeProvider/components/IconButton';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n ICONBUTTON: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // UTILS\n 'icon-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-style': 'none',\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray400,\n },\n },\n },\n} as const satisfies ICONBUTTON;\n\nexport default component;\n","import type { BUTTON } from '@hocs/ThemeProvider/components/Button';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n BUTTON: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': colors.blue400,\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n\n // BORDERS\n 'border-style': 'none',\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': colors.blue300,\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n },\n LOADING: {\n // BACKGROUNDS\n 'background-color': colors.gray300,\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n },\n },\n },\n} as const satisfies BUTTON;\n\nexport default component;\n","import type { CHECKBOX } from '@hocs/ThemeProvider/components/Checkbox';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOX: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // OUTLINE\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.red200,\n\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red300, 0.3),\n },\n ERROR_ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red500, 0.6),\n },\n ERROR_FOCUS: {\n // BORDERS\n 'outline-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray100,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n },\n },\n },\n} as const satisfies CHECKBOX;\n\nexport default component;\n","import type { CHECKBOXGROUP } from '@hocs/ThemeProvider/components/CheckboxGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOXGROUP: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies CHECKBOXGROUP;\n\nexport default component;\n","import type { CHECKBOXTREE } from '@hocs/ThemeProvider/components/CheckboxTree';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n CHECKBOXTREE: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies CHECKBOXTREE;\n\nexport default component;\n","import type { SELECT } from '@hocs/ThemeProvider/components/Select';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SELECT: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDER\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red500,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies SELECT;\n\nexport default component;\n","import type { SELECTMENU } from '@hocs/ThemeProvider/components/SelectMenu';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SELECTMENU: {\n ROOT: {\n // BACKGROUNDS\n 'background-color': colors.darkBlue300,\n\n // BORDERS\n 'border-radius': '4px',\n\n // LAYOUT\n top: '4px',\n },\n EVENTS: {\n ENABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': colors.blue300,\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': colors.blue500,\n },\n FOCUS: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n },\n },\n} as const satisfies SELECTMENU;\n\nexport default component;\n","import type { SWITCH } from '@hocs/ThemeProvider/components/Switch';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SWITCH: {\n ROOT: {\n // BORDERS\n 'border-radius': '12px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n 'icon-background-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.blue200,\n 'icon-background-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray400,\n 'icon-background-color': colors.gray100,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n },\n },\n} as const satisfies SWITCH;\n\nexport default component;\n","import type { SLIDER } from '@hocs/ThemeProvider/components/Slider';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n SLIDER: {\n EVENTS: {\n ENABLED: {\n // UTILS\n 'icon-color': colors.white400,\n 'icon-background-color': colors.blue400,\n\n // BACKGROUNDS\n 'background-color': colors.blue400,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n DISABLED: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': colors.gray400,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray100,\n 'icon-background-color': colors.gray400,\n\n // BACKGROUNDS\n 'background-color': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n },\n },\n} as const satisfies SLIDER;\n\nexport default component;\n","import type { RADIO } from '@hocs/ThemeProvider/components/Radio';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n RADIO: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // UTILS\n 'icon-color': colors.blue200,\n\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue300, 0.4),\n },\n ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // BORDERS\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // UTILS\n 'icon-color': colors.white400,\n\n // BACKGROUNDS\n 'background-color': colors.red200,\n },\n ERROR_HOVER: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red300, 0.3),\n },\n ERROR_ACTIVE: {\n // SHADOWS\n 'shadow-color': hexToRgba(colors.red500, 0.6),\n },\n ERROR_FOCUS: {\n // BORDERS\n 'outline-color': colors.red100,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {\n // UTILS\n 'icon-color': colors.gray400,\n },\n },\n },\n} as const satisfies RADIO;\n\nexport default component;\n","import type { RADIOGROUP } from '@hocs/ThemeProvider/components/RadioGroup';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n RADIOGROUP: {\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.gray200,\n },\n ERROR: {\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n },\n DISABLED: {\n // TYPOGRAPHY\n 'color-secondary': colors.gray200,\n },\n },\n },\n} as const satisfies RADIOGROUP;\n\nexport default component;\n","import type { DATEPICKER } from '@hocs/ThemeProvider/components/DatePicker';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n DATEPICKER: {\n ROOT: {\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n 'color-tertiary': colors.white600,\n\n // BORDERS\n 'border-color': colors.blue400,\n 'border-width': '2px',\n 'border-style': 'solid',\n },\n VALUE: {\n // BORDERS\n 'border-color': colors.blue200,\n },\n HOVER: {\n // BORDER\n 'border-color': colors.blue300,\n },\n ACTIVE: {\n // BORDERS\n 'border-color': colors.blue500,\n },\n FOCUS: {\n // BORDERS\n 'border-color': colors.blue100,\n },\n ERROR: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.red400,\n 'color-secondary': colors.red400,\n 'color-tertiary': colors.red400,\n\n // BORDERS\n 'border-color': colors.red400,\n },\n ERROR_VALUE: {\n // BORDERS\n 'border-color': colors.red200,\n },\n ERROR_HOVER: {\n // BORDERS\n 'border-color': colors.red300,\n },\n ERROR_ACTIVE: {\n // BORDERS\n 'border-color': colors.red500,\n },\n ERROR_FOCUS: {\n // BORDERS\n 'border-color': colors.red500,\n },\n DISABLED: {\n // BACKGROUNDS\n 'background-color': 'transparent',\n\n // TYPOGRAPHY\n 'color-primary': colors.gray100,\n 'color-secondary': colors.gray200,\n 'color-tertiary': colors.gray200,\n // BORDERS\n 'border-color': colors.gray400,\n },\n DISABLED_VALUE: {},\n },\n },\n} as const satisfies DATEPICKER;\n\nexport default component;\n","import type { DATEPICKERMENU } from '@hocs/ThemeProvider/components/DatePickerMenu';\nimport { hexToRgba } from '@utilities/emotion/styles';\n\n// Colors\nimport colors from '../colors';\n\nconst component = {\n DATEPICKERMENU: {\n ROOT: {\n // BACKGROUNDS\n 'background-color': colors.darkBlue300,\n\n // BORDERS\n 'border-radius': '4px',\n },\n EVENTS: {\n ENABLED: {\n // TYPOGRAPHY\n 'color-primary': colors.white400,\n 'color-secondary': colors.white500,\n\n // BACKGROUNDS\n 'background-color': colors.blue400,\n },\n VALUE: {\n // BACKGROUNDS\n 'background-color': colors.blue200,\n },\n HOVER: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue200, 0.3),\n },\n ACTIVE: {\n // BACKGROUNDS\n 'background-color': hexToRgba(colors.blue500, 0.6),\n },\n FOCUS: {\n // OUTLINE\n 'outline-color': colors.blue100,\n 'outline-width': '1px',\n 'outline-style': 'solid',\n 'outline-offset': '2px',\n },\n },\n },\n} as const satisfies DATEPICKERMENU;\n\nexport default component;\n","import Input from './Input';\nimport IconButton from './IconButton';\nimport Button from './Button';\nimport Checkbox from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport CheckboxTree from './CheckboxTree';\nimport Select from './Select';\nimport SelectMenu from './SelectMenu';\nimport Switch from './Switch';\nimport Slider from './Slider';\nimport Radio from './Radio';\nimport RadioGroup from './RadioGroup';\nimport DatePicker from './DatePicker';\nimport DatePickerMenu from './DatePickerMenu';\n\nexport default {\n ...Input,\n ...IconButton,\n ...Button,\n ...Checkbox,\n ...CheckboxGroup,\n ...CheckboxTree,\n ...Select,\n ...SelectMenu,\n ...Switch,\n ...Slider,\n ...Radio,\n ...RadioGroup,\n ...DatePicker,\n ...DatePickerMenu,\n};\n","const fonts = {\n 'fontfamily-primary': 'Mulish',\n 'fontfamily-secondary': 'League Spartan',\n 'fontfamily-tertiary': 'Google Sans Code',\n};\n\nexport default fonts;\n","import type { Theme } from '@hocs/ThemeProvider/ThemeProvider.interface';\nimport components from './components';\nimport fonts from './fonts';\n\nexport const darkTheme = {\n name: 'dark',\n components,\n fonts,\n} as const satisfies Theme;\n","import { darkTheme } from './dark';\n\nexport const themeProvider = [darkTheme] as const;\n\nexport { darkTheme };\n"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { darkTheme, themeProvider } from './theme/index';
package/dist/theme.mjs ADDED
@@ -0,0 +1,2 @@
1
+ import { n as e, t } from "./theme-DEqiATmv.js";
2
+ export { e as darkTheme, t as themeProvider };
@@ -0,0 +1,26 @@
1
+ import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
2
+ //#region src/hooks/useOnClickOutside.ts
3
+ var i = ({ ref: e, onAction: n, isActive: r, exceptRef: i, dependencies: a = [] }) => {
4
+ let o = (t) => {
5
+ (e.current && !e.current.contains(t.target) && r && i?.current && !i?.current.contains(t.target) || e.current && !e.current.contains(t.target) && r && !i?.current) && n();
6
+ };
7
+ t(() => (document.addEventListener("mousedown", o), document.addEventListener("keydown", o), () => {
8
+ document.removeEventListener("mousedown", o), document.removeEventListener("keydown", o);
9
+ }), [
10
+ e,
11
+ i,
12
+ r,
13
+ ...a
14
+ ]);
15
+ }, a = (i) => {
16
+ let [a, o] = r(i), s = n(void 0), c = e((e, t) => {
17
+ s.current = t, o(e);
18
+ }, []);
19
+ return t(() => {
20
+ s.current &&= (s.current(a), void 0);
21
+ }, [a]), [a, c];
22
+ };
23
+ //#endregion
24
+ export { i as n, a as t };
25
+
26
+ //# sourceMappingURL=useStateCallback-D9fqdxiO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStateCallback-D9fqdxiO.js","names":[],"sources":["../src/hooks/useOnClickOutside.ts","../src/hooks/useStateCallback.ts"],"sourcesContent":["import { useEffect, type DependencyList, type RefObject } from 'react';\n\ninterface UseClickOutsideAlerter {\n ref: RefObject<Element | null>;\n isActive: boolean;\n onAction: () => void;\n exceptRef?: RefObject<Element | null>;\n dependencies?: DependencyList;\n}\n\nexport const useOnClickOutside = ({\n ref,\n onAction,\n isActive,\n exceptRef,\n dependencies = [],\n}: UseClickOutsideAlerter) => {\n const onClickOutside = (event: Event) => {\n if (\n ref.current &&\n !ref.current.contains(event.target as Node) &&\n isActive &&\n exceptRef?.current &&\n !exceptRef?.current.contains(event.target as Node)\n ) {\n onAction();\n } else if (ref.current && !ref.current.contains(event.target as Node) && isActive && !exceptRef?.current) {\n onAction();\n }\n };\n\n useEffect(() => {\n document.addEventListener('mousedown', onClickOutside);\n document.addEventListener('keydown', onClickOutside);\n return () => {\n document.removeEventListener('mousedown', onClickOutside);\n document.removeEventListener('keydown', onClickOutside);\n };\n }, [ref, exceptRef, isActive, ...dependencies]);\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const useStateCallback = <T>(initialState: T): [T, (state: T, cb?: (state: T) => void) => void] => {\n const [state, setState] = useState(initialState);\n const cbRef = useRef<((state: T) => void) | undefined>(undefined); // init mutable ref container for callbacks\n\n const setStateCallback = useCallback((state: T, cb?: (state: T) => void) => {\n cbRef.current = cb; // store current, passed callback in ref\n setState(state);\n }, []); // keep object reference stable, exactly like `useState`\n\n useEffect(() => {\n // cb.current is `undefined` on initial render,\n // so we only invoke callback on state *updates*\n if (cbRef.current) {\n cbRef.current(state);\n cbRef.current = undefined; // reset callback after execution\n }\n }, [state]);\n\n return [state, setStateCallback];\n};\n"],"mappings":";;AAUA,IAAa,KAAqB,EAChC,QACA,aACA,aACA,cACA,kBAAe,EAAE,OACW;CAC5B,IAAM,KAAkB,MAAiB;EACvC,CACE,EAAI,WACJ,CAAC,EAAI,QAAQ,SAAS,EAAM,OAAe,IAC3C,KACA,GAAW,WACX,CAAC,GAAW,QAAQ,SAAS,EAAM,OAAe,IAGzC,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAM,OAAe,IAAI,KAAY,CAAC,GAAW,YAD/F,GAAU;;CAMd,SACE,SAAS,iBAAiB,aAAa,EAAe,EACtD,SAAS,iBAAiB,WAAW,EAAe,QACvC;EAEX,AADA,SAAS,oBAAoB,aAAa,EAAe,EACzD,SAAS,oBAAoB,WAAW,EAAe;KAExD;EAAC;EAAK;EAAW;EAAU,GAAG;EAAa,CAAC;GCpCpC,KAAuB,MAAsE;CACxG,IAAM,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,IAAQ,EAAyC,KAAA,EAAU,EAE3D,IAAmB,GAAa,GAAU,MAA4B;EAE1E,AADA,EAAM,UAAU,GAChB,EAAS,EAAM;IACd,EAAE,CAAC;CAWN,OATA,QAAgB;EAGd,AAEE,EAAM,aADN,EAAM,QAAQ,EAAM,EACJ,KAAA;IAEjB,CAAC,EAAM,CAAC,EAEJ,CAAC,GAAO,EAAiB"}
@@ -0,0 +1 @@
1
+ export declare const onCleanRut: (rut?: string) => string;
@@ -0,0 +1,3 @@
1
+ import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';
2
+ export declare const toShortDay: (day: DaysEnProps, language: "en" | "es") => string;
3
+ export declare const toLongMonth: (month: MonthsEnProps, language: "en" | "es") => string;
@@ -0,0 +1 @@
1
+ export declare const toRutFormat: (rut?: string, dots?: boolean) => string;
@@ -0,0 +1,2 @@
1
+ export declare const toPrice: (price: number) => string;
2
+ export declare const toDiscount: (price: number, discount: number) => number;
@@ -0,0 +1,2 @@
1
+ export declare const toPadZeros: (label: number | string, zeros: number) => string;
2
+ export declare const toCapitalized: (word?: string) => string;
@@ -0,0 +1,4 @@
1
+ export declare const isEmailRegex: RegExp;
2
+ export declare const isTextOnlyRegex: RegExp;
3
+ export declare const isNumberRegex: RegExp;
4
+ export declare const isRutRegex: RegExp;
@@ -0,0 +1 @@
1
+ export declare const validateRut: (rut: string) => boolean;
@@ -0,0 +1,7 @@
1
+ export * from './utilities/cleaner/input';
2
+ export * from './utilities/formatter/date';
3
+ export * from './utilities/formatter/input';
4
+ export * from './utilities/formatter/number';
5
+ export * from './utilities/formatter/strings';
6
+ export * from './utilities/regex/input';
7
+ export * from './utilities/validator/input';
@@ -0,0 +1,23 @@
1
+ import { d as e, n as t } from "./DatePicker.utils-ytCEcs6T.js";
2
+ //#region src/utilities/cleaner/input.ts
3
+ var n = (e = "") => e.replace(/^0+|[^0-9kK]+/g, "").toUpperCase(), r = (e, n) => t[n][e], i = (t, n) => e[n][t], a = (e = "", t = !0) => {
4
+ let r = n(e), i = "";
5
+ if (t) {
6
+ i = `${r.slice(-4, -1)}-${r.substring(r.length - 1)}`;
7
+ for (let e = 4; e < r.length; e += 3) i = `${r.slice(-3 - e, -e)}.${i}`;
8
+ } else i = `${r.slice(0, -1)}-${r.substring(r.length - 1)}`;
9
+ return i;
10
+ }, o = Intl.NumberFormat("es-CL", {
11
+ style: "currency",
12
+ currency: "CLP",
13
+ currencyDisplay: "symbol",
14
+ minimumFractionDigits: 0
15
+ }), s = (e) => o.format(e), c = (e, t) => Math.ceil(100 - t / e * 100), l = (e, t) => String(e).padStart(t, "0"), u = (e = "") => e.charAt(0).toUpperCase() + e.slice(1), d = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/, f = /^[a-zA-Z\sÁÉÍÓÚáéíóúÑñ]*$/, p = /^-?\d+$/, m = /(\d|k|K|.|-|^$)+$/, h = (e) => {
16
+ if (e.length > 12) return !1;
17
+ let t = n(e), r = t.slice(0, -1), i = t.slice(-1).toUpperCase(), a = 11 - Array.from(r).reverse().reduce((e, t, n) => e + parseInt(t, 10) * (n % 6 + 2), 0) % 11, o;
18
+ return o = a === 11 ? "0" : a === 10 ? "K" : a.toString(), o === i;
19
+ };
20
+ //#endregion
21
+ export { d as isEmailRegex, p as isNumberRegex, m as isRutRegex, f as isTextOnlyRegex, n as onCleanRut, u as toCapitalized, c as toDiscount, i as toLongMonth, l as toPadZeros, s as toPrice, a as toRutFormat, r as toShortDay, h as validateRut };
22
+
23
+ //# sourceMappingURL=utilities.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utilities.mjs","names":[],"sources":["../src/utilities/cleaner/input.ts","../src/utilities/formatter/date.ts","../src/utilities/formatter/input.ts","../src/utilities/formatter/number.ts","../src/utilities/formatter/strings.ts","../src/utilities/regex/input.ts","../src/utilities/validator/input.ts"],"sourcesContent":["export const onCleanRut = (rut = '') => rut.replace(/^0+|[^0-9kK]+/g, '').toUpperCase();\n","import { DaysEnProps, MonthsEnProps } from '@components/atoms/DatePicker/DatePicker.interface';\nimport { daysDictionary, monthsDictionary } from '@components/atoms/DatePicker/DatePicker.utils';\n\nexport const toShortDay = (day: DaysEnProps, language: 'en' | 'es') => daysDictionary[language][day];\n\nexport const toLongMonth = (month: MonthsEnProps, language: 'en' | 'es') => monthsDictionary[language][month];\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const toRutFormat = (rut = '', dots = true) => {\n const cleanRut = onCleanRut(rut);\n\n let result = '';\n\n if (dots) {\n result = `${cleanRut.slice(-4, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n for (let i = 4; i < cleanRut.length; i += 3) {\n result = `${cleanRut.slice(-3 - i, -i)}.${result}`;\n }\n } else {\n result = `${cleanRut.slice(0, -1)}-${cleanRut.substring(cleanRut.length - 1)}`;\n }\n\n return result;\n};\n","const euroEU = Intl.NumberFormat('es-CL', {\n style: 'currency',\n currency: 'CLP',\n currencyDisplay: 'symbol',\n minimumFractionDigits: 0,\n});\n\nexport const toPrice = (price: number) => euroEU.format(price); //.replace('CLP', '');\n\nexport const toDiscount = (price: number, discount: number) => {\n return Math.ceil(100 - (discount / price) * 100);\n};\n","export const toPadZeros = (label: number | string, zeros: number) => String(label).padStart(zeros, '0');\n\nexport const toCapitalized = (word = '') => word.charAt(0).toUpperCase() + word.slice(1);\n","export const isEmailRegex = /^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$/;\n\nexport const isTextOnlyRegex = /^[a-zA-Z\\sÁÉÍÓÚáéíóúÑñ]*$/;\n\nexport const isNumberRegex = /^-?\\d+$/;\n\nexport const isRutRegex = /(\\d|k|K|.|-|^$)+$/;\n","import { onCleanRut } from '@utilities/cleaner/input';\n\nexport const validateRut = (rut: string) => {\n if (rut.length > 12) {\n return false;\n }\n\n const cleanRut = onCleanRut(rut);\n\n const rutBody = cleanRut.slice(0, -1);\n const inputDV = cleanRut.slice(-1).toUpperCase();\n const suma = Array.from(rutBody)\n .reverse()\n .reduce((acc, digit, i) => acc + parseInt(digit, 10) * ((i % 6) + 2), 0);\n\n const calculatedDV = 11 - (suma % 11);\n let dv: string;\n\n if (calculatedDV === 11) {\n dv = '0';\n } else if (calculatedDV === 10) {\n dv = 'K';\n } else {\n dv = calculatedDV.toString();\n }\n\n return dv === inputDV;\n};\n"],"mappings":";;AAAA,IAAa,KAAc,IAAM,OAAO,EAAI,QAAQ,kBAAkB,GAAG,CAAC,aAAa,ECG1E,KAAc,GAAkB,MAA0B,EAAe,GAAU,IAEnF,KAAe,GAAsB,MAA0B,EAAiB,GAAU,ICH1F,KAAe,IAAM,IAAI,IAAO,OAAS;CACpD,IAAM,IAAW,EAAW,EAAI,EAE5B,IAAS;CAEb,IAAI,GAAM;EACR,IAAS,GAAG,EAAS,MAAM,IAAI,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;EAC7E,KAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,KAAK,GACxC,IAAS,GAAG,EAAS,MAAM,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG;QAG5C,IAAS,GAAG,EAAS,MAAM,GAAG,GAAG,CAAC,GAAG,EAAS,UAAU,EAAS,SAAS,EAAE;CAG9E,OAAO;GChBH,IAAS,KAAK,aAAa,SAAS;CACxC,OAAO;CACP,UAAU;CACV,iBAAiB;CACjB,uBAAuB;CACxB,CAAC,EAEW,KAAW,MAAkB,EAAO,OAAO,EAAM,EAEjD,KAAc,GAAe,MACjC,KAAK,KAAK,MAAO,IAAW,IAAS,IAAI,ECVrC,KAAc,GAAwB,MAAkB,OAAO,EAAM,CAAC,SAAS,GAAO,IAAI,EAE1F,KAAiB,IAAO,OAAO,EAAK,OAAO,EAAE,CAAC,aAAa,GAAG,EAAK,MAAM,EAAE,ECF3E,IAAe,4CAEf,IAAkB,6BAElB,IAAgB,WAEhB,IAAa,qBCJb,KAAe,MAAgB;CAC1C,IAAI,EAAI,SAAS,IACf,OAAO;CAGT,IAAM,IAAW,EAAW,EAAI,EAE1B,IAAU,EAAS,MAAM,GAAG,GAAG,EAC/B,IAAU,EAAS,MAAM,GAAG,CAAC,aAAa,EAK1C,IAAe,KAJR,MAAM,KAAK,EAAQ,CAC7B,SAAS,CACT,QAAQ,GAAK,GAAO,MAAM,IAAM,SAAS,GAAO,GAAG,IAAK,IAAI,IAAK,IAAI,EAE7C,GAAO,IAC9B;CAUJ,OARA,AAKE,IALE,MAAiB,KACd,MACI,MAAiB,KACrB,MAEA,EAAa,UAAU,EAGvB,MAAO"}