arxatec-ui 0.1.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 (105) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +73 -0
  3. package/dist/components/animated_icons/components/calendar_days/index.d.ts +10 -0
  4. package/dist/components/animated_icons/components/chart_pie/index.d.ts +10 -0
  5. package/dist/components/animated_icons/components/circle_help/index.d.ts +10 -0
  6. package/dist/components/animated_icons/components/folders/index.d.ts +10 -0
  7. package/dist/components/animated_icons/components/index.d.ts +11 -0
  8. package/dist/components/animated_icons/components/layers/index.d.ts +10 -0
  9. package/dist/components/animated_icons/components/panel_left_close/index.d.ts +10 -0
  10. package/dist/components/animated_icons/components/panel_left_open/index.d.ts +10 -0
  11. package/dist/components/animated_icons/components/search/index.d.ts +10 -0
  12. package/dist/components/animated_icons/components/sliders_horizontal/index.d.ts +10 -0
  13. package/dist/components/animated_icons/components/sparkles/index.d.ts +10 -0
  14. package/dist/components/animated_icons/components/users/index.d.ts +10 -0
  15. package/dist/components/animated_icons/hooks/index.d.ts +1 -0
  16. package/dist/components/animated_icons/hooks/use_animated_icon/index.d.ts +9 -0
  17. package/dist/components/animated_icons/index.d.ts +2 -0
  18. package/dist/components/async_boundary/index.d.ts +12 -0
  19. package/dist/components/async_command_list/index.d.ts +10 -0
  20. package/dist/components/async_select/index.d.ts +18 -0
  21. package/dist/components/avatar/index.d.ts +6 -0
  22. package/dist/components/avatar_input/index.d.ts +9 -0
  23. package/dist/components/badge/index.d.ts +9 -0
  24. package/dist/components/breadcrumb/index.d.ts +11 -0
  25. package/dist/components/button/index.d.ts +10 -0
  26. package/dist/components/button_group/index.d.ts +11 -0
  27. package/dist/components/calendar/index.d.ts +8 -0
  28. package/dist/components/card/index.d.ts +9 -0
  29. package/dist/components/carousel/index.d.ts +19 -0
  30. package/dist/components/chart/index.d.ts +40 -0
  31. package/dist/components/checkbox/index.d.ts +4 -0
  32. package/dist/components/collapsible/index.d.ts +5 -0
  33. package/dist/components/command/index.d.ts +18 -0
  34. package/dist/components/context_menu/index.d.ts +25 -0
  35. package/dist/components/custom_header/index.d.ts +11 -0
  36. package/dist/components/date_range_picker/components/date_display/index.d.ts +8 -0
  37. package/dist/components/date_range_picker/components/date_input/index.d.ts +8 -0
  38. package/dist/components/date_range_picker/components/date_panel/index.d.ts +8 -0
  39. package/dist/components/date_range_picker/components/index.d.ts +3 -0
  40. package/dist/components/date_range_picker/constants/index.d.ts +4 -0
  41. package/dist/components/date_range_picker/index.d.ts +11 -0
  42. package/dist/components/date_range_picker/utils/index.d.ts +1 -0
  43. package/dist/components/dialog/index.d.ts +15 -0
  44. package/dist/components/drawer/index.d.ts +13 -0
  45. package/dist/components/dropdown_menu/index.d.ts +29 -0
  46. package/dist/components/emoji_picker/index.d.ts +7 -0
  47. package/dist/components/file_dropzone/index.d.ts +14 -0
  48. package/dist/components/icon_picker/icons_data.d.ts +5 -0
  49. package/dist/components/icon_picker/index.d.ts +26 -0
  50. package/dist/components/icons/components/google_drive/index.d.ts +3 -0
  51. package/dist/components/icons/components/google_isotype/index.d.ts +3 -0
  52. package/dist/components/icons/components/index.d.ts +4 -0
  53. package/dist/components/icons/components/microsoft_isotype/index.d.ts +3 -0
  54. package/dist/components/icons/components/one_drive/index.d.ts +3 -0
  55. package/dist/components/icons/index.d.ts +1 -0
  56. package/dist/components/image/index.d.ts +9 -0
  57. package/dist/components/image_crop_dialog/index.d.ts +8 -0
  58. package/dist/components/info_tooltip/index.d.ts +5 -0
  59. package/dist/components/input/index.d.ts +7 -0
  60. package/dist/components/input_otp/index.d.ts +11 -0
  61. package/dist/components/isotype/index.d.ts +5 -0
  62. package/dist/components/kbd/index.d.ts +3 -0
  63. package/dist/components/label/index.d.ts +4 -0
  64. package/dist/components/loader_splash/index.d.ts +1 -0
  65. package/dist/components/location_input/index.d.ts +8 -0
  66. package/dist/components/logo/index.d.ts +5 -0
  67. package/dist/components/map_picker/index.d.ts +15 -0
  68. package/dist/components/map_view/index.d.ts +10 -0
  69. package/dist/components/pagination/index.d.ts +13 -0
  70. package/dist/components/pagination_controller/index.d.ts +7 -0
  71. package/dist/components/popover/index.d.ts +7 -0
  72. package/dist/components/progress/index.d.ts +4 -0
  73. package/dist/components/radio_group/index.d.ts +5 -0
  74. package/dist/components/resizable/index.d.ts +8 -0
  75. package/dist/components/scroll_area/index.d.ts +7 -0
  76. package/dist/components/select/index.d.ts +15 -0
  77. package/dist/components/separator/index.d.ts +4 -0
  78. package/dist/components/sheet/index.d.ts +13 -0
  79. package/dist/components/sidebar/index.d.ts +69 -0
  80. package/dist/components/skeleton/index.d.ts +2 -0
  81. package/dist/components/slider/index.d.ts +4 -0
  82. package/dist/components/sonner/index.d.ts +3 -0
  83. package/dist/components/status_message/index.d.ts +13 -0
  84. package/dist/components/table/index.d.ts +13 -0
  85. package/dist/components/tabs/index.d.ts +7 -0
  86. package/dist/components/text_area/index.d.ts +3 -0
  87. package/dist/components/toggle/index.d.ts +9 -0
  88. package/dist/components/tooltip/index.d.ts +7 -0
  89. package/dist/favicon.svg +1 -0
  90. package/dist/hooks/index.d.ts +1 -0
  91. package/dist/hooks/use_debounce/index.d.ts +1 -0
  92. package/dist/icons.svg +24 -0
  93. package/dist/icons_data-BHKds1ja.js +22025 -0
  94. package/dist/icons_data-BHKds1ja.js.map +1 -0
  95. package/dist/index.d.ts +63 -0
  96. package/dist/index.js +6547 -0
  97. package/dist/index.js.map +1 -0
  98. package/dist/styles.css +375 -0
  99. package/dist/types/index.d.ts +1 -0
  100. package/dist/types/pagination/index.d.ts +6 -0
  101. package/dist/utilities/class/index.d.ts +2 -0
  102. package/dist/utilities/image/index.d.ts +4 -0
  103. package/dist/utilities/index.d.ts +3 -0
  104. package/dist/utilities/storybook/index.d.ts +6 -0
  105. package/package.json +133 -0
@@ -0,0 +1,375 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
2
+ @import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
3
+ @import "tailwindcss";
4
+ @import "tw-animate-css";
5
+ @import "shadcn/tailwind.css";
6
+
7
+ @custom-variant dark (&:is(.dark *));
8
+
9
+ @theme inline {
10
+ --font-serif: "Cormorant Garamond", serif;
11
+ --font-sans: "Source Sans 3", sans-serif;
12
+ --radius-sm: calc(var(--radius) - 4px);
13
+ --radius-md: calc(var(--radius) - 2px);
14
+ --radius-lg: var(--radius);
15
+ --radius-xl: calc(var(--radius) + 4px);
16
+ --color-background: var(--background);
17
+ --color-foreground: var(--foreground);
18
+ --color-card: var(--card);
19
+ --color-card-foreground: var(--card-foreground);
20
+ --color-popover: var(--popover);
21
+ --color-popover-foreground: var(--popover-foreground);
22
+ --color-primary: var(--primary);
23
+ --color-primary-foreground: var(--primary-foreground);
24
+ --color-secondary: var(--secondary);
25
+ --color-secondary-foreground: var(--secondary-foreground);
26
+ --color-muted: var(--muted);
27
+ --color-muted-foreground: var(--muted-foreground);
28
+ --color-accent: var(--accent);
29
+ --color-accent-foreground: var(--accent-foreground);
30
+ --color-destructive: var(--destructive);
31
+ --color-border: var(--border);
32
+ --color-input: var(--input);
33
+ --color-ring: var(--ring);
34
+ --color-chart-1: var(--chart-1);
35
+ --color-chart-2: var(--chart-2);
36
+ --color-chart-3: var(--chart-3);
37
+ --color-chart-4: var(--chart-4);
38
+ --color-chart-5: var(--chart-5);
39
+ --color-sidebar: var(--sidebar);
40
+ --color-sidebar-foreground: var(--sidebar-foreground);
41
+ --color-sidebar-primary: var(--sidebar-primary);
42
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
43
+ --color-sidebar-accent: var(--sidebar-accent);
44
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
45
+ --color-sidebar-border: var(--sidebar-border);
46
+ --color-sidebar-ring: var(--sidebar-ring);
47
+
48
+ /* Status colors toast and messages */
49
+ --color-status-background-error: var(--status-background-error);
50
+ --color-status-foreground-error: var(--status-foreground-error);
51
+ --color-status-background-success: var(--status-background-success);
52
+ --color-status-foreground-success: var(--status-foreground-success);
53
+ --color-status-background-warning: var(--status-background-warning);
54
+ --color-status-foreground-warning: var(--status-foreground-warning);
55
+ --color-status-background-info: var(--status-background-info);
56
+ --color-status-foreground-info: var(--status-foreground-info);
57
+ --color-status-background-loading: var(--status-background-loading);
58
+ --color-status-foreground-loading: var(--status-foreground-loading);
59
+
60
+ /* Status colors card */
61
+ --color-status-card-background-error: var(--status-card-background-error);
62
+ --color-status-card-foreground-error: var(--status-card-foreground-error);
63
+ --color-status-card-background-icon-error: var(--status-card-background-icon-error);
64
+ --color-status-card-background-empty: var(--status-card-background-empty);
65
+ --color-status-card-foreground-empty: var(--status-card-foreground-empty);
66
+ --color-status-card-background-icon-empty: var(--status-card-background-icon-empty);
67
+
68
+ /* Calendar colors */
69
+ --color-calendar-color-gray: var(--calendar-color-gray);
70
+ --color-calendar-color-red: var(--calendar-color-red);
71
+ --color-calendar-color-yellow: var(--calendar-color-yellow);
72
+ --color-calendar-color-orange: var(--calendar-color-orange);
73
+ --color-calendar-color-purple: var(--calendar-color-purple);
74
+ --color-calendar-color-blue: var(--calendar-color-blue);
75
+ --color-calendar-color-indigo: var(--calendar-color-indigo);
76
+ --color-calendar-color-sky: var(--calendar-color-sky);
77
+ --color-calendar-color-green: var(--calendar-color-green);
78
+ --color-calendar-color-lime: var(--calendar-color-lime);
79
+
80
+
81
+ /* Case urgency colors*/
82
+ --color-case-urgency-high-background: var(--case-urgency-high-background);
83
+ --color-case-urgency-high-foreground: var(--case-urgency-high-foreground);
84
+ --color-case-urgency-medium-background: var(--case-urgency-medium-background);
85
+ --color-case-urgency-medium-foreground: var(--case-urgency-medium-foreground);
86
+ --color-case-urgency-low-background: var(--case-urgency-low-background);
87
+ --color-case-urgency-low-foreground: var(--case-urgency-low-foreground);
88
+ --color-case-urgency-critical-background: var(--case-urgency-critical-background);
89
+ --color-case-urgency-critical-foreground: var(--case-urgency-critical-foreground);
90
+
91
+ /* Case status colors */
92
+ --color-case-status-open-background: var(--case-status-open-background);
93
+ --color-case-status-open-foreground: var(--case-status-open-foreground);
94
+ --color-case-status-in-progress-background: var(--case-status-in-progress-background);
95
+ --color-case-status-in-progress-foreground: var(--case-status-in-progress-foreground);
96
+ --color-case-status-closed-background: var(--case-status-closed-background);
97
+ --color-case-status-closed-foreground: var(--case-status-closed-foreground);
98
+ --color-case-status-archived-background: var(--case-status-archived-background);
99
+ --color-case-status-archived-foreground: var(--case-status-archived-foreground);
100
+ --color-case-status-under-negotiation-background: var(--case-status-under-negotiation-background);
101
+ --color-case-status-under-negotiation-foreground: var(--case-status-under-negotiation-foreground);
102
+ --color-case-status-waiting-for-customer-background: var(--case-status-waiting-for-customer-background);
103
+ --color-case-status-waiting-for-customer-foreground: var(--case-status-waiting-for-customer-foreground);
104
+ --color-case-status-awaiting-trial-background: var(--case-status-awaiting-trial-background);
105
+ --color-case-status-awaiting-trial-foreground: var(--case-status-awaiting-trial-foreground);
106
+ --color-case-status-waiting-background: var(--case-status-waiting-background);
107
+ --color-case-status-waiting-foreground: var(--case-status-waiting-foreground);
108
+
109
+ /* Documents selector colors */
110
+ --color-selector-rectangle: var(--selector-rectangle);
111
+ --color-selector-background: var(--selector-background);
112
+ --color-selector-foreground: var(--selector-foreground);
113
+
114
+ /* License status colors */
115
+ --color-license-valid-foreground: var(--license-valid-foreground);
116
+ --color-license-valid-background: var(--license-valid-background);
117
+ --color-license-invalid-foreground: var(--license-invalid-foreground);
118
+ --color-license-invalid-background: var(--license-invalid-background);
119
+ --color-license-no-config-foreground: var(--license-no-config-foreground);
120
+ --color-license-no-config-background: var(--license-no-config-background);
121
+
122
+ /* Finances type colors */
123
+ --color-finance-type-income-background: var(--finance-type-income-background);
124
+ --color-finance-type-income-foreground: var(--finance-type-income-foreground);
125
+ --color-finance-type-expense-background: var(--finance-type-expense-background);
126
+ --color-finance-type-expense-foreground: var(--finance-type-expense-foreground);
127
+ }
128
+
129
+ :root {
130
+ --radius: 0.6rem;
131
+ --background: oklch(1 0 0);
132
+ --foreground: oklch(0.145 0 0);
133
+ --card: oklch(98.5% 0 0);
134
+ --card-foreground: oklch(0.145 0 0);
135
+ --popover: oklch(1 0 0);
136
+ --popover-foreground: oklch(0.145 0 0);
137
+ --primary: oklch(0.205 0 0);
138
+ --primary-foreground: oklch(0.985 0 0);
139
+ --secondary: oklch(0.97 0 0);
140
+ --secondary-foreground: oklch(0.205 0 0);
141
+ --muted: oklch(0.97 0 0);
142
+ --muted-foreground: oklch(0.556 0 0);
143
+ --accent: oklch(0.97 0 0);
144
+ --accent-foreground: oklch(0.205 0 0);
145
+ --destructive: oklch(0.577 0.245 27.325);
146
+ --border: oklch(0.922 0 0);
147
+ --input: oklch(0.922 0 0);
148
+ --ring: oklch(0.708 0 0);
149
+ --chart-1: oklch(0.646 0.222 41.116);
150
+ --chart-2: oklch(0.6 0.118 184.704);
151
+ --chart-3: oklch(0.398 0.07 227.392);
152
+ --chart-4: oklch(0.828 0.189 84.429);
153
+ --chart-5: oklch(0.769 0.188 70.08);
154
+ --sidebar: oklch(0.985 0 0);
155
+ --sidebar-foreground: oklch(0.145 0 0);
156
+ --sidebar-primary: oklch(0.205 0 0);
157
+ --sidebar-primary-foreground: oklch(0.985 0 0);
158
+ --sidebar-accent: oklch(0.97 0 0);
159
+ --sidebar-accent-foreground: oklch(0.205 0 0);
160
+ --sidebar-border: oklch(0.922 0 0);
161
+ --sidebar-ring: oklch(0.708 0 0);
162
+
163
+ /* Status colors for toast an messages*/
164
+ --status-background-error: oklch(94.1% 0.03 12.58);
165
+ --status-foreground-error: oklch(64.5% 0.246 16.439);
166
+ --status-background-success: oklch(96.2% 0.044 156.743);
167
+ --status-foreground-success: oklch(72.3% 0.219 149.579);
168
+ --status-background-warning: oklch(97.3% 0.071 103.193);
169
+ --status-foreground-warning: oklch(79.5% 0.184 86.047);
170
+ --status-background-info: oklch(95.1% 0.026 236.824);
171
+ --status-foreground-info: oklch(68.5% 0.169 237.323);
172
+ --status-background-loading: oklch(0.97 0 0);
173
+ --status-foreground-loading: oklch(0.205 0 0);
174
+
175
+ /* Status colors for card */
176
+ --status-card-background-error: oklch(94.1% 0.03 12.58);
177
+ --status-card-foreground-error: oklch(64.5% 0.246 16.439);
178
+ --status-card-background-icon-error: oklch(90.1% 0.05 12.58);
179
+ --status-card-background-empty: oklch(0.97 0 0);
180
+ --status-card-foreground-empty: oklch(0.205 0 0);
181
+ --status-card-background-icon-empty: oklch(0.93 0 0);
182
+
183
+ /* Calendar colors */
184
+ --calendar-color-gray: oklch(55.6% 0 0);
185
+ --calendar-color-red: oklch(57.7% 0.245 27.325);
186
+ --calendar-color-yellow: oklch(76.9% 0.188 70.08) ;
187
+ --calendar-color-orange: oklch(70.5% 0.213 47.604);
188
+ --calendar-color-purple: oklch(55.8% 0.288 302.321);
189
+ --calendar-color-blue: oklch(62.3% 0.214 259.815);
190
+ --calendar-color-indigo: oklch(51.1% 0.262 276.966);
191
+ --calendar-color-sky: oklch(58.8% 0.158 241.966);
192
+ --calendar-color-green: oklch(39.3% 0.095 152.535);
193
+ --calendar-color-lime: oklch(62.7% 0.194 149.214);
194
+
195
+ /* Case urgency colors */
196
+ --case-urgency-critical-background: oklch(95% 0.01 260);
197
+ --case-urgency-critical-foreground: oklch(25% 0.01 260);
198
+ --case-urgency-high-background: oklch(90% 0.01 260);
199
+ --case-urgency-high-foreground: oklch(30% 0.01 260);
200
+ --case-urgency-medium-background: oklch(85% 0.01 260);
201
+ --case-urgency-medium-foreground: oklch(35% 0.01 260);
202
+ --case-urgency-low-background: oklch(80% 0.01 260);
203
+ --case-urgency-low-foreground: oklch(40% 0.01 260);
204
+
205
+ /* Case status colors */
206
+ --case-status-open-background: oklch(88% 0.01 260);
207
+ --case-status-open-foreground: oklch(32% 0.01 260);
208
+ --case-status-in-progress-background: oklch(92% 0.01 260);
209
+ --case-status-in-progress-foreground: oklch(28% 0.01 260);
210
+ --case-status-closed-background: oklch(85% 0.01 260);
211
+ --case-status-closed-foreground: oklch(38% 0.01 260);
212
+ --case-status-archived-background: oklch(75% 0.01 260);
213
+ --case-status-archived-foreground: oklch(25% 0.01 260);
214
+ --case-status-under-negotiation-background: oklch(87% 0.01 260);
215
+ --case-status-under-negotiation-foreground: oklch(34% 0.01 260);
216
+ --case-status-waiting-for-customer-background: oklch(89% 0.01 260);
217
+ --case-status-waiting-for-customer-foreground: oklch(31% 0.01 260);
218
+ --case-status-awaiting-trial-background: oklch(91% 0.01 260);
219
+ --case-status-awaiting-trial-foreground: oklch(29% 0.01 260);
220
+ --case-status-waiting-background: oklch(86% 0.01 260);
221
+ --case-status-waiting-foreground: oklch(33% 0.01 260);
222
+
223
+ /* Documents selector colors */
224
+ --selector-rectangle: oklch(90.1% 0.058 230.902);
225
+ --selector-background: oklch(95.1% 0.026 236.824);
226
+ --selector-foreground: oklch(50% 0.134 242.749);
227
+
228
+ /* License status colors */
229
+ --license-valid-foreground: oklch(0.205 0 0);
230
+ --license-valid-background:oklch(0.97 0 0);
231
+ --license-invalid-foreground: oklch(64.5% 0.246 16.439);
232
+ --license-invalid-background: oklch(94.1% 0.03 12.58);
233
+ --license-no-config-foreground: oklch(68.5% 0.169 237.323);
234
+ --license-no-config-background:oklch(95.1% 0.026 236.824);
235
+
236
+ /* Finances type colors */
237
+ --finance-type-income-background: oklch(96.2% 0.044 156.743);
238
+ --finance-type-income-foreground: oklch(62.7% 0.194 149.214);
239
+ --finance-type-expense-background: oklch(93.6% 0.032 17.717);
240
+ --finance-type-expense-foreground: oklch(57.7% 0.245 27.325);
241
+ }
242
+
243
+ .dark {
244
+ --background: oklch(0.145 0 0);
245
+ --foreground: oklch(0.985 0 0);
246
+ --card: oklch(0.205 0 0);
247
+ --card-foreground: oklch(0.985 0 0);
248
+ --popover: oklch(0.205 0 0);
249
+ --popover-foreground: oklch(0.985 0 0);
250
+ --primary: oklch(0.922 0 0);
251
+ --primary-foreground: oklch(0.205 0 0);
252
+ --secondary: oklch(0.269 0 0);
253
+ --secondary-foreground: oklch(0.708 0 0);
254
+ --muted: oklch(0.269 0 0);
255
+ --muted-foreground: oklch(0.708 0 0);
256
+ --accent: oklch(0.269 0 0);
257
+ --accent-foreground: oklch(0.985 0 0);
258
+ --destructive: oklch(0.704 0.191 22.216);
259
+ --border: oklch(1 0 0 / 10%);
260
+ --input: oklch(1 0 0 / 15%);
261
+ --ring: oklch(0.556 0 0);
262
+ --chart-1: oklch(0.488 0.243 264.376);
263
+ --chart-2: oklch(0.696 0.17 162.48);
264
+ --chart-3: oklch(0.769 0.188 70.08);
265
+ --chart-4: oklch(0.627 0.265 303.9);
266
+ --chart-5: oklch(0.645 0.246 16.439);
267
+ --sidebar: oklch(0.205 0 0);
268
+ --sidebar-foreground: oklch(0.985 0 0);
269
+ --sidebar-primary: oklch(0.488 0.243 264.376);
270
+ --sidebar-primary-foreground: oklch(0.985 0 0);
271
+ --sidebar-accent: oklch(0.269 0 0);
272
+ --sidebar-accent-foreground: oklch(0.985 0 0);
273
+ --sidebar-border: oklch(1 0 0 / 10%);
274
+ --sidebar-ring: oklch(0.556 0 0);
275
+
276
+ /* Status colors for toast and messages */
277
+ --status-background-error: oklch(27.1% 0.105 12.094);
278
+ --status-foreground-error: oklch(64.5% 0.246 16.439);
279
+ --status-background-success: oklch(26.6% 0.065 152.934);
280
+ --status-foreground-success: oklch(72.3% 0.219 149.579);
281
+ --status-background-warning: oklch(28.6% 0.066 53.813);
282
+ --status-foreground-warning: oklch(79.5% 0.184 86.047);
283
+ --status-background-info: oklch(29.3% 0.066 243.157);
284
+ --status-foreground-info: oklch(68.5% 0.169 237.323);
285
+ --status-background-loading: oklch(0.269 0 0);
286
+ --status-foreground-loading: oklch(0.985 0 0);
287
+
288
+ /* Status colors for card */
289
+ --status-card-background-error: oklch(27.1% 0.105 12.094);
290
+ --status-card-foreground-error: oklch(64.5% 0.246 16.439);
291
+ --status-card-background-icon-error:oklch(33.1% 0.105 12.094);
292
+ --status-card-background-empty: oklch(0.269 0 0);
293
+ --status-card-foreground-empty: oklch(0.985 0 0);
294
+ --status-card-background-icon-empty: oklch(0.320 0 0);;
295
+
296
+ /* Calendar colors */
297
+ --calendar-color-gray: oklch(55.6% 0 0);
298
+ --calendar-color-red: oklch(25.8% 0.092 26.042);
299
+ --calendar-color-yellow: oklch(42.1% 0.095 57.708) ;
300
+ --calendar-color-orange: oklch(47% 0.157 37.304);
301
+ --calendar-color-purple: oklch(38.1% 0.176 304.987);
302
+ --calendar-color-blue: oklch(37.9% 0.146 265.522);
303
+ --calendar-color-indigo: oklch(35.9% 0.144 278.697);
304
+ --calendar-color-sky: oklch(39.1% 0.09 240.876);
305
+ --calendar-color-green: oklch(39.3% 0.095 152.535);
306
+ --calendar-color-lime: oklch(40.5% 0.101 131.063);
307
+
308
+ /* Case urgency colors */
309
+ --case-urgency-critical-background: oklch(25% 0.01 260);
310
+ --case-urgency-critical-foreground: oklch(95% 0.01 260);
311
+ --case-urgency-high-background: oklch(30% 0.01 260);
312
+ --case-urgency-high-foreground: oklch(90% 0.01 260);
313
+ --case-urgency-medium-background: oklch(35% 0.01 260);
314
+ --case-urgency-medium-foreground: oklch(85% 0.01 260);
315
+ --case-urgency-low-background: oklch(40% 0.01 260);
316
+ --case-urgency-low-foreground: oklch(80% 0.01 260);
317
+
318
+ /* Case status colors */
319
+ --case-status-open-background: oklch(32% 0.01 260);
320
+ --case-status-open-foreground: oklch(88% 0.01 260);
321
+ --case-status-in-progress-background: oklch(28% 0.01 260);
322
+ --case-status-in-progress-foreground: oklch(92% 0.01 260);
323
+ --case-status-closed-background: oklch(38% 0.01 260);
324
+ --case-status-closed-foreground: oklch(85% 0.01 260);
325
+ --case-status-archived-background: oklch(25% 0.01 260);
326
+ --case-status-archived-foreground: oklch(75% 0.01 260);
327
+ --case-status-under-negotiation-background: oklch(34% 0.01 260);
328
+ --case-status-under-negotiation-foreground: oklch(87% 0.01 260);
329
+ --case-status-waiting-for-customer-background: oklch(31% 0.01 260);
330
+ --case-status-waiting-for-customer-foreground: oklch(89% 0.01 260);
331
+ --case-status-awaiting-trial-background: oklch(29% 0.01 260);
332
+ --case-status-awaiting-trial-foreground: oklch(91% 0.01 260);
333
+ --case-status-waiting-background: oklch(33% 0.01 260);
334
+ --case-status-waiting-foreground: oklch(86% 0.01 260);
335
+
336
+ /* Documents selector colors */
337
+ --selector-rectangle: oklch(39.1% 0.09 240.876);
338
+ --selector-background: oklch(29.3% 0.066 243.157);
339
+ --selector-foreground: oklch(50% 0.134 242.749);
340
+
341
+ /* License status colors */
342
+ --license-valid-foreground: oklch(0.708 0 0);
343
+ --license-valid-background: oklch(0.269 0 0);
344
+ --license-invalid-foreground: oklch(64.5% 0.246 16.439);
345
+ --license-invalid-background: oklch(27.1% 0.105 12.094);
346
+ --license-no-config-background: oklch(29.3% 0.066 243.157);
347
+ --license-no-config-foreground: oklch(68.5% 0.169 237.323);
348
+
349
+ /* Finances type colors */
350
+ --finance-type-income-background: oklch(26.6% 0.065 152.934);
351
+ --finance-type-income-foreground: oklch(62.7% 0.194 149.214);
352
+ --finance-type-expense-background: oklch(25.8% 0.092 26.042);
353
+ --finance-type-expense-foreground: oklch(57.7% 0.245 27.325);
354
+ }
355
+
356
+ @layer base {
357
+ * {
358
+ @apply border-border outline-ring/50;
359
+ }
360
+ body {
361
+ @apply bg-background text-foreground;
362
+ }
363
+ }
364
+
365
+ .EmojiPickerReact {
366
+ --epr-text-color: var(--muted-foreground) !important;
367
+ --epr-emoji-size: 24px !important;
368
+ font-family: "Source Sans 3", sans-serif !important;
369
+ font-size: 14px !important;
370
+ font-weight: 400 !important;
371
+ }
372
+ .epr-emoji-category-label {
373
+ font-size: 14px !important;
374
+ font-weight: 700 !important;
375
+ }
@@ -0,0 +1 @@
1
+ export * from './pagination';
@@ -0,0 +1,6 @@
1
+ export interface PaginationState {
2
+ page: number;
3
+ limit: number;
4
+ total: number;
5
+ total_pages: number;
6
+ }
@@ -0,0 +1,2 @@
1
+ import { ClassValue } from 'clsx';
2
+ export declare function cn(...inputs: ClassValue[]): string;
@@ -0,0 +1,4 @@
1
+ import { PixelCrop } from 'react-image-crop';
2
+ export declare function centerAspectCrop(mediaWidth: number, mediaHeight: number, aspect: number): import('react-image-crop').PercentCrop;
3
+ export declare function canvasToFile(canvas: HTMLCanvasElement, fileName: string): Promise<File>;
4
+ export declare function getCroppedImg(image: HTMLImageElement, crop: PixelCrop): HTMLCanvasElement;
@@ -0,0 +1,3 @@
1
+ export * from './class';
2
+ export * from './image';
3
+ export * from './storybook';
@@ -0,0 +1,6 @@
1
+ export declare const classNameControl: {
2
+ readonly className: {
3
+ readonly control: "text";
4
+ readonly description: "Clases Tailwind/CSS adicionales";
5
+ };
6
+ };
package/package.json ADDED
@@ -0,0 +1,133 @@
1
+ {
2
+ "name": "arxatec-ui",
3
+ "version": "0.1.0",
4
+ "description": "Kit de componentes React (Tailwind v4, Radix) para productos Arxatec.",
5
+ "license": "MIT",
6
+ "type": "module",
7
+ "keywords": [
8
+ "react",
9
+ "components",
10
+ "ui",
11
+ "tailwind",
12
+ "radix",
13
+ "arxatec"
14
+ ],
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "https://github.com/arxatec-engine/arxatec-ui.git"
18
+ },
19
+ "bugs": {
20
+ "url": "https://github.com/arxatec-engine/arxatec-ui/issues"
21
+ },
22
+ "homepage": "https://github.com/arxatec-engine/arxatec-ui#readme",
23
+ "sideEffects": [
24
+ "**/*.css"
25
+ ],
26
+ "exports": {
27
+ ".": {
28
+ "types": "./dist/index.d.ts",
29
+ "import": "./dist/index.js",
30
+ "default": "./dist/index.js"
31
+ },
32
+ "./styles.css": "./dist/styles.css"
33
+ },
34
+ "types": "./dist/index.d.ts",
35
+ "module": "./dist/index.js",
36
+ "files": [
37
+ "dist",
38
+ "LICENSE"
39
+ ],
40
+ "publishConfig": {
41
+ "access": "public"
42
+ },
43
+ "scripts": {
44
+ "dev": "vite",
45
+ "build": "tsc -b tsconfig.build.json && vite build",
46
+ "build:lib": "vite build --config vite.lib.config.ts && node --input-type=module -e \"import fs from 'node:fs'; fs.copyFileSync('src/styles/index.css','dist/styles.css')\"",
47
+ "prepublishOnly": "npm run build:lib",
48
+ "lint": "eslint .",
49
+ "preview": "vite preview",
50
+ "storybook": "storybook dev -p 6006",
51
+ "build-storybook": "storybook build"
52
+ },
53
+ "peerDependencies": {
54
+ "react": "^18.0.0 || ^19.0.0",
55
+ "react-dom": "^18.0.0 || ^19.0.0"
56
+ },
57
+ "dependencies": {
58
+ "@base-ui/react": "^1.3.0",
59
+ "@fontsource-variable/geist": "^5.2.8",
60
+ "@radix-ui/react-avatar": "^1.1.10",
61
+ "@radix-ui/react-checkbox": "^1.3.3",
62
+ "@radix-ui/react-collapsible": "^1.1.12",
63
+ "@radix-ui/react-context-menu": "^2.2.16",
64
+ "@radix-ui/react-dialog": "^1.1.15",
65
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
66
+ "@radix-ui/react-label": "^2.1.8",
67
+ "@radix-ui/react-popover": "^1.1.15",
68
+ "@radix-ui/react-progress": "^1.1.8",
69
+ "@radix-ui/react-radio-group": "^1.3.8",
70
+ "@radix-ui/react-scroll-area": "^1.2.10",
71
+ "@radix-ui/react-select": "^2.2.6",
72
+ "@radix-ui/react-separator": "^1.1.8",
73
+ "@radix-ui/react-slider": "^1.3.6",
74
+ "@radix-ui/react-slot": "^1.2.4",
75
+ "@radix-ui/react-tabs": "^1.1.13",
76
+ "@radix-ui/react-toggle": "^1.1.10",
77
+ "@radix-ui/react-tooltip": "^1.2.8",
78
+ "@tailwindcss/vite": "^4.2.2",
79
+ "@tanstack/react-virtual": "^3.13.18",
80
+ "class-variance-authority": "^0.7.1",
81
+ "clsx": "^2.1.1",
82
+ "cmdk": "^1.1.1",
83
+ "embla-carousel-react": "^8.6.0",
84
+ "frimousse": "^0.3.0",
85
+ "fuse.js": "^7.1.0",
86
+ "input-otp": "^1.4.2",
87
+ "leaflet": "^1.9.4",
88
+ "lucide-react": "^1.7.0",
89
+ "motion": "^12.26.2",
90
+ "react-day-picker": "^9.11.1",
91
+ "react-image-crop": "^11.0.10",
92
+ "react-leaflet": "^5.0.0",
93
+ "react-resizable-panels": "^3.0.6",
94
+ "recharts": "^2.15.4",
95
+ "shadcn": "^4.1.1",
96
+ "sonner": "^2.0.7",
97
+ "tailwind-merge": "^3.5.0",
98
+ "tailwindcss": "^4.2.2",
99
+ "tw-animate-css": "^1.4.0",
100
+ "usehooks-ts": "^3.1.1",
101
+ "vaul": "^1.1.2"
102
+ },
103
+ "devDependencies": {
104
+ "@chromatic-com/storybook": "^5.1.1",
105
+ "@eslint/js": "^9.39.4",
106
+ "@storybook/addon-a11y": "^10.3.3",
107
+ "@storybook/addon-docs": "^10.3.3",
108
+ "@storybook/addon-onboarding": "^10.3.3",
109
+ "@storybook/addon-vitest": "^10.3.3",
110
+ "@storybook/react-vite": "^10.3.3",
111
+ "@types/leaflet": "^1.9.21",
112
+ "@types/node": "^24.12.0",
113
+ "@types/react": "^19.2.14",
114
+ "@types/react-dom": "^19.2.3",
115
+ "@types/react-image-crop": "^8.1.6",
116
+ "@vitejs/plugin-react": "^6.0.1",
117
+ "@vitest/browser-playwright": "^4.1.2",
118
+ "@vitest/coverage-v8": "^4.1.2",
119
+ "eslint": "^9.39.4",
120
+ "eslint-plugin-react-hooks": "^7.0.1",
121
+ "eslint-plugin-react-refresh": "^0.5.2",
122
+ "globals": "^17.4.0",
123
+ "playwright": "^1.58.2",
124
+ "react": "^19.2.4",
125
+ "react-dom": "^19.2.4",
126
+ "storybook": "^10.3.3",
127
+ "typescript": "~5.9.3",
128
+ "typescript-eslint": "^8.57.0",
129
+ "vite": "^8.0.1",
130
+ "vite-plugin-dts": "^4.5.4",
131
+ "vitest": "^4.1.2"
132
+ }
133
+ }