@klu_dev/ui-klu-green 1.0.11 → 1.0.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 (5) hide show
  1. package/README.md +5 -0
  2. package/dist/index.css +605 -0
  3. package/dist/index.js +149 -180
  4. package/dist/index.js.map +1 -1
  5. package/package.json +19 -10
package/README.md CHANGED
@@ -15,6 +15,11 @@ npm install @klu_dev/ui-klu-green
15
15
  - Button
16
16
  - BackButton
17
17
 
18
+ ## Antes de comenzar a agregar componentes
19
+ ```tsx
20
+ import "@klu_dev/ui-klu-green/style.css";
21
+ ```
22
+
18
23
  ## 🚀 Uso Input
19
24
 
20
25
  ```tsx
package/dist/index.css ADDED
@@ -0,0 +1,605 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&display=swap');
2
+ *, ::before, ::after{
3
+ --tw-border-spacing-x: 0;
4
+ --tw-border-spacing-y: 0;
5
+ --tw-translate-x: 0;
6
+ --tw-translate-y: 0;
7
+ --tw-rotate: 0;
8
+ --tw-skew-x: 0;
9
+ --tw-skew-y: 0;
10
+ --tw-scale-x: 1;
11
+ --tw-scale-y: 1;
12
+ --tw-pan-x: ;
13
+ --tw-pan-y: ;
14
+ --tw-pinch-zoom: ;
15
+ --tw-scroll-snap-strictness: proximity;
16
+ --tw-gradient-from-position: ;
17
+ --tw-gradient-via-position: ;
18
+ --tw-gradient-to-position: ;
19
+ --tw-ordinal: ;
20
+ --tw-slashed-zero: ;
21
+ --tw-numeric-figure: ;
22
+ --tw-numeric-spacing: ;
23
+ --tw-numeric-fraction: ;
24
+ --tw-ring-inset: ;
25
+ --tw-ring-offset-width: 0px;
26
+ --tw-ring-offset-color: #fff;
27
+ --tw-ring-color: rgb(59 130 246 / 0.5);
28
+ --tw-ring-offset-shadow: 0 0 #0000;
29
+ --tw-ring-shadow: 0 0 #0000;
30
+ --tw-shadow: 0 0 #0000;
31
+ --tw-shadow-colored: 0 0 #0000;
32
+ --tw-blur: ;
33
+ --tw-brightness: ;
34
+ --tw-contrast: ;
35
+ --tw-grayscale: ;
36
+ --tw-hue-rotate: ;
37
+ --tw-invert: ;
38
+ --tw-saturate: ;
39
+ --tw-sepia: ;
40
+ --tw-drop-shadow: ;
41
+ --tw-backdrop-blur: ;
42
+ --tw-backdrop-brightness: ;
43
+ --tw-backdrop-contrast: ;
44
+ --tw-backdrop-grayscale: ;
45
+ --tw-backdrop-hue-rotate: ;
46
+ --tw-backdrop-invert: ;
47
+ --tw-backdrop-opacity: ;
48
+ --tw-backdrop-saturate: ;
49
+ --tw-backdrop-sepia: ;
50
+ --tw-contain-size: ;
51
+ --tw-contain-layout: ;
52
+ --tw-contain-paint: ;
53
+ --tw-contain-style: ;
54
+ }
55
+ ::backdrop{
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+ :root {
109
+ --uiklu-background: 0 0% 100%;
110
+ --uiklu-foreground: 222.2 84% 4.9%;
111
+ --uiklu-primary: 175 77% 20%;
112
+ --uiklu-primary-foreground: 0 0% 100%;
113
+ --uiklu-secondary: 160 60% 40%;
114
+ --uiklu-secondary-foreground: 0 0% 100%;
115
+ --uiklu-outlinesecondary: 180 35% 62%;
116
+ --uiklu-outlinesecondary-foreground: 0 0% 100%;
117
+ --uiklu-basewhite: 0 0% 100%;
118
+ /* Esto hará que el texto sea blanco */
119
+ --uiklu-baseblack: 0 0% 0%;
120
+ --uiklu-accent: 45 100% 50%;
121
+ --uiklu-accent-foreground: 0 0% 0%;
122
+ --uiklu-muted: 210 40% 96%;
123
+ --uiklu-muted-foreground: 215 20% 40%;
124
+ --uiklu-destructive: 0 86% 58%;
125
+ --uiklu-destructive-foreground: 0 0% 100%;
126
+ --uiklu-border: 214.3 31.8% 91.4%;
127
+ --uiklu-inputtext: 210 1% 42%;
128
+ }
129
+ button,
130
+ [role="button"] {
131
+ cursor: pointer;
132
+ }
133
+ *, ::before, ::after {
134
+ border-width: 0;
135
+ border-style: solid;
136
+ }
137
+ .uiklu-font-sans {
138
+ font-family: 'Google Sans Flex', sans-serif;
139
+ -webkit-font-smoothing: antialiased;
140
+ -moz-osx-font-smoothing: grayscale;
141
+ }
142
+ .uiklu-absolute{
143
+ position: absolute;
144
+ }
145
+ .uiklu-relative{
146
+ position: relative;
147
+ }
148
+ .uiklu-right-6{
149
+ right: 1.5rem;
150
+ }
151
+ .uiklu-top-0{
152
+ top: 0px;
153
+ }
154
+ .uiklu-z-10{
155
+ z-index: 10;
156
+ }
157
+ .uiklu-m-0{
158
+ margin: 0px;
159
+ }
160
+ .uiklu-mb-2{
161
+ margin-bottom: 0.5rem;
162
+ }
163
+ .uiklu-mt-1{
164
+ margin-top: 0.25rem;
165
+ }
166
+ .uiklu-box-border{
167
+ box-sizing: border-box;
168
+ }
169
+ .uiklu-block{
170
+ display: block;
171
+ }
172
+ .uiklu-flex{
173
+ display: flex;
174
+ }
175
+ .uiklu-inline-flex{
176
+ display: inline-flex;
177
+ }
178
+ .uiklu-h-4{
179
+ height: 1rem;
180
+ }
181
+ .uiklu-h-5{
182
+ height: 1.25rem;
183
+ }
184
+ .uiklu-h-6{
185
+ height: 1.5rem;
186
+ }
187
+ .uiklu-h-\[100px\]{
188
+ height: 100px;
189
+ }
190
+ .uiklu-h-\[40px\]{
191
+ height: 40px;
192
+ }
193
+ .uiklu-h-\[50px\]{
194
+ height: 50px;
195
+ }
196
+ .uiklu-h-\[60px\]{
197
+ height: 60px;
198
+ }
199
+ .uiklu-h-full{
200
+ height: 100%;
201
+ }
202
+ .uiklu-max-h-\[60px\]{
203
+ max-height: 60px;
204
+ }
205
+ .uiklu-w-4{
206
+ width: 1rem;
207
+ }
208
+ .uiklu-w-5{
209
+ width: 1.25rem;
210
+ }
211
+ .uiklu-w-6{
212
+ width: 1.5rem;
213
+ }
214
+ .uiklu-w-\[150px\]{
215
+ width: 150px;
216
+ }
217
+ .uiklu-w-\[250px\]{
218
+ width: 250px;
219
+ }
220
+ .uiklu-w-\[350px\]{
221
+ width: 350px;
222
+ }
223
+ .uiklu-w-\[450px\]{
224
+ width: 450px;
225
+ }
226
+ .uiklu-w-\[550px\]{
227
+ width: 550px;
228
+ }
229
+ .uiklu-w-\[600px\]{
230
+ width: 600px;
231
+ }
232
+ .uiklu-w-fit{
233
+ width: -moz-fit-content;
234
+ width: fit-content;
235
+ }
236
+ .uiklu-w-full{
237
+ width: 100%;
238
+ }
239
+ .uiklu-max-w-\[600px\]{
240
+ max-width: 600px;
241
+ }
242
+ .uiklu-flex-shrink-0{
243
+ flex-shrink: 0;
244
+ }
245
+ .uiklu-cursor-pointer{
246
+ cursor: pointer;
247
+ }
248
+ .uiklu-appearance-none{
249
+ -webkit-appearance: none;
250
+ -moz-appearance: none;
251
+ appearance: none;
252
+ }
253
+ .uiklu-flex-col{
254
+ flex-direction: column;
255
+ }
256
+ .uiklu-items-start{
257
+ align-items: flex-start;
258
+ }
259
+ .uiklu-items-center{
260
+ align-items: center;
261
+ }
262
+ .uiklu-justify-center{
263
+ justify-content: center;
264
+ }
265
+ .uiklu-gap-1{
266
+ gap: 0.25rem;
267
+ }
268
+ .uiklu-gap-1\.5{
269
+ gap: 0.375rem;
270
+ }
271
+ .uiklu-gap-2{
272
+ gap: 0.5rem;
273
+ }
274
+ .uiklu-gap-2\.5{
275
+ gap: 0.625rem;
276
+ }
277
+ .uiklu-gap-4{
278
+ gap: 1rem;
279
+ }
280
+ .uiklu-gap-6{
281
+ gap: 1.5rem;
282
+ }
283
+ .uiklu-gap-8{
284
+ gap: 2rem;
285
+ }
286
+ .uiklu-overflow-hidden{
287
+ overflow: hidden;
288
+ }
289
+ .uiklu-text-ellipsis{
290
+ text-overflow: ellipsis;
291
+ }
292
+ .uiklu-rounded{
293
+ border-radius: 0.25rem;
294
+ }
295
+ .uiklu-rounded-2xl{
296
+ border-radius: 1rem;
297
+ }
298
+ .uiklu-rounded-\[48px\]{
299
+ border-radius: 48px;
300
+ }
301
+ .uiklu-rounded-\[50px\]{
302
+ border-radius: 50px;
303
+ }
304
+ .uiklu-rounded-xl{
305
+ border-radius: 0.75rem;
306
+ }
307
+ .uiklu-border{
308
+ border-width: 1px;
309
+ }
310
+ .uiklu-border-2{
311
+ border-width: 2px;
312
+ }
313
+ .uiklu-border-\[1px\]{
314
+ border-width: 1px;
315
+ }
316
+ .uiklu-border-\[3px\]{
317
+ border-width: 3px;
318
+ }
319
+ .uiklu-border-solid{
320
+ border-style: solid;
321
+ }
322
+ .uiklu-border-dashed{
323
+ border-style: dashed;
324
+ }
325
+ .uiklu-border-none{
326
+ border-style: none;
327
+ }
328
+ .uiklu-border-basewhite{
329
+ --tw-border-opacity: 1;
330
+ border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
331
+ }
332
+ .uiklu-border-border{
333
+ --tw-border-opacity: 1;
334
+ border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
335
+ }
336
+ .uiklu-border-destructive{
337
+ --tw-border-opacity: 1;
338
+ border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
339
+ }
340
+ .uiklu-border-gray-200{
341
+ --tw-border-opacity: 1;
342
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
343
+ }
344
+ .uiklu-border-gray-300{
345
+ --tw-border-opacity: 1;
346
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
347
+ }
348
+ .uiklu-border-outlinesecondary{
349
+ --tw-border-opacity: 1;
350
+ border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
351
+ }
352
+ .uiklu-border-primary{
353
+ --tw-border-opacity: 1;
354
+ border-color: hsl(var(--uiklu-primary) / var(--tw-border-opacity, 1));
355
+ }
356
+ .uiklu-border-transparent{
357
+ border-color: transparent;
358
+ }
359
+ .uiklu-bg-background{
360
+ --tw-bg-opacity: 1;
361
+ background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
362
+ }
363
+ .uiklu-bg-green-100{
364
+ --tw-bg-opacity: 1;
365
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
366
+ }
367
+ .uiklu-bg-primary{
368
+ --tw-bg-opacity: 1;
369
+ background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
370
+ }
371
+ .uiklu-bg-slate-900{
372
+ --tw-bg-opacity: 1;
373
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
374
+ }
375
+ .uiklu-bg-transparent{
376
+ background-color: transparent;
377
+ }
378
+ .uiklu-bg-white{
379
+ --tw-bg-opacity: 1;
380
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
381
+ }
382
+ .uiklu-bg-gradient-to-r{
383
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
384
+ }
385
+ .uiklu-from-\[\#FBA022\]{
386
+ --tw-gradient-from: #FBA022 var(--tw-gradient-from-position);
387
+ --tw-gradient-to: rgb(251 160 34 / 0) var(--tw-gradient-to-position);
388
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
389
+ }
390
+ .uiklu-to-\[\#157C70\]{
391
+ --tw-gradient-to: #157C70 var(--tw-gradient-to-position);
392
+ }
393
+ .uiklu-fill-destructive{
394
+ fill: hsl(var(--uiklu-destructive) / 1);
395
+ }
396
+ .uiklu-fill-inputtext{
397
+ fill: hsl(var(--uiklu-inputtext));
398
+ }
399
+ .uiklu-stroke-destructive{
400
+ stroke: hsl(var(--uiklu-destructive) / 1);
401
+ }
402
+ .uiklu-stroke-inputtext{
403
+ stroke: hsl(var(--uiklu-inputtext));
404
+ }
405
+ .uiklu-p-0{
406
+ padding: 0px;
407
+ }
408
+ .uiklu-p-10{
409
+ padding: 2.5rem;
410
+ }
411
+ .uiklu-p-6{
412
+ padding: 1.5rem;
413
+ }
414
+ .uiklu-p-8{
415
+ padding: 2rem;
416
+ }
417
+ .uiklu-px-2{
418
+ padding-left: 0.5rem;
419
+ padding-right: 0.5rem;
420
+ }
421
+ .uiklu-px-4{
422
+ padding-left: 1rem;
423
+ padding-right: 1rem;
424
+ }
425
+ .uiklu-px-5{
426
+ padding-left: 1.25rem;
427
+ padding-right: 1.25rem;
428
+ }
429
+ .uiklu-px-6{
430
+ padding-left: 1.5rem;
431
+ padding-right: 1.5rem;
432
+ }
433
+ .uiklu-px-\[32px\]{
434
+ padding-left: 32px;
435
+ padding-right: 32px;
436
+ }
437
+ .uiklu-px-\[40px\]{
438
+ padding-left: 40px;
439
+ padding-right: 40px;
440
+ }
441
+ .uiklu-px-\[48px\]{
442
+ padding-left: 48px;
443
+ padding-right: 48px;
444
+ }
445
+ .uiklu-py-1{
446
+ padding-top: 0.25rem;
447
+ padding-bottom: 0.25rem;
448
+ }
449
+ .uiklu-pr-14{
450
+ padding-right: 3.5rem;
451
+ }
452
+ .uiklu-text-center{
453
+ text-align: center;
454
+ }
455
+ .uiklu-font-mono{
456
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
457
+ }
458
+ .uiklu-font-sans{
459
+ font-family: 'Google Sans Flex', sans-serif;
460
+ }
461
+ .uiklu-text-\[10px\]{
462
+ font-size: 10px;
463
+ }
464
+ .uiklu-text-\[11px\]{
465
+ font-size: 11px;
466
+ }
467
+ .uiklu-text-\[12px\]{
468
+ font-size: 12px;
469
+ }
470
+ .uiklu-text-\[14px\]{
471
+ font-size: 14px;
472
+ }
473
+ .uiklu-text-\[16px\]{
474
+ font-size: 16px;
475
+ }
476
+ .uiklu-text-\[18px\]{
477
+ font-size: 18px;
478
+ }
479
+ .uiklu-text-base{
480
+ font-size: 1rem;
481
+ line-height: 1.5rem;
482
+ }
483
+ .uiklu-text-lg{
484
+ font-size: 18px;
485
+ line-height: 16px;
486
+ }
487
+ .uiklu-text-md{
488
+ font-size: 16px;
489
+ line-height: 12px;
490
+ }
491
+ .uiklu-text-sm{
492
+ font-size: 14px;
493
+ line-height: 10px;
494
+ }
495
+ .uiklu-text-xs{
496
+ font-size: 0.75rem;
497
+ line-height: 1rem;
498
+ }
499
+ .uiklu-font-bold{
500
+ font-weight: 700;
501
+ }
502
+ .uiklu-font-medium{
503
+ font-weight: 500;
504
+ }
505
+ .uiklu-uppercase{
506
+ text-transform: uppercase;
507
+ }
508
+ .uiklu-leading-none{
509
+ line-height: 1;
510
+ }
511
+ .uiklu-leading-tight{
512
+ line-height: 1.25;
513
+ }
514
+ .uiklu-text-basewhite{
515
+ --tw-text-opacity: 1;
516
+ color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
517
+ }
518
+ .uiklu-text-destructive{
519
+ --tw-text-opacity: 1;
520
+ color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
521
+ }
522
+ .uiklu-text-gray-400{
523
+ --tw-text-opacity: 1;
524
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
525
+ }
526
+ .uiklu-text-gray-500{
527
+ --tw-text-opacity: 1;
528
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
529
+ }
530
+ .uiklu-text-green-700{
531
+ --tw-text-opacity: 1;
532
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
533
+ }
534
+ .uiklu-text-inputtext{
535
+ color: hsl(var(--uiklu-inputtext));
536
+ }
537
+ .uiklu-text-outlinesecondary{
538
+ --tw-text-opacity: 1;
539
+ color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
540
+ }
541
+ .uiklu-text-primary{
542
+ --tw-text-opacity: 1;
543
+ color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
544
+ }
545
+ .uiklu-text-primary-foreground{
546
+ --tw-text-opacity: 1;
547
+ color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
548
+ }
549
+ .uiklu-text-white{
550
+ --tw-text-opacity: 1;
551
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
552
+ }
553
+ .uiklu-opacity-70{
554
+ opacity: 0.7;
555
+ }
556
+ .uiklu-outline-none{
557
+ outline: 2px solid transparent;
558
+ outline-offset: 2px;
559
+ }
560
+ .uiklu-transition-all{
561
+ transition-property: all;
562
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
563
+ transition-duration: 150ms;
564
+ }
565
+ .uiklu-transition-opacity{
566
+ transition-property: opacity;
567
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
568
+ transition-duration: 150ms;
569
+ }
570
+ .hover\:uiklu-bg-outlinesecondary\/10:hover{
571
+ background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
572
+ }
573
+ .hover\:uiklu-bg-primary\/90:hover{
574
+ background-color: hsl(var(--uiklu-primary) / 0.9);
575
+ }
576
+ .hover\:uiklu-underline:hover{
577
+ text-decoration-line: underline;
578
+ }
579
+ .hover\:uiklu-opacity-100:hover{
580
+ opacity: 1;
581
+ }
582
+ .hover\:uiklu-opacity-90:hover{
583
+ opacity: 0.9;
584
+ }
585
+ .focus\:uiklu-border-\[1px\]:focus{
586
+ border-width: 1px;
587
+ }
588
+ .focus\:uiklu-border-baseblack:focus{
589
+ --tw-border-opacity: 1;
590
+ border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
591
+ }
592
+ .focus\:uiklu-border-destructive:focus{
593
+ --tw-border-opacity: 1;
594
+ border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
595
+ }
596
+ .active\:uiklu-opacity-70:active{
597
+ opacity: 0.7;
598
+ }
599
+ .disabled\:uiklu-cursor-not-allowed:disabled{
600
+ cursor: not-allowed;
601
+ }
602
+ .disabled\:uiklu-opacity-50:disabled{
603
+ opacity: 0.5;
604
+ }
605
+
package/dist/index.js CHANGED
@@ -11,71 +11,49 @@ function cn(...inputs) {
11
11
  // src/components/ui/input.tsx
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
13
13
  var inputSizes = {
14
- sm: "h-9 px-4 text-[12px] leading-[20px]",
15
- md: "h-10 px-5 text-[14px] leading-[20px]",
16
- lg: "h-[50px] px-5 text-[16px] leading-[20px]",
17
- full: "h-[50px] w-full px-5 text-[14px] md:text-[16px] leading-[20px]"
14
+ sm: "uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm",
15
+ md: "uiklu-h-[40px] uiklu-w-[250px] uiklu-px-5 uiklu-text-md",
16
+ lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg",
17
+ full: "uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg"
18
+ };
19
+ var iconSizes = {
20
+ sm: { w: "18", h: "14" },
21
+ md: { w: "20", h: "16" },
22
+ lg: { w: "22.5", h: "18" },
23
+ full: { w: "22.5", h: "18" }
18
24
  };
19
25
  var Input = React.forwardRef(
20
26
  ({ className, type = "text", size = "lg", error, ...props }, ref) => {
21
27
  const [showPassword, setShowPassword] = React.useState(false);
22
28
  const isPassword = type === "password";
23
29
  const inputType = isPassword && showPassword ? "text" : type;
24
- return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
25
- /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
30
+ return /* @__PURE__ */ jsxs("div", { className: cn(
31
+ "uiklu-flex uiklu-flex-col uiklu-gap-1.5",
32
+ size === "full" ? "uiklu-w-full" : "uiklu-w-fit"
33
+ ), children: [
34
+ /* @__PURE__ */ jsxs("div", { className: cn("uiklu-relative", size === "full" ? "uiklu-w-full" : "uiklu-w-fit"), children: [
26
35
  /* @__PURE__ */ jsx(
27
36
  "input",
28
37
  {
38
+ ...props,
29
39
  ref,
30
40
  type: inputType,
31
- "data-slot": "input",
32
41
  className: cn(
33
- `w-full min-w-0
34
- rounded-[50px]
35
- border border-border
36
- bg-background
37
-
38
- font-sans
39
- text-inputtext
40
-
41
- overflow-hidden
42
- text-ellipsis
43
- whitespace-nowrap
44
-
45
- transition-all
46
- outline-none
47
-
48
- placeholder:text-inputtext/60
49
-
50
- focus-visible:border-baseblack
51
- focus-visible:ring-0
52
- focus-visible:ring-baseblack/20
53
-
54
- disabled:cursor-not-allowed
55
- disabled:opacity-50
56
-
57
- aria-invalid:border-destructive
58
- aria-invalid:ring-0
59
- aria-invalid:ring-destructive/20`,
60
- !error && `
61
- border-border
62
- text-inputText
63
- focus-visible:border-inputText
64
- focus-visible:ring-0
65
- focus-visible:ring-inputText/20
66
- `,
67
- error && `
68
- border-destructive
69
- text-destructive
70
- placeholder:text-destructive/60
71
- focus-visible:border-destructive
72
- focus-visible:ring-destructive/30
73
- `,
74
- isPassword && "pr-12",
42
+ "uiklu-flex uiklu-box-border uiklu-appearance-none uiklu-outline-none uiklu-transition-all",
43
+ "uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans",
44
+ "uiklu-overflow-hidden uiklu-text-ellipsis uiklu-placeholder:uiklu-opacity-40",
45
+ "disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50",
46
+ !error ? [
47
+ "uiklu-border-border uiklu-text-inputtext",
48
+ "focus:uiklu-border-baseblack focus:uiklu-border-[1px]"
49
+ ] : [
50
+ "uiklu-border-destructive uiklu-text-destructive",
51
+ "focus:uiklu-border-destructive focus:uiklu-border-[1px]"
52
+ ],
53
+ isPassword && "uiklu-pr-14",
75
54
  inputSizes[size],
76
55
  className
77
- ),
78
- ...props
56
+ )
79
57
  }
80
58
  ),
81
59
  isPassword && /* @__PURE__ */ jsx(
@@ -83,15 +61,46 @@ var Input = React.forwardRef(
83
61
  {
84
62
  type: "button",
85
63
  onClick: () => setShowPassword(!showPassword),
86
- className: "\n absolute right-5 top-1/2 -translate-y-1/2\n text-muted-foreground hover:text-foreground\n ",
87
- children: showPassword ? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
88
- /* @__PURE__ */ jsx("path", { d: "M2 12C2 12 5.5 5 12 5C18.5 5 22 12 22 12C22 12 18.5 19 12 19C5.5 19 2 12 2 12Z", stroke: "#B5B6B8", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
89
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "#B5B6B8", "stroke-width": "1.5" })
90
- ] }) : /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z", fill: "#B5B6B8" }) })
64
+ className: "uiklu-absolute uiklu-right-6 uiklu-top-0 uiklu-h-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-z-10",
65
+ children: /* @__PURE__ */ jsx("div", { className: "uiklu-flex uiklu-items-center uiklu-justify-center uiklu-opacity-70 hover:uiklu-opacity-100 uiklu-transition-opacity", children: showPassword ? /* @__PURE__ */ jsxs(
66
+ "svg",
67
+ {
68
+ width: iconSizes[size].w,
69
+ height: iconSizes[size].h,
70
+ viewBox: "0 3 24 18",
71
+ fill: "none",
72
+ stroke: "currentColor",
73
+ strokeWidth: "1.5",
74
+ strokeLinecap: "round",
75
+ strokeLinejoin: "round",
76
+ className: !error ? "uiklu-stroke-inputtext" : "uiklu-stroke-destructive",
77
+ children: [
78
+ /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
79
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
80
+ ]
81
+ }
82
+ ) : /* @__PURE__ */ jsx(
83
+ "svg",
84
+ {
85
+ width: iconSizes[size].w,
86
+ height: iconSizes[size].h,
87
+ viewBox: "0 3 24 18",
88
+ fill: "none",
89
+ xmlns: "http://www.w3.org/2000/svg",
90
+ children: /* @__PURE__ */ jsx(
91
+ "path",
92
+ {
93
+ d: "M5.05499 3.24557C4.98913 3.17132 4.90918 3.11089 4.81979 3.06777C4.7304 3.02465 4.63334 2.9997 4.53423 2.99437C4.43513 2.98904 4.33595 3.00343 4.24245 3.03671C4.14895 3.06999 4.06298 3.12150 3.98953 3.18825C3.91608 3.255 3.85661 3.33566 3.81457 3.42556C3.77252 3.51546 3.74874 3.61282 3.7446 3.71198C3.74045 3.81114 3.75603 3.91014 3.79043 4.00323C3.82483 4.09633 3.87737 4.18167 3.94499 4.25432L5.74874 6.23906C2.34374 8.32869 0.879366 11.5499 0.814679 11.6962C0.772035 11.7921 0.75 11.8959 0.75 12.0009C0.75 12.1058 0.772035 12.2096 0.814679 12.3056C0.847491 12.3796 1.64155 14.1403 3.40687 15.9056C5.75905 18.2568 8.72999 19.4999 12 19.4999C13.6806 19.5095 15.3442 19.1635 16.8816 18.4846L18.9441 20.7543C19.0099 20.8286 19.0899 20.8890 19.1793 20.9321C19.2686 20.9752 19.3657 21.0002 19.4648 21.0055C19.5639 21.0108 19.6631 20.9965 19.7566 20.9632C19.8501 20.9299 19.9361 20.8784 20.0095 20.8116C20.083 20.7449 20.1424 20.6642 20.1845 20.5743C20.2265 20.4844 20.2503 20.3871 20.2544 20.2879C20.2586 20.1887 20.243 20.0897 20.2086 19.9966C20.1742 19.9036 20.1217 19.8182 20.0541 19.7456L5.05499 3.24557ZM9.49218 10.3556L13.3987 14.6540C12.8105 14.9635 12.136 15.0688 11.4814 14.9535C10.8268 14.8381 10.229 14.5086 9.78189 14.0167C9.33481 13.5248 9.06377 12.8983 9.01134 12.2356C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 17.9999C9.11437 17.9999 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0604 2.34374 11.9999C2.78343 11.1759 4.18687 8.86963 6.7828 7.37057L8.4703 9.22213C7.81699 10.0589 7.48052 11.0996 7.52036 12.1604C7.56021 13.2212 7.97379 14.2338 8.68802 15.0192C9.40225 15.8045 10.3711 16.3121 11.4234 16.4522C12.4757 16.5923 13.5436 16.3558 14.4384 15.7846L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 17.9999ZM12.5625 9.05338C12.3671 9.01608 12.1944 8.90268 12.0826 8.73812C11.9708 8.57355 11.9289 8.37131 11.9662 8.17588C12.0035 7.98045 12.1169 7.80784 12.2815 7.69602C12.4461 7.58420 12.6483 7.54233 12.8437 7.57963C13.7996 7.76494 14.67 8.25430 15.325 8.97471C15.98 9.69512 16.3846 10.608 16.4784 11.5771C16.4969 11.7752 16.436 11.9725 16.3091 12.1256C16.1822 12.2787 15.9996 12.3752 15.8016 12.3937C15.7781 12.3951 15.7547 12.3951 15.7312 12.3937C15.5438 12.3945 15.3628 12.3251 15.224 12.1991C15.0852 12.0731 14.9986 11.8997 14.9812 11.7131C14.9181 11.0684 14.6486 10.4614 14.2128 9.98220C13.7771 9.50301 13.1982 9.17725 12.5625 9.05338ZM23.1825 12.3056C23.1431 12.3937 22.1934 14.4965 20.055 16.4118C19.9819 16.4793 19.8961 16.5317 19.8027 16.5657C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5810 19.2238 16.5383C19.1339 16.4956 19.0535 16.4354 18.9871 16.3612C18.9208 16.2871 18.8698 16.2005 18.8373 16.1065C18.8047 16.0125 18.7912 15.9129 18.7975 15.8136C18.8037 15.7143 18.8297 15.6173 18.8739 15.5281C18.918 15.4390 18.9795 15.3595 19.0547 15.2943C20.1038 14.3518 20.9851 13.2378 21.6609 11.9999C21.0819 10.9385 20.3518 9.96677 19.4934 9.11525C17.4066 7.049 14.8856 5.99994 12 5.99994C11.392 5.99920 10.7849 6.04843 10.185 6.14713C10.0874 6.16438 9.98741 6.16213 9.89073 6.14051C9.79404 6.11889 9.70259 6.07833 9.62167 6.02117C9.54074 5.96401 9.47195 5.89138 9.41925 5.80747C9.36656 5.72357 9.33101 5.63006 9.31466 5.53234C9.29832 5.43463 9.30149 5.33464 9.32401 5.23815C9.34652 5.14167 9.38793 5.05060 9.44584 4.97021C9.50375 4.88982 9.57702 4.82170 9.6614 4.76979C9.74579 4.71787 9.83963 4.68320 9.93749 4.66775C10.6192 4.55519 11.309 4.49906 12 4.49994C15.27 4.49994 18.2409 5.74307 20.5931 8.09525C22.3584 9.86057 23.1525 11.6221 23.1853 11.6962C23.2279 11.7921 23.25 11.8959 23.25 12.0009C23.25 12.1058 23.2279 12.2096 23.1853 12.3056H23.1825Z",
94
+ fill: "currentColor",
95
+ className: !error ? "uiklu-fill-inputtext" : "uiklu-fill-destructive"
96
+ }
97
+ )
98
+ }
99
+ ) })
91
100
  }
92
101
  )
93
102
  ] }),
94
- error && /* @__PURE__ */ jsx("p", { className: "mt-1 px-3 text-[12px] leading-[16px] text-destructive font-sans", children: error })
103
+ error && /* @__PURE__ */ jsx("p", { className: "uiklu-mt-1 uiklu-px-4 uiklu-text-[12px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0", children: error })
95
104
  ] });
96
105
  }
97
106
  );
@@ -102,82 +111,58 @@ import { cva } from "class-variance-authority";
102
111
  import { Slot } from "@radix-ui/react-slot";
103
112
  import { jsx as jsx2 } from "react/jsx-runtime";
104
113
  var buttonVariants = cva(
105
- "flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50",
114
+ "uiklu-box-border uiklu-flex uiklu-items-center uiklu-justify-center uiklu-border-2 uiklu-font-medium uiklu-transition-all uiklu-outline-none disabled:uiklu-opacity-50",
106
115
  {
107
116
  variants: {
108
117
  variant: {
109
118
  primary: `
110
- bg-primary
111
- text-primary-foreground
112
- hover:bg-primary/90
113
- rounded-[48px]
119
+ uiklu-bg-primary
120
+ uiklu-text-primary-foreground
121
+ hover:uiklu-bg-primary/90
122
+ uiklu-rounded-[48px]
123
+ uiklu-border-transparent
114
124
  `,
115
125
  secondary: `
116
- bg-gradient-to-r
117
- from-[#FBA022]
118
- to-[#157C70]
119
- text-white
120
- hover:opacity-90
121
- rounded-[48px]
126
+ uiklu-bg-gradient-to-r
127
+ uiklu-from-[#FBA022]
128
+ uiklu-to-[#157C70]
129
+ uiklu-text-white
130
+ hover:uiklu-opacity-90
131
+ uiklu-rounded-[48px]
132
+ uiklu-border-transparent
122
133
  `,
123
- outline: "border-border bg-background hover:bg-muted rounded-[48px]",
134
+ outline: "uiklu-border-border uiklu-bg-transparent hover:uiklu-bg-muted uiklu-rounded-[48px]",
124
135
  outlinePrimary: `
125
- bg-transparent
126
- border-2
127
- border-primary
128
- text-primary
129
- rounded-[48px]
130
- hover:bg-primary/20
131
- `,
136
+ uiklu-bg-transparent
137
+ uiklu-border-2
138
+ uiklu-border-primary
139
+ uiklu-text-primary
140
+ uiklu-rounded-[48px]
141
+ `,
132
142
  outlineSecondary: `
133
- bg-transparent
134
- border-2
135
- border-[hsl(var(--outlinesecondary))]
136
- text-[hsl(var(--outlinesecondary))]
137
- rounded-[48px]
138
- hover:bg-[hsl(var(--outlinesecondary))]/20
139
- `,
143
+ uiklu-bg-transparent
144
+ uiklu-border-2
145
+ uiklu-border-outlinesecondary
146
+ uiklu-text-outlinesecondary
147
+ uiklu-rounded-[48px]
148
+ hover:uiklu-bg-outlinesecondary/10
149
+ `,
140
150
  outlineWhite: `
141
- bg-transparent
142
- border-2
143
- border-[hsl(var(--basewhite))]
144
- text-[hsl(var(--basewhite))]
145
- rounded-[48px]
146
- hover:bg-[hsl(var(--baseWhite))]/20
147
- `
151
+ uiklu-bg-transparent
152
+ uiklu-border-2
153
+ uiklu-border-basewhite
154
+ uiklu-text-basewhite
155
+ uiklu-rounded-[48px]
156
+ `
148
157
  },
149
158
  size: {
150
- sm: "h-9 px-4 text-sm",
151
- md: "h-10 px-6 text-base",
152
- lg: `
153
- h-[40px]
154
- w-[350px]
155
- px-[32px]
156
- gap-[10px]
157
- text-base
158
- rounded-[48px]
159
- `,
160
- xl: `
161
- h-[50px]
162
- w-[350px]
163
- px-[40px]
164
- gap-[10px]
165
- text-base
166
- rounded-[48px]
167
- `,
168
- full: `
169
- h-full
170
- max-h-[50px]
171
- min-h-[30px]
172
- w-full
173
- max-w-[500px]
174
- min-w-[200px]
175
- px-[40px]
176
- gap-[10px]
177
- text-base
178
- rounded-[48px]
179
- `
159
+ sm: "uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm uiklu-border",
160
+ md: "uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-base uiklu-border-2",
161
+ lg: "uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-base uiklu-border-2",
162
+ xl: "uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-lg uiklu-border-[3px]",
163
+ full: "uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-lg uiklu-font-bold uiklu-border-[3px]"
180
164
  }
165
+ // ...
181
166
  },
182
167
  defaultVariants: {
183
168
  variant: "primary",
@@ -205,68 +190,52 @@ function Button({
205
190
  // src/components/ui/backButton.tsx
206
191
  import * as React2 from "react";
207
192
  import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
208
- var sizes = {
209
- ch: "text-[14px] gap-1 [&_svg]:w-4 [&_svg]:h-4",
210
- md: "text-[16px] gap-2 [&_svg]:w-5 [&_svg]:h-5",
211
- lg: "text-[18px] gap-2.5 [&_svg]:w-6 [&_svg]:h-6"
193
+ var buttonSizes = {
194
+ ch: "uiklu-text-[14px] uiklu-gap-1",
195
+ md: "uiklu-text-[16px] uiklu-gap-2",
196
+ lg: "uiklu-text-[18px] uiklu-gap-2.5"
212
197
  };
213
- var BackButton = React2.forwardRef(
214
- ({ className, size = "lg", children = "Regresar", ...props }, ref) => {
215
- return /* @__PURE__ */ jsxs2(
216
- "button",
217
- {
218
- ref,
219
- className: cn(
220
- `
221
- inline-flex
222
- items-center
223
- bg-transparent
224
-
225
- font-sans
226
- font-medium
227
-
228
- text-basewhite
229
-
230
- text-center
231
- leading-none
232
-
233
- cursor-pointer
234
- hover:underline
235
-
236
- transition-all
237
- outline-none
238
-
239
- active:opacity-70
240
-
241
- disabled:opacity-50
242
- disabled:cursor-not-allowed
243
- `,
244
- sizes[size],
245
- className
198
+ var svgSizes = {
199
+ ch: "uiklu-w-4 uiklu-h-4",
200
+ md: "uiklu-w-5 uiklu-h-5",
201
+ lg: "uiklu-w-6 uiklu-h-6"
202
+ };
203
+ var BackButtonRender = (props, ref) => {
204
+ const { className, size = "lg", children = "Regresar", ...rest } = props;
205
+ return /* @__PURE__ */ jsxs2(
206
+ "button",
207
+ {
208
+ ref,
209
+ className: cn(
210
+ "uiklu-inline-flex uiklu-items-center uiklu-w-fit uiklu-border-none uiklu-bg-transparent uiklu-font-sans uiklu-font-medium uiklu-text-basewhite uiklu-text-center uiklu-leading-none uiklu-cursor-pointer hover:uiklu-underline uiklu-transition-all uiklu-outline-none active:uiklu-opacity-70 disabled:uiklu-opacity-50 disabled:uiklu-cursor-not-allowed",
211
+ buttonSizes[size],
212
+ className
213
+ ),
214
+ ...rest,
215
+ children: [
216
+ /* @__PURE__ */ jsx3(
217
+ "svg",
218
+ {
219
+ xmlns: "http://www.w3.org/2000/svg",
220
+ viewBox: "0 0 24 24",
221
+ fill: "none",
222
+ className: cn("uiklu-flex-shrink-0 uiklu-block", svgSizes[size]),
223
+ style: { width: size === "ch" ? "16px" : size === "md" ? "20px" : "24px", height: "auto" },
224
+ children: /* @__PURE__ */ jsx3(
225
+ "path",
226
+ {
227
+ d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
228
+ fill: "currentColor"
229
+ }
230
+ )
231
+ }
246
232
  ),
247
- ...props,
248
- children: [
249
- /* @__PURE__ */ jsx3(
250
- "svg",
251
- {
252
- xmlns: "http://www.w3.org/2000/svg",
253
- viewBox: "0 0 24 24",
254
- fill: "none",
255
- children: /* @__PURE__ */ jsx3(
256
- "path",
257
- {
258
- d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
259
- fill: "currentColor"
260
- }
261
- )
262
- }
263
- ),
264
- /* @__PURE__ */ jsx3("span", { children })
265
- ]
266
- }
267
- );
268
- }
269
- );
233
+ /* @__PURE__ */ jsx3("span", { children })
234
+ ]
235
+ }
236
+ );
237
+ };
238
+ var BackButton = React2.forwardRef(BackButtonRender);
270
239
  BackButton.displayName = "BackButton";
271
240
  export {
272
241
  BackButton,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ui/input.tsx","../src/lib/utils.ts","../src/components/ui/button.tsx","../src/components/ui/backButton.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype InputSize = \"sm\" | \"md\" | \"lg\" | \"full\"\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n size?: InputSize\n error?: string\n}\n\nconst inputSizes: Record<InputSize, string> = {\n sm: \"h-9 px-4 text-[12px] leading-[20px]\",\n md: \"h-10 px-5 text-[14px] leading-[20px]\",\n lg: \"h-[50px] px-5 text-[16px] leading-[20px]\",\n full: \"h-[50px] w-full px-5 text-[14px] md:text-[16px] leading-[20px]\",\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", size = \"lg\", error, ...props }, ref) => {\n const [showPassword, setShowPassword] = React.useState(false)\n\n const isPassword = type === \"password\"\n const inputType = isPassword && showPassword ? \"text\" : type\n\n return (\n <div className=\"w-full\">\n <div className=\"relative w-full\">\n <input\n ref={ref}\n type={inputType}\n data-slot=\"input\"\n className={cn(\n `w-full min-w-0\n rounded-[50px]\n border border-border\n bg-background\n\n font-sans\n text-inputtext\n\n overflow-hidden\n text-ellipsis\n whitespace-nowrap\n\n transition-all\n outline-none\n\n placeholder:text-inputtext/60\n\n focus-visible:border-baseblack\n focus-visible:ring-0\n focus-visible:ring-baseblack/20\n\n disabled:cursor-not-allowed\n disabled:opacity-50\n\n aria-invalid:border-destructive\n aria-invalid:ring-0\n aria-invalid:ring-destructive/20`,\n\n !error && `\n border-border\n text-inputText\n focus-visible:border-inputText\n focus-visible:ring-0\n focus-visible:ring-inputText/20\n `,\n error && `\n border-destructive\n text-destructive\n placeholder:text-destructive/60\n focus-visible:border-destructive\n focus-visible:ring-destructive/30\n `,\n isPassword && \"pr-12\",\n inputSizes[size],\n className\n )}\n {...props}\n />\n\n {isPassword && (\n <button\n type=\"button\"\n onClick={() => setShowPassword(!showPassword)}\n className=\"\n absolute right-5 top-1/2 -translate-y-1/2\n text-muted-foreground hover:text-foreground\n \"\n >\n {showPassword ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M2 12C2 12 5.5 5 12 5C18.5 5 22 12 22 12C22 12 18.5 19 12 19C5.5 19 2 12 2 12Z\" stroke=\"#B5B6B8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#B5B6B8\" stroke-width=\"1.5\" />\n </svg>)\n :\n (<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z\" fill=\"#B5B6B8\" />\n </svg>\n )}\n </button>\n )}\n </div>\n\n {error && (\n <p className=\"mt-1 px-3 text-[12px] leading-[16px] text-destructive font-sans\">\n {error}\n </p>\n )}\n </div>\n )\n }\n)\n\nInput.displayName = \"Input\"\n\nexport { Input }","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n primary: `\n bg-primary\n text-primary-foreground\n hover:bg-primary/90\n rounded-[48px]\n `,\n secondary: `\n bg-gradient-to-r\n from-[#FBA022]\n to-[#157C70]\n text-white\n hover:opacity-90\n rounded-[48px]\n `,\n outline:\n \"border-border bg-background hover:bg-muted rounded-[48px]\",\n outlinePrimary: `\n bg-transparent\n border-2\n border-primary\n text-primary\n rounded-[48px]\n hover:bg-primary/20\n `,\n outlineSecondary: `\n bg-transparent\n border-2\n border-[hsl(var(--outlinesecondary))]\n text-[hsl(var(--outlinesecondary))]\n rounded-[48px]\n hover:bg-[hsl(var(--outlinesecondary))]/20\n `,\n outlineWhite: `\n bg-transparent\n border-2\n border-[hsl(var(--basewhite))]\n text-[hsl(var(--basewhite))]\n rounded-[48px]\n hover:bg-[hsl(var(--baseWhite))]/20\n `,\n\n },\n size: {\n sm: \"h-9 px-4 text-sm\",\n md: \"h-10 px-6 text-base\",\n lg: `\n h-[40px]\n w-[350px]\n px-[32px]\n gap-[10px]\n text-base\n rounded-[48px]\n `,\n xl: `\n h-[50px]\n w-[350px]\n px-[40px]\n gap-[10px]\n text-base\n rounded-[48px]\n `,\n full: `\n h-full\n max-h-[50px]\n min-h-[30px]\n w-full\n max-w-[500px]\n min-w-[200px]\n px-[40px]\n gap-[10px]\n text-base\n rounded-[48px]\n `,\n\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n className={cn(buttonVariants({ variant, size }), className)}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }","import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype BackButtonSize = \"ch\" | \"md\" | \"lg\"\n\ninterface BackButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n size?: BackButtonSize\n}\n\nconst sizes: Record<BackButtonSize, string> = {\n ch: \"text-[14px] gap-1 [&_svg]:w-4 [&_svg]:h-4\",\n md: \"text-[16px] gap-2 [&_svg]:w-5 [&_svg]:h-5\",\n lg: \"text-[18px] gap-2.5 [&_svg]:w-6 [&_svg]:h-6\",\n}\n\nconst BackButton = React.forwardRef<HTMLButtonElement, BackButtonProps>(\n ({ className, size = \"lg\", children = \"Regresar\", ...props }, ref) => {\n return (\n <button\n ref={ref}\n className={cn(\n `\n inline-flex \n items-center\n bg-transparent\n\n font-sans\n font-medium\n\n text-basewhite\n\n text-center \n leading-none\n\n cursor-pointer \n hover:underline \n\n transition-all\n outline-none\n\n active:opacity-70\n\n disabled:opacity-50\n disabled:cursor-not-allowed\n `,\n sizes[size],\n className\n )}\n {...props}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <path\n d=\"M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z\"\n fill=\"currentColor\"\n />\n </svg>\n\n <span>{children}</span>\n </button>\n )\n }\n)\n\nBackButton.displayName = \"BackButton\"\n\nexport { BackButton }"],"mappings":"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","names":["jsx","React","jsx","jsxs"]}
1
+ {"version":3,"sources":["../src/components/ui/input.tsx","../src/lib/utils.ts","../src/components/ui/button.tsx","../src/components/ui/backButton.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype InputSize = \"sm\" | \"md\" | \"lg\" | \"full\"\n\nexport interface InputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n size?: InputSize\n error?: string\n}\n\nconst inputSizes: Record<InputSize, string> = {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-5 uiklu-text-md\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-5 uiklu-text-lg\",\n full: \"uiklu-h-[50px] uiklu-w-full uiklu-px-5 uiklu-text-lg\",\n}\nconst iconSizes = {\n sm: { w: \"18\", h: \"14\" },\n md: { w: \"20\", h: \"16\" },\n lg: { w: \"22.5\", h: \"18\" },\n full: { w: \"22.5\", h: \"18\" },\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type = \"text\", size = \"lg\", error, ...props }, ref) => {\n const [showPassword, setShowPassword] = React.useState(false)\n\n const isPassword = type === \"password\"\n const inputType = isPassword && showPassword ? \"text\" : type\n\n return (\n <div className={cn(\n \"uiklu-flex uiklu-flex-col uiklu-gap-1.5\",\n size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\"\n )}>\n <div className={cn(\"uiklu-relative\", size === \"full\" ? \"uiklu-w-full\" : \"uiklu-w-fit\")}>\n <input\n {...props}\n ref={ref}\n type={inputType}\n className={cn(\n \"uiklu-flex uiklu-box-border uiklu-appearance-none uiklu-outline-none uiklu-transition-all\",\n \"uiklu-rounded-[50px] uiklu-border-[1px] uiklu-border-solid uiklu-bg-background uiklu-font-sans\",\n \"uiklu-overflow-hidden uiklu-text-ellipsis uiklu-placeholder:uiklu-opacity-40\",\n \"disabled:uiklu-cursor-not-allowed disabled:uiklu-opacity-50\",\n\n !error\n ? [\n \"uiklu-border-border uiklu-text-inputtext\",\n \"focus:uiklu-border-baseblack focus:uiklu-border-[1px]\"\n ]\n : [\n \"uiklu-border-destructive uiklu-text-destructive\",\n \"focus:uiklu-border-destructive focus:uiklu-border-[1px]\"\n ],\n\n isPassword && \"uiklu-pr-14\",\n inputSizes[size],\n className\n )}\n />\n {isPassword && (\n <button\n type=\"button\"\n onClick={() => setShowPassword(!showPassword)}\n className=\"uiklu-absolute uiklu-right-6 uiklu-top-0 uiklu-h-full uiklu-flex uiklu-items-center uiklu-justify-center uiklu-bg-transparent uiklu-border-none uiklu-p-0 uiklu-cursor-pointer uiklu-z-10\"\n >\n <div className=\"uiklu-flex uiklu-items-center uiklu-justify-center uiklu-opacity-70 hover:uiklu-opacity-100 uiklu-transition-opacity\">\n {showPassword ? (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={!error ? \"uiklu-stroke-inputtext\" : \"uiklu-stroke-destructive\"}\n >\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n </svg>\n ) : (\n <svg\n width={iconSizes[size].w}\n height={iconSizes[size].h}\n viewBox=\"0 3 24 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.05499 3.24557C4.98913 3.17132 4.90918 3.11089 4.81979 3.06777C4.7304 3.02465 4.63334 2.9997 4.53423 2.99437C4.43513 2.98904 4.33595 3.00343 4.24245 3.03671C4.14895 3.06999 4.06298 3.12150 3.98953 3.18825C3.91608 3.255 3.85661 3.33566 3.81457 3.42556C3.77252 3.51546 3.74874 3.61282 3.7446 3.71198C3.74045 3.81114 3.75603 3.91014 3.79043 4.00323C3.82483 4.09633 3.87737 4.18167 3.94499 4.25432L5.74874 6.23906C2.34374 8.32869 0.879366 11.5499 0.814679 11.6962C0.772035 11.7921 0.75 11.8959 0.75 12.0009C0.75 12.1058 0.772035 12.2096 0.814679 12.3056C0.847491 12.3796 1.64155 14.1403 3.40687 15.9056C5.75905 18.2568 8.72999 19.4999 12 19.4999C13.6806 19.5095 15.3442 19.1635 16.8816 18.4846L18.9441 20.7543C19.0099 20.8286 19.0899 20.8890 19.1793 20.9321C19.2686 20.9752 19.3657 21.0002 19.4648 21.0055C19.5639 21.0108 19.6631 20.9965 19.7566 20.9632C19.8501 20.9299 19.9361 20.8784 20.0095 20.8116C20.083 20.7449 20.1424 20.6642 20.1845 20.5743C20.2265 20.4844 20.2503 20.3871 20.2544 20.2879C20.2586 20.1887 20.243 20.0897 20.2086 19.9966C20.1742 19.9036 20.1217 19.8182 20.0541 19.7456L5.05499 3.24557ZM9.49218 10.3556L13.3987 14.6540C12.8105 14.9635 12.136 15.0688 11.4814 14.9535C10.8268 14.8381 10.229 14.5086 9.78189 14.0167C9.33481 13.5248 9.06377 12.8983 9.01134 12.2356C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 17.9999C9.11437 17.9999 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0604 2.34374 11.9999C2.78343 11.1759 4.18687 8.86963 6.7828 7.37057L8.4703 9.22213C7.81699 10.0589 7.48052 11.0996 7.52036 12.1604C7.56021 13.2212 7.97379 14.2338 8.68802 15.0192C9.40225 15.8045 10.3711 16.3121 11.4234 16.4522C12.4757 16.5923 13.5436 16.3558 14.4384 15.7846L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 17.9999ZM12.5625 9.05338C12.3671 9.01608 12.1944 8.90268 12.0826 8.73812C11.9708 8.57355 11.9289 8.37131 11.9662 8.17588C12.0035 7.98045 12.1169 7.80784 12.2815 7.69602C12.4461 7.58420 12.6483 7.54233 12.8437 7.57963C13.7996 7.76494 14.67 8.25430 15.325 8.97471C15.98 9.69512 16.3846 10.608 16.4784 11.5771C16.4969 11.7752 16.436 11.9725 16.3091 12.1256C16.1822 12.2787 15.9996 12.3752 15.8016 12.3937C15.7781 12.3951 15.7547 12.3951 15.7312 12.3937C15.5438 12.3945 15.3628 12.3251 15.224 12.1991C15.0852 12.0731 14.9986 11.8997 14.9812 11.7131C14.9181 11.0684 14.6486 10.4614 14.2128 9.98220C13.7771 9.50301 13.1982 9.17725 12.5625 9.05338ZM23.1825 12.3056C23.1431 12.3937 22.1934 14.4965 20.055 16.4118C19.9819 16.4793 19.8961 16.5317 19.8027 16.5657C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5810 19.2238 16.5383C19.1339 16.4956 19.0535 16.4354 18.9871 16.3612C18.9208 16.2871 18.8698 16.2005 18.8373 16.1065C18.8047 16.0125 18.7912 15.9129 18.7975 15.8136C18.8037 15.7143 18.8297 15.6173 18.8739 15.5281C18.918 15.4390 18.9795 15.3595 19.0547 15.2943C20.1038 14.3518 20.9851 13.2378 21.6609 11.9999C21.0819 10.9385 20.3518 9.96677 19.4934 9.11525C17.4066 7.049 14.8856 5.99994 12 5.99994C11.392 5.99920 10.7849 6.04843 10.185 6.14713C10.0874 6.16438 9.98741 6.16213 9.89073 6.14051C9.79404 6.11889 9.70259 6.07833 9.62167 6.02117C9.54074 5.96401 9.47195 5.89138 9.41925 5.80747C9.36656 5.72357 9.33101 5.63006 9.31466 5.53234C9.29832 5.43463 9.30149 5.33464 9.32401 5.23815C9.34652 5.14167 9.38793 5.05060 9.44584 4.97021C9.50375 4.88982 9.57702 4.82170 9.6614 4.76979C9.74579 4.71787 9.83963 4.68320 9.93749 4.66775C10.6192 4.55519 11.309 4.49906 12 4.49994C15.27 4.49994 18.2409 5.74307 20.5931 8.09525C22.3584 9.86057 23.1525 11.6221 23.1853 11.6962C23.2279 11.7921 23.25 11.8959 23.25 12.0009C23.25 12.1058 23.2279 12.2096 23.1853 12.3056H23.1825Z\"\n fill=\"currentColor\"\n className={!error ? \"uiklu-fill-inputtext\" : \"uiklu-fill-destructive\"}\n />\n </svg>\n )}\n </div>\n </button>\n )}\n </div>\n\n {error && (\n <p className=\"uiklu-mt-1 uiklu-px-4 uiklu-text-[12px] uiklu-leading-tight uiklu-text-destructive uiklu-font-sans uiklu-m-0\">\n {error}\n </p>\n )}\n </div>\n )\n }\n)\n\nInput.displayName = \"Input\"\n\nexport { Input }","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"uiklu-box-border uiklu-flex uiklu-items-center uiklu-justify-center uiklu-border-2 uiklu-font-medium uiklu-transition-all uiklu-outline-none disabled:uiklu-opacity-50\", {\n variants: {\n variant: {\n primary: `\n uiklu-bg-primary\n uiklu-text-primary-foreground\n hover:uiklu-bg-primary/90\n uiklu-rounded-[48px]\n uiklu-border-transparent\n `,\n secondary: `\n uiklu-bg-gradient-to-r\n uiklu-from-[#FBA022]\n uiklu-to-[#157C70]\n uiklu-text-white\n hover:uiklu-opacity-90\n uiklu-rounded-[48px]\n uiklu-border-transparent\n `,\n outline: \"uiklu-border-border uiklu-bg-transparent hover:uiklu-bg-muted uiklu-rounded-[48px]\",\n outlinePrimary: `\n uiklu-bg-transparent \n uiklu-border-2 \n uiklu-border-primary \n uiklu-text-primary \n uiklu-rounded-[48px]\n `,\n outlineSecondary: `\n uiklu-bg-transparent\n uiklu-border-2\n uiklu-border-outlinesecondary\n uiklu-text-outlinesecondary\n uiklu-rounded-[48px]\n hover:uiklu-bg-outlinesecondary/10\n `,\n outlineWhite: `\n uiklu-bg-transparent \n uiklu-border-2 \n uiklu-border-basewhite \n uiklu-text-basewhite \n uiklu-rounded-[48px]\n `,\n },\n size: {\n sm: \"uiklu-h-[40px] uiklu-w-[150px] uiklu-px-4 uiklu-text-sm uiklu-border\",\n md: \"uiklu-h-[40px] uiklu-w-[250px] uiklu-px-6 uiklu-text-base uiklu-border-2\",\n lg: \"uiklu-h-[50px] uiklu-w-[350px] uiklu-px-[32px] uiklu-text-base uiklu-border-2\",\n xl: \"uiklu-h-[60px] uiklu-w-[450px] uiklu-px-[40px] uiklu-text-lg uiklu-border-[3px]\",\n full: \"uiklu-w-full uiklu-h-[50px] uiklu-max-h-[60px] uiklu-px-[48px] uiklu-text-lg uiklu-font-bold uiklu-border-[3px]\",\n },\n// ...\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n}\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n className={cn(buttonVariants({ variant, size }), className)}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }","import * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\ntype BackButtonSize = \"ch\" | \"md\" | \"lg\"\n\ninterface BackButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n size?: BackButtonSize\n}\n\nconst buttonSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-text-[14px] uiklu-gap-1\",\n md: \"uiklu-text-[16px] uiklu-gap-2\",\n lg: \"uiklu-text-[18px] uiklu-gap-2.5\",\n}\n\nconst svgSizes: Record<BackButtonSize, string> = {\n ch: \"uiklu-w-4 uiklu-h-4\",\n md: \"uiklu-w-5 uiklu-h-5\",\n lg: \"uiklu-w-6 uiklu-h-6\",\n}\n\n// Cambiamos la declaración para que el parser no se confunda\nconst BackButtonRender: React.ForwardRefRenderFunction<HTMLButtonElement, BackButtonProps> = (\n props,\n ref\n) => {\n const { className, size = \"lg\", children = \"Regresar\", ...rest } = props;\n\n return (\n <button\n ref={ref}\n className={cn(\n \"uiklu-inline-flex uiklu-items-center uiklu-w-fit uiklu-border-none uiklu-bg-transparent uiklu-font-sans uiklu-font-medium uiklu-text-basewhite uiklu-text-center uiklu-leading-none uiklu-cursor-pointer hover:uiklu-underline uiklu-transition-all uiklu-outline-none active:uiklu-opacity-70 disabled:uiklu-opacity-50 disabled:uiklu-cursor-not-allowed\",\n buttonSizes[size],\n className\n )}\n {...rest}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n className={cn(\"uiklu-flex-shrink-0 uiklu-block\", svgSizes[size])}\n style={{ width: size === 'ch' ? '16px' : size === 'md' ? '20px' : '24px', height: 'auto' }}\n >\n <path\n d=\"M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span>{children}</span>\n </button>\n );\n};\n\nexport const BackButton = React.forwardRef(BackButtonRender);\n\nBackButton.displayName = \"BackButton\""],"mappings":"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","names":["jsx","React","jsx","jsxs"]}
package/package.json CHANGED
@@ -1,32 +1,39 @@
1
1
  {
2
2
  "name": "@klu_dev/ui-klu-green",
3
- "version": "1.0.11",
3
+ "version": "1.0.13",
4
4
  "description": "Librería de componentes UI",
5
5
  "type": "module",
6
+
6
7
  "main": "./dist/index.js",
7
8
  "module": "./dist/index.js",
8
9
  "types": "./dist/index.d.ts",
9
- "files": [
10
- "dist"
11
- ],
10
+
11
+ "files": ["dist"],
12
+
12
13
  "exports": {
13
14
  ".": {
14
15
  "types": "./dist/index.d.ts",
15
16
  "import": "./dist/index.js",
16
17
  "require": "./dist/index.js"
17
18
  },
18
- "./style.css": "./dist/index.css"
19
+ "./style.css": {
20
+ "import": "./dist/index.css"
21
+ }
19
22
  },
23
+
20
24
  "peerDependencies": {
21
25
  "react": "^18 || ^19",
22
26
  "react-dom": "^18 || ^19"
23
27
  },
28
+
24
29
  "scripts": {
25
- "dev": "vite",
26
- "build": "tsup",
30
+ "build": "tsup && npm run build:css",
31
+ "build:css": "postcss src/index.css -o dist/index.css",
27
32
  "storybook": "storybook dev -p 6006",
28
- "build-storybook": "storybook build"
33
+ "build-storybook": "storybook build",
34
+ "dev": "vite"
29
35
  },
36
+
30
37
  "dependencies": {
31
38
  "@fontsource-variable/geist": "^5.2.8",
32
39
  "@radix-ui/react-dialog": "^1.1.15",
@@ -39,6 +46,7 @@
39
46
  "tailwind-merge": "^3.5.0",
40
47
  "tw-animate-css": "^1.4.0"
41
48
  },
49
+
42
50
  "devDependencies": {
43
51
  "@chromatic-com/storybook": "^5.1.1",
44
52
  "@eslint/js": "^9.39.4",
@@ -52,8 +60,9 @@
52
60
  "@vitejs/plugin-react": "^6.0.1",
53
61
  "autoprefixer": "^10.4.27",
54
62
  "eslint": "^9.39.4",
55
- "postcss": "^8.5.8",
56
- "tailwindcss": "^3.4.1",
63
+ "postcss": "^8.5.9",
64
+ "postcss-cli": "^11.0.1",
65
+ "tailwindcss": "^3.4.19",
57
66
  "tsup": "^8.5.1",
58
67
  "typescript": "~6.0.2",
59
68
  "vite": "^8.0.4",