lecom-ui 5.2.12 → 5.2.13

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 (80) hide show
  1. package/README.md +1 -1
  2. package/dist/badge.js +26 -0
  3. package/dist/button-dropdown.js +117 -0
  4. package/dist/button.js +104 -0
  5. package/dist/calendar.js +62 -0
  6. package/dist/card.js +56 -0
  7. package/dist/checkbox.js +55 -0
  8. package/dist/collapse.js +60 -0
  9. package/dist/collapsible.js +7 -0
  10. package/dist/command.js +107 -0
  11. package/dist/data-table/data-table.js +490 -0
  12. package/dist/date-picker.js +92 -0
  13. package/dist/dialog.js +95 -0
  14. package/dist/dropdown-menu.js +138 -0
  15. package/dist/fonts/Montserrat-Bold.otf +0 -0
  16. package/dist/fonts/Montserrat-Medium.otf +0 -0
  17. package/dist/fonts/Montserrat-Regular.otf +0 -0
  18. package/dist/fonts/Roboto-Bold.otf +0 -0
  19. package/dist/fonts/Roboto-Light.otf +0 -0
  20. package/dist/fonts/Roboto-Medium.otf +0 -0
  21. package/dist/fonts/Roboto-Regular.otf +0 -0
  22. package/dist/form.js +102 -0
  23. package/dist/header.js +90 -0
  24. package/dist/hook/useDebounce.js +16 -0
  25. package/dist/icon-handler.js +72 -0
  26. package/dist/icons/brandModules.js +27 -0
  27. package/dist/icons/companyLogo.js +61 -0
  28. package/dist/icons/createUseAuxiliary.js +107 -0
  29. package/dist/icons/footerInfo.js +25 -0
  30. package/dist/icons/logo_lecom.svg.js +3 -0
  31. package/dist/icons/newUpdate.js +23 -0
  32. package/dist/icons/robertyRPA.js +30 -0
  33. package/dist/ilustrations/access_denied.js +252 -0
  34. package/dist/ilustrations/page_not_found.js +188 -0
  35. package/dist/input.js +42 -0
  36. package/dist/label.js +20 -0
  37. package/dist/modal.js +27 -0
  38. package/dist/pagination.js +474 -0
  39. package/dist/plugin/extend.js +78 -78
  40. package/dist/plugin/extend.ts +78 -0
  41. package/dist/plugin/fontFaces.js +172 -172
  42. package/dist/plugin/fontFaces.ts +172 -0
  43. package/dist/plugin/general.js +12 -12
  44. package/dist/plugin/general.ts +12 -0
  45. package/dist/plugin/pluginDev.cjs +5 -5
  46. package/dist/plugin/pluginDev.js +5 -0
  47. package/dist/plugin/pluginNext.cjs +5 -5
  48. package/dist/plugin/pluginNext.js +5 -0
  49. package/dist/plugin/pluginNextTurbo.cjs +5 -5
  50. package/dist/plugin/pluginVite.cjs +5 -5
  51. package/dist/plugin/pluginVite.js +5 -0
  52. package/dist/plugin/template.js +31 -31
  53. package/dist/plugin/template.ts +31 -0
  54. package/dist/plugin/typographies.js +152 -152
  55. package/dist/plugin/typographies.ts +152 -0
  56. package/dist/plugin/varsTheme.js +79 -79
  57. package/dist/plugin/varsTheme.ts +79 -0
  58. package/dist/plugin.cjs +298 -0
  59. package/dist/popover.js +24 -0
  60. package/dist/radio-group.js +74 -0
  61. package/dist/range-picker.js +99 -0
  62. package/dist/scroll-area.js +37 -0
  63. package/dist/search-bar.js +151 -0
  64. package/dist/select.js +156 -0
  65. package/dist/separator.js +24 -0
  66. package/dist/sheet.js +106 -0
  67. package/dist/sidebar.js +188 -0
  68. package/dist/skeleton.js +17 -0
  69. package/dist/slider.js +23 -0
  70. package/dist/status-screen.js +71 -0
  71. package/dist/switch.js +27 -0
  72. package/dist/table.js +83 -0
  73. package/dist/tabs.js +44 -0
  74. package/dist/tag.js +33 -0
  75. package/dist/textarea.js +22 -0
  76. package/dist/toast.js +105 -0
  77. package/dist/toaster.js +23 -0
  78. package/dist/tooltip.js +133 -0
  79. package/dist/use-toast.js +121 -0
  80. package/package.json +1 -1
@@ -1,79 +1,79 @@
1
- const varsTheme = {
2
- ':root': {
3
- '--background': '0 0% 100%',
4
- '--foreground': '0 0% 14.9%',
5
- '--card': '0 0% 100%',
6
- '--card-foreground': '0 0% 3.9%',
7
- '--popover': '0 0% 100%',
8
- '--popover-foreground': '0 0% 14.9%',
9
- '--primary': '0 0% 9%',
10
- '--primary-foreground': '0 0% 98%',
11
- '--secondary': '0 0% 96.1%',
12
- '--secondary-foreground': '0 0% 9%',
13
- '--muted': '0 0% 96.1%',
14
- '--muted-foreground': '0 0% 45.1%',
15
- '--accent': '0 0% 96.1%',
16
- '--accent-foreground': '0 0% 9%',
17
- '--destructive': '0 84.2% 60.2%',
18
- '--destructive-foreground': '0 0% 98%',
19
- '--border': '0 0% 89.8%',
20
- '--input': '0 0% 89.8%',
21
- '--ring': '0 0% 3.9%',
22
- '--chart-1': '12 76% 61%',
23
- '--chart-2': '173 58% 39%',
24
- '--chart-3': '197 37% 24%',
25
- '--chart-4': '43 74% 66%',
26
- '--chart-5': '27 87% 67%',
27
- '--chart-6': '228 57% 51%',
28
- '--chart-7': '52 95% 53%',
29
- '--chart-8': '0 85% 51%',
30
- '--radius': '0.5rem',
31
- '--sidebar-background': '0 0% 100%',
32
- '--sidebar-foreground': '240 5.3% 26.1%',
33
- '--sidebar-primary': '240 5.9% 10%',
34
- '--sidebar-primary-foreground': '0 0% 98%',
35
- '--sidebar-accent': '240 4.8% 95.9%',
36
- '--sidebar-accent-foreground': '240 5.9% 10%',
37
- '--sidebar-border': '220 13% 91%',
38
- '--sidebar-ring': '217.2 91.2% 59.8%',
39
- },
40
- '.dark': {
41
- '--background': '0 0% 3.9%',
42
- '--foreground': '0 0% 98%',
43
- '--card': '0 0% 3.9%',
44
- '--card-foreground': '0 0% 98%',
45
- '--popover': '0 0% 3.9%',
46
- '--popover-foreground': '0 0% 98%',
47
- '--primary': '0 0% 98%',
48
- '--primary-foreground': '0 0% 9%',
49
- '--secondary': '0 0% 14.9%',
50
- '--secondary-foreground': '0 0% 98%',
51
- '--muted': '0 0% 14.9%',
52
- '--muted-foreground': '0 0% 63.9%',
53
- '--accent': '0 0% 14.9%',
54
- '--accent-foreground': '0 0% 98%',
55
- '--destructive': '0 62.8% 30.6%',
56
- '--destructive-foreground': '0 0% 98%',
57
- '--border': '0 0% 14.9%',
58
- '--input': '0 0% 14.9%',
59
- '--ring': '0 0% 83.1%',
60
- '--chart-1': '220 70% 50%',
61
- '--chart-2': '160 60% 45%',
62
- '--chart-3': '30 80% 55%',
63
- '--chart-4': '280 65% 60%',
64
- '--chart-5': '340 75% 55%',
65
- '--chart-6': '228 57% 51%',
66
- '--chart-7': '52 95% 53%',
67
- '--chart-8': '0 85% 51%',
68
- '--sidebar-background': '240 5.9% 10%',
69
- '--sidebar-foreground': '240 4.8% 95.9%',
70
- '--sidebar-primary': '224.3 76.3% 48%',
71
- '--sidebar-primary-foreground': '0 0% 100%',
72
- '--sidebar-accent': '240 3.7% 15.9%',
73
- '--sidebar-accent-foreground': '240 4.8% 95.9%',
74
- '--sidebar-border': '240 3.7% 15.9%',
75
- '--sidebar-ring': '217.2 91.2% 59.8%',
76
- },
77
- };
78
-
79
- export { varsTheme };
1
+ const varsTheme = {
2
+ ':root': {
3
+ '--background': '0 0% 100%',
4
+ '--foreground': '0 0% 14.9%',
5
+ '--card': '0 0% 100%',
6
+ '--card-foreground': '0 0% 3.9%',
7
+ '--popover': '0 0% 100%',
8
+ '--popover-foreground': '0 0% 14.9%',
9
+ '--primary': '0 0% 9%',
10
+ '--primary-foreground': '0 0% 98%',
11
+ '--secondary': '0 0% 96.1%',
12
+ '--secondary-foreground': '0 0% 9%',
13
+ '--muted': '0 0% 96.1%',
14
+ '--muted-foreground': '0 0% 45.1%',
15
+ '--accent': '0 0% 96.1%',
16
+ '--accent-foreground': '0 0% 9%',
17
+ '--destructive': '0 84.2% 60.2%',
18
+ '--destructive-foreground': '0 0% 98%',
19
+ '--border': '0 0% 89.8%',
20
+ '--input': '0 0% 89.8%',
21
+ '--ring': '0 0% 3.9%',
22
+ '--chart-1': '12 76% 61%',
23
+ '--chart-2': '173 58% 39%',
24
+ '--chart-3': '197 37% 24%',
25
+ '--chart-4': '43 74% 66%',
26
+ '--chart-5': '27 87% 67%',
27
+ '--chart-6': '228 57% 51%',
28
+ '--chart-7': '52 95% 53%',
29
+ '--chart-8': '0 85% 51%',
30
+ '--radius': '0.5rem',
31
+ '--sidebar-background': '0 0% 100%',
32
+ '--sidebar-foreground': '240 5.3% 26.1%',
33
+ '--sidebar-primary': '240 5.9% 10%',
34
+ '--sidebar-primary-foreground': '0 0% 98%',
35
+ '--sidebar-accent': '240 4.8% 95.9%',
36
+ '--sidebar-accent-foreground': '240 5.9% 10%',
37
+ '--sidebar-border': '220 13% 91%',
38
+ '--sidebar-ring': '217.2 91.2% 59.8%',
39
+ },
40
+ '.dark': {
41
+ '--background': '0 0% 3.9%',
42
+ '--foreground': '0 0% 98%',
43
+ '--card': '0 0% 3.9%',
44
+ '--card-foreground': '0 0% 98%',
45
+ '--popover': '0 0% 3.9%',
46
+ '--popover-foreground': '0 0% 98%',
47
+ '--primary': '0 0% 98%',
48
+ '--primary-foreground': '0 0% 9%',
49
+ '--secondary': '0 0% 14.9%',
50
+ '--secondary-foreground': '0 0% 98%',
51
+ '--muted': '0 0% 14.9%',
52
+ '--muted-foreground': '0 0% 63.9%',
53
+ '--accent': '0 0% 14.9%',
54
+ '--accent-foreground': '0 0% 98%',
55
+ '--destructive': '0 62.8% 30.6%',
56
+ '--destructive-foreground': '0 0% 98%',
57
+ '--border': '0 0% 14.9%',
58
+ '--input': '0 0% 14.9%',
59
+ '--ring': '0 0% 83.1%',
60
+ '--chart-1': '220 70% 50%',
61
+ '--chart-2': '160 60% 45%',
62
+ '--chart-3': '30 80% 55%',
63
+ '--chart-4': '280 65% 60%',
64
+ '--chart-5': '340 75% 55%',
65
+ '--chart-6': '228 57% 51%',
66
+ '--chart-7': '52 95% 53%',
67
+ '--chart-8': '0 85% 51%',
68
+ '--sidebar-background': '240 5.9% 10%',
69
+ '--sidebar-foreground': '240 4.8% 95.9%',
70
+ '--sidebar-primary': '224.3 76.3% 48%',
71
+ '--sidebar-primary-foreground': '0 0% 100%',
72
+ '--sidebar-accent': '240 3.7% 15.9%',
73
+ '--sidebar-accent-foreground': '240 4.8% 95.9%',
74
+ '--sidebar-border': '240 3.7% 15.9%',
75
+ '--sidebar-ring': '217.2 91.2% 59.8%',
76
+ },
77
+ };
78
+
79
+ export { varsTheme };
@@ -0,0 +1,79 @@
1
+ const varsTheme = {
2
+ ':root': {
3
+ '--background': '0 0% 100%',
4
+ '--foreground': '0 0% 14.9%',
5
+ '--card': '0 0% 100%',
6
+ '--card-foreground': '0 0% 3.9%',
7
+ '--popover': '0 0% 100%',
8
+ '--popover-foreground': '0 0% 14.9%',
9
+ '--primary': '0 0% 9%',
10
+ '--primary-foreground': '0 0% 98%',
11
+ '--secondary': '0 0% 96.1%',
12
+ '--secondary-foreground': '0 0% 9%',
13
+ '--muted': '0 0% 96.1%',
14
+ '--muted-foreground': '0 0% 45.1%',
15
+ '--accent': '0 0% 96.1%',
16
+ '--accent-foreground': '0 0% 9%',
17
+ '--destructive': '0 84.2% 60.2%',
18
+ '--destructive-foreground': '0 0% 98%',
19
+ '--border': '0 0% 89.8%',
20
+ '--input': '0 0% 89.8%',
21
+ '--ring': '0 0% 3.9%',
22
+ '--chart-1': '12 76% 61%',
23
+ '--chart-2': '173 58% 39%',
24
+ '--chart-3': '197 37% 24%',
25
+ '--chart-4': '43 74% 66%',
26
+ '--chart-5': '27 87% 67%',
27
+ '--chart-6': '228 57% 51%',
28
+ '--chart-7': '52 95% 53%',
29
+ '--chart-8': '0 85% 51%',
30
+ '--radius': '0.5rem',
31
+ '--sidebar-background': '0 0% 100%',
32
+ '--sidebar-foreground': '240 5.3% 26.1%',
33
+ '--sidebar-primary': '240 5.9% 10%',
34
+ '--sidebar-primary-foreground': '0 0% 98%',
35
+ '--sidebar-accent': '240 4.8% 95.9%',
36
+ '--sidebar-accent-foreground': '240 5.9% 10%',
37
+ '--sidebar-border': '220 13% 91%',
38
+ '--sidebar-ring': '217.2 91.2% 59.8%',
39
+ },
40
+ '.dark': {
41
+ '--background': '0 0% 3.9%',
42
+ '--foreground': '0 0% 98%',
43
+ '--card': '0 0% 3.9%',
44
+ '--card-foreground': '0 0% 98%',
45
+ '--popover': '0 0% 3.9%',
46
+ '--popover-foreground': '0 0% 98%',
47
+ '--primary': '0 0% 98%',
48
+ '--primary-foreground': '0 0% 9%',
49
+ '--secondary': '0 0% 14.9%',
50
+ '--secondary-foreground': '0 0% 98%',
51
+ '--muted': '0 0% 14.9%',
52
+ '--muted-foreground': '0 0% 63.9%',
53
+ '--accent': '0 0% 14.9%',
54
+ '--accent-foreground': '0 0% 98%',
55
+ '--destructive': '0 62.8% 30.6%',
56
+ '--destructive-foreground': '0 0% 98%',
57
+ '--border': '0 0% 14.9%',
58
+ '--input': '0 0% 14.9%',
59
+ '--ring': '0 0% 83.1%',
60
+ '--chart-1': '220 70% 50%',
61
+ '--chart-2': '160 60% 45%',
62
+ '--chart-3': '30 80% 55%',
63
+ '--chart-4': '280 65% 60%',
64
+ '--chart-5': '340 75% 55%',
65
+ '--chart-6': '228 57% 51%',
66
+ '--chart-7': '52 95% 53%',
67
+ '--chart-8': '0 85% 51%',
68
+ '--sidebar-background': '240 5.9% 10%',
69
+ '--sidebar-foreground': '240 4.8% 95.9%',
70
+ '--sidebar-primary': '224.3 76.3% 48%',
71
+ '--sidebar-primary-foreground': '0 0% 100%',
72
+ '--sidebar-accent': '240 3.7% 15.9%',
73
+ '--sidebar-accent-foreground': '240 4.8% 95.9%',
74
+ '--sidebar-border': '240 3.7% 15.9%',
75
+ '--sidebar-ring': '217.2 91.2% 59.8%',
76
+ },
77
+ };
78
+
79
+ export { varsTheme };
@@ -0,0 +1,298 @@
1
+ const plugin = require('tailwindcss/plugin');
2
+
3
+ module.exports = plugin(
4
+ ({ addBase }) => {
5
+ addBase({
6
+ ':root': {
7
+ '--blue-brand': '230 55% 33%',
8
+ '--green-brand': '154 38% 56%',
9
+ '--pink-brand': '332, 71%, 63%',
10
+ '--background': '0 0% 100%',
11
+ '--foreground': '222.2 84% 4.9%',
12
+ '--card': '0 0% 100%',
13
+ '--card-foreground': '222.2 84% 4.9%',
14
+ '--popover': '0 0% 100%',
15
+ '--popover-foreground': '222.2 84% 4.9%',
16
+ '--primary': '221.2 83.2% 53.3%',
17
+ '--primary-foreground': '210 40% 98%',
18
+ '--secondary': '210 40% 96.1%',
19
+ '--secondary-foreground': '222.2 47.4% 11.2%',
20
+ '--muted': '210 40% 96.1%',
21
+ '--muted-foreground': '215.4 16.3% 46.9%',
22
+ '--accent': '210 40% 96.1%',
23
+ '--accent-foreground': '222.2 47.4% 11.2%',
24
+ '--destructive': '0 84.2% 60.2%',
25
+ '--destructive-foreground': '210 40% 98%',
26
+ '--border': '214.3 31.8% 91.4%',
27
+ '--input': '214.3 31.8% 91.4%',
28
+ '--ring': '221.2 83.2% 53.3%',
29
+ '--radius': '0.5rem',
30
+ '--default': '0 0% 30%',
31
+ '--magenta': '314.79 74.22% 44.12%',
32
+ '--red': '355.21 83.19% 44.31%',
33
+ '--red-light': '0, 100%, 85%, 1',
34
+ '--red-dark': '0, 99%, 64%, 1',
35
+ '--volcano': '12.96 88.44% 44.12%',
36
+ '--orange': '29.12 92.73% 43.14%',
37
+ '--gold': '37.86 94.5% 42.75%',
38
+ '--lime': '78.97 94.57% 36.08%',
39
+ '--green': '102.21 84.8% 33.53%',
40
+ '--green-light': '101, 100%, 92%, 1',
41
+ '--green-dark': '101, 49%, 64%, 1',
42
+ '--cyan': '182.03 90.24% 32.16%',
43
+ '--yellow-light': '49, 100%, 88%, 1',
44
+ '--yellow-dark': '50, 93%, 49%, 1',
45
+ '--blue': '217.21 92.04% 44.31%',
46
+ '--blue-light': '209, 100%, 92%, 1',
47
+ '--blue-dark': '215 100% 54%',
48
+ '--dodgerblue': '216, 57%, 51%, 0.2',
49
+ '--electricblue': '216, 57%, 51%, 0.3',
50
+ '--letterblue': '215 100% 40%',
51
+ '--geekblue': '219.94 74.22% 44.12%',
52
+ '--purple': '262.82 71% 39.22%',
53
+ '--transparency-light': '0, 0%, 0%, 0.1',
54
+ '--transparency-dark': '0, 0%, 100%, 0.2',
55
+ '--gray-05': '0, 0%, 0%, 0.0588',
56
+ '--gray-12': '0, 0%, 0%, 0.12',
57
+ '--gray-29': '0, 0%, 29%, 1',
58
+ '--gray-48': '0, 0%, 48%, 1',
59
+ '--gray-50': '0, 0%, 50%, 1',
60
+ '--gray-60': '0, 0%, 0%, 0.6',
61
+ '--gray-79': '0, 0%, 79%, 1',
62
+ '--gray-96': '0, 0%, 96%, 1',
63
+ '--gray-98': '0, 0%, 98%, 1',
64
+ },
65
+ '.dark': {
66
+ '--blue-brand': '230 55% 33%',
67
+ '--green-brand': '154 38% 56%',
68
+ '--pink-brand': '332, 71%, 63%',
69
+ '--background': '222.2 84% 4.9%',
70
+ '--foreground': '210 40% 98%',
71
+ '--card': '222.2 84% 4.9%',
72
+ '--card-foreground': '210 40% 98%',
73
+ '--popover': '222.2 84% 4.9%',
74
+ '--popover-foreground': '210 40% 98%',
75
+ '--primary': '217.2 91.2% 59.8%',
76
+ '--primary-foreground': '222.2 47.4% 11.2%',
77
+ '--secondary': '217.2 32.6% 17.5%',
78
+ '--secondary-foreground': '210 40% 98%',
79
+ '--muted': '217.2 32.6% 17.5%',
80
+ '--muted-foreground': '215 20.2% 65.1%',
81
+ '--accent': '217.2 32.6% 17.5%',
82
+ '--accent-foreground': '210 40% 98%',
83
+ '--destructive': '0 62.8% 30.6%',
84
+ '--destructive-foreground': '210 40% 98%',
85
+ '--border': '217.2 32.6% 17.5%',
86
+ '--input': '217.2 32.6% 17.5%',
87
+ '--ring': '224.3 76.3% 48%',
88
+ },
89
+ '.scrollbar-thin': {
90
+ 'scrollbar-width': 'thin',
91
+ },
92
+ '.scrollbar-thin::-webkit-scrollbar': {
93
+ width: '8px',
94
+ height: '8px',
95
+ },
96
+ '.scrollbar-thin::-webkit-scrollbar-thumb': {
97
+ 'background-color': 'rgba(0, 0, 0, 0.5)',
98
+ 'border-radius': '10px',
99
+ },
100
+ });
101
+ },
102
+ {
103
+ theme: {
104
+ container: {
105
+ center: true,
106
+ padding: '2rem',
107
+ screens: {
108
+ '2xl': '1400px',
109
+ },
110
+ },
111
+ extend: {
112
+ fontFamily: {
113
+ roboto: ['Roboto', 'sans-serif'],
114
+ montserrat: ['Montserrat', 'sans-serif'],
115
+ },
116
+ colors: {
117
+ brand: {
118
+ blue: 'hsl(var(--blue-brand))',
119
+ green: 'hsl(var(--green-brand))',
120
+ pink: 'hsl(var(--pink-brand))',
121
+ },
122
+ border: 'hsl(var(--border))',
123
+ input: 'hsl(var(--input))',
124
+ ring: 'hsl(var(--ring))',
125
+ background: 'hsl(var(--background))',
126
+ foreground: 'hsl(var(--foreground))',
127
+ primary: {
128
+ DEFAULT: 'hsl(var(--primary))',
129
+ foreground: 'hsl(var(--primary-foreground))',
130
+ },
131
+ secondary: {
132
+ DEFAULT: 'hsl(var(--secondary))',
133
+ foreground: 'hsl(var(--secondary-foreground))',
134
+ },
135
+ destructive: {
136
+ DEFAULT: 'hsl(var(--destructive))',
137
+ foreground: 'hsl(var(--destructive-foreground))',
138
+ },
139
+ muted: {
140
+ DEFAULT: 'hsl(var(--muted))',
141
+ foreground: 'hsl(var(--muted-foreground))',
142
+ },
143
+ accent: {
144
+ DEFAULT: 'hsl(var(--accent))',
145
+ foreground: 'hsl(var(--accent-foreground))',
146
+ },
147
+ popover: {
148
+ DEFAULT: 'hsl(var(--popover))',
149
+ foreground: 'hsl(var(--popover-foreground))',
150
+ },
151
+ card: {
152
+ DEFAULT: 'hsl(var(--card))',
153
+ foreground: 'hsl(var(--card-foreground))',
154
+ },
155
+ default: {
156
+ DEFAULT: 'hsl(var(--default))',
157
+ },
158
+ magenta: {
159
+ DEFAULT: 'hsl(var(--magenta))',
160
+ },
161
+ red: {
162
+ DEFAULT: 'hsl(var(--red))',
163
+ light: 'hsl(var(--red-light))',
164
+ dark: 'hsl(var(--red-dark))',
165
+ },
166
+ volcano: {
167
+ DEFAULT: 'hsl(var(--volcano))',
168
+ },
169
+ orange: {
170
+ DEFAULT: 'hsl(var(--orange))',
171
+ },
172
+ gold: {
173
+ DEFAULT: 'hsl(var(--gold))',
174
+ },
175
+ lime: {
176
+ DEFAULT: 'hsl(var(--lime))',
177
+ },
178
+ green: {
179
+ DEFAULT: 'hsl(var(--green))',
180
+ light: 'hsl(var(--green-light))',
181
+ dark: 'hsl(var(--green-dark))',
182
+ },
183
+ cyan: {
184
+ DEFAULT: 'hsl(var(--cyan))',
185
+ },
186
+ yellow: {
187
+ light: 'hsla(var(--yellow-light))',
188
+ dark: 'hsla(var(--yellow-dark))',
189
+ },
190
+ blue: {
191
+ DEFAULT: 'hsl(var(--blue))',
192
+ light: 'hsla(var(--blue-light))',
193
+ dark: 'hsla(var(--blue-dark))',
194
+ hover: 'hsla(var(--blue-hover))',
195
+ },
196
+ geekblue: {
197
+ DEFAULT: 'hsl(var(--geekblue))',
198
+ },
199
+ dodgerblue: {
200
+ DEFAULT: 'hsla(var(--dodgerblue))',
201
+ },
202
+ electricblue: {
203
+ DEFAULT: 'hsla(var(--electricblue))',
204
+ },
205
+ letterblue: {
206
+ DEFAULT: 'hsla(var(--letterblue))',
207
+ },
208
+ purple: {
209
+ DEFAULT: 'hsl(var(--purple))',
210
+ },
211
+ transparency: {
212
+ light: 'hsla(var(--transparency-light))',
213
+ dark: 'hsla(var(--transparency-dark))',
214
+ },
215
+ gray: {
216
+ scale05: 'hsla(var(--gray-05))',
217
+ scale12: 'hsla(var(--gray-12))',
218
+ scale29: 'hsla(var(--gray-29))',
219
+ scale48: 'hsla(var(--gray-48))',
220
+ scale50: 'hsla(var(--gray-50))',
221
+ scale60: 'hsla(var(--gray-60))',
222
+ scale79: 'hsla(var(--gray-79))',
223
+ scale96: 'hsla(var(--gray-96))',
224
+ scale98: 'hsla(var(--gray-98))',
225
+ },
226
+ },
227
+ borderRadius: {
228
+ lg: 'var(--radius)',
229
+ md: 'calc(var(--radius) - 2px)',
230
+ sm: 'calc(var(--radius) - 4px)',
231
+ },
232
+ keyframes: {
233
+ 'accordion-down': {
234
+ from: { height: '0' },
235
+ to: { height: 'var(--radix-accordion-content-height)' },
236
+ },
237
+ 'accordion-up': {
238
+ from: { height: 'var(--radix-accordion-content-height)' },
239
+ to: { height: '0' },
240
+ },
241
+ slide: {
242
+ '0%': {
243
+ transform: 'translateX(-100%)',
244
+ },
245
+ '100%': {
246
+ transform: 'translateX(100%)',
247
+ },
248
+ },
249
+ loading: {
250
+ '0%': {
251
+ transform: 'translateX(0)',
252
+ opacity: 0.5,
253
+ },
254
+ '50%': {
255
+ transform: 'translateX(50%)',
256
+ opacity: 0.1,
257
+ },
258
+ '100%': {
259
+ transform: 'translateX(100%)',
260
+ opacity: 0.5,
261
+ },
262
+ },
263
+ slideDownAndFade: {
264
+ from: { opacity: "0", transform: "translateY(-2px)" },
265
+ to: { opacity: "1", transform: "translateY(0)" },
266
+ },
267
+ slideLeftAndFade: {
268
+ from: { opacity: "0", transform: "translateX(2px)" },
269
+ to: { opacity: "1", transform: "translateX(0)" },
270
+ },
271
+ slideUpAndFade: {
272
+ from: { opacity: "0", transform: "translateY(2px)" },
273
+ to: { opacity: "1", transform: "translateY(0)" },
274
+ },
275
+ slideRightAndFade: {
276
+ from: { opacity: "0", transform: "translateX(-2px)" },
277
+ to: { opacity: "1", transform: "translateX(0)" },
278
+ },
279
+ },
280
+ animation: {
281
+ 'accordion-down': 'accordion-down 0.2s ease-out',
282
+ 'accordion-up': 'accordion-up 0.2s ease-out',
283
+ slide: 'slide 1s linear infinite',
284
+ loading: 'loading 1.5s infinite',
285
+ slideDownAndFade: "slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
286
+ slideLeftAndFade: "slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
287
+ slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
288
+ slideRightAndFade: "slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
289
+ },
290
+ boxShadow: {
291
+ brand: {
292
+ blue: '0 0 2px #1890ff33',
293
+ },
294
+ },
295
+ },
296
+ },
297
+ }
298
+ );
@@ -0,0 +1,24 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
4
+ import { cn } from './lib/utils.js';
5
+
6
+ const Popover = PopoverPrimitive.Root;
7
+ const PopoverTrigger = PopoverPrimitive.Trigger;
8
+ const PopoverAnchor = PopoverPrimitive.Anchor;
9
+ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
10
+ PopoverPrimitive.Content,
11
+ {
12
+ ref,
13
+ align,
14
+ sideOffset,
15
+ className: cn(
16
+ "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
17
+ className
18
+ ),
19
+ ...props
20
+ }
21
+ ) }));
22
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
23
+
24
+ export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
@@ -0,0 +1,74 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { CheckIcon } from '@radix-ui/react-icons';
4
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
5
+ import { cn } from './lib/utils.js';
6
+
7
+ const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
8
+ return /* @__PURE__ */ jsx(
9
+ RadioGroupPrimitive.Root,
10
+ {
11
+ className: cn("grid gap-2", className),
12
+ ...props,
13
+ ref
14
+ }
15
+ );
16
+ });
17
+ RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
18
+ const RadioGroupItem = React.forwardRef(
19
+ ({
20
+ className,
21
+ variantChecked = "check",
22
+ disabled,
23
+ onClick,
24
+ pulse = false,
25
+ ...props
26
+ }, ref) => {
27
+ const [animate, setAnimate] = React.useState(false);
28
+ const handleClick = (event) => {
29
+ if (pulse) {
30
+ requestAnimationFrame(() => {
31
+ setAnimate(true);
32
+ });
33
+ }
34
+ if (onClick) {
35
+ onClick(event);
36
+ }
37
+ };
38
+ React.useEffect(() => {
39
+ if (animate) {
40
+ const timeout = setTimeout(() => {
41
+ setAnimate(false);
42
+ }, 300);
43
+ return () => clearTimeout(timeout);
44
+ }
45
+ }, [animate]);
46
+ return /* @__PURE__ */ jsx(
47
+ RadioGroupPrimitive.Item,
48
+ {
49
+ ref,
50
+ className: cn(
51
+ "relative aspect-square h-4 w-4 rounded-full border text-primary border-gray-scale79 shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
52
+ animate && "pulse",
53
+ !disabled && "hover:border-primary data-[state=checked]:border-primary",
54
+ className
55
+ ),
56
+ disabled,
57
+ onClick: handleClick,
58
+ ...props,
59
+ children: variantChecked === "fill" ? /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
60
+ "div",
61
+ {
62
+ className: cn(
63
+ "absolute h-4 w-4 rounded-full",
64
+ disabled ? "bg-gray-scale79 border-white border-[3px]" : "bg-white border-primary border-[5px]"
65
+ )
66
+ }
67
+ ) }) : /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
68
+ }
69
+ );
70
+ }
71
+ );
72
+ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
73
+
74
+ export { RadioGroup, RadioGroupItem };