@klu_dev/ui-klu-green 1.1.4 → 1.1.6

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.
package/dist/index.css CHANGED
@@ -50,7 +50,7 @@
50
50
  --tw-contain-size: ;
51
51
  --tw-contain-layout: ;
52
52
  --tw-contain-paint: ;
53
- --tw-contain-style: ;
53
+ --tw-contain-style: ;
54
54
  }
55
55
  ::backdrop{
56
56
  --tw-border-spacing-x: 0;
@@ -103,7 +103,7 @@
103
103
  --tw-contain-size: ;
104
104
  --tw-contain-layout: ;
105
105
  --tw-contain-paint: ;
106
- --tw-contain-style: ;
106
+ --tw-contain-style: ;
107
107
  }
108
108
  :root {
109
109
  --uiklu-background: 0 0% 100%;
@@ -111,6 +111,8 @@
111
111
  --uiklu-primary: 175 77% 20%;
112
112
  --uiklu-primary-900: 173 69% 14%;
113
113
  --uiklu-primary-300: 179 39% 47%;
114
+ --uiklu-primary-light: 180 100% 99%;
115
+ --uiklu-primary-50: 184 36% 91%;
114
116
  --uiklu-primary-foreground: 0 0% 100%;
115
117
  --uiklu-secondary: 160 60% 40%;
116
118
  --uiklu-secondary-foreground: 0 0% 100%;
@@ -128,21 +130,26 @@
128
130
  --uiklu-destructive-foreground: 0 0% 100%;
129
131
  --uiklu-border: 214.3 31.8% 91.4%;
130
132
  --uiklu-inputtext: 210 1% 42%;
133
+ --uiklu-gray-900: 210 3% 12%;
134
+ --uiklu-gray-800: 210 2% 23%;
135
+ --uiklu-gray-700: 240 1% 35%;
136
+ --uiklu-gray-600: 210 1% 42%;
131
137
 
132
-
133
- --uiklu-balance-slate-900: 220 3% 12%;
134
- --uiklu-balance-slate-800: 210 2% 23%;
135
- --uiklu-balance-slate-600: 210 1% 42%;
136
- --uiklu-balance-cyan-bg: 180 43% 97%;
137
- --uiklu-balance-cyan-border: 177 39% 87%;
138
- --uiklu-balance-divider: 0 0% 92%;
139
- --uiklu-balance-brand: 177 87% 27%;
138
+ --uiklu-balance-slate-900: 220 3% 12%;
139
+ --uiklu-balance-slate-800: 210 2% 23%;
140
+ --uiklu-balance-slate-600: 210 1% 42%;
141
+ --uiklu-balance-cyan-bg: 180 43% 97%;
142
+ --uiklu-balance-cyan-border: 177 39% 87%;
143
+ --uiklu-balance-divider: 0 0% 92%;
144
+ --uiklu-balance-brand: 177 87% 27%;
140
145
  }
141
- button,
146
+ button,
142
147
  [role="button"] {
143
148
  cursor: pointer;
144
149
  }
145
- *, ::before, ::after {
150
+ *,
151
+ ::before,
152
+ ::after {
146
153
  border-width: 0;
147
154
  border-style: solid;
148
155
  }
@@ -152,933 +159,1037 @@ button,
152
159
  -moz-osx-font-smoothing: grayscale;
153
160
  }
154
161
  .uiklu-fixed{
155
- position: fixed;
162
+ position: fixed;
156
163
  }
157
164
  .uiklu-absolute{
158
- position: absolute;
165
+ position: absolute;
159
166
  }
160
167
  .uiklu-relative{
161
- position: relative;
168
+ position: relative;
162
169
  }
163
170
  .uiklu-inset-0{
164
- inset: 0px;
171
+ inset: 0px;
172
+ }
173
+ .uiklu-bottom-full{
174
+ bottom: 100%;
165
175
  }
166
176
  .uiklu-left-3{
167
- left: 0.75rem;
177
+ left: 0.75rem;
168
178
  }
169
179
  .uiklu-left-\[50\%\]{
170
- left: 50%;
180
+ left: 50%;
181
+ }
182
+ .uiklu-left-full{
183
+ left: 100%;
184
+ }
185
+ .uiklu-right-0{
186
+ right: 0px;
171
187
  }
172
188
  .uiklu-right-6{
173
- right: 1.5rem;
189
+ right: 1.5rem;
190
+ }
191
+ .uiklu-right-full{
192
+ right: 100%;
174
193
  }
175
194
  .uiklu-top-0{
176
- top: 0px;
195
+ top: 0px;
196
+ }
197
+ .uiklu-top-1\/2{
198
+ top: 50%;
177
199
  }
178
200
  .uiklu-top-\[50\%\]{
179
- top: 50%;
201
+ top: 50%;
180
202
  }
181
203
  .uiklu-z-10{
182
- z-index: 10;
204
+ z-index: 10;
183
205
  }
184
206
  .uiklu-z-50{
185
- z-index: 50;
207
+ z-index: 50;
208
+ }
209
+ .uiklu-z-\[100\]{
210
+ z-index: 100;
186
211
  }
187
212
  .uiklu-m-0{
188
- margin: 0px;
213
+ margin: 0px;
214
+ }
215
+ .uiklu-mb-1{
216
+ margin-bottom: 0.25rem;
189
217
  }
190
218
  .uiklu-mb-2{
191
- margin-bottom: 0.5rem;
219
+ margin-bottom: 0.5rem;
192
220
  }
193
221
  .uiklu-mb-3{
194
- margin-bottom: 0.75rem;
222
+ margin-bottom: 0.75rem;
195
223
  }
196
- .uiklu-mb-8{
197
- margin-bottom: 2rem;
224
+ .uiklu-mb-6{
225
+ margin-bottom: 1.5rem;
198
226
  }
199
- .uiklu-ml-1{
200
- margin-left: 0.25rem;
227
+ .uiklu-mb-\[8px\]{
228
+ margin-bottom: 8px;
201
229
  }
202
230
  .uiklu-ml-2{
203
- margin-left: 0.5rem;
231
+ margin-left: 0.5rem;
232
+ }
233
+ .uiklu-ml-\[3px\]{
234
+ margin-left: 3px;
204
235
  }
205
236
  .uiklu-mt-1{
206
- margin-top: 0.25rem;
237
+ margin-top: 0.25rem;
207
238
  }
208
239
  .uiklu-mt-3{
209
- margin-top: 0.75rem;
240
+ margin-top: 0.75rem;
210
241
  }
211
242
  .uiklu-mt-8{
212
- margin-top: 2rem;
243
+ margin-top: 2rem;
213
244
  }
214
245
  .uiklu-box-border{
215
- box-sizing: border-box;
246
+ box-sizing: border-box;
216
247
  }
217
248
  .uiklu-block{
218
- display: block;
249
+ display: block;
219
250
  }
220
251
  .uiklu-flex{
221
- display: flex;
252
+ display: flex;
222
253
  }
223
254
  .uiklu-inline-flex{
224
- display: inline-flex;
255
+ display: inline-flex;
225
256
  }
226
257
  .uiklu-grid{
227
- display: grid;
258
+ display: grid;
228
259
  }
229
260
  .uiklu-h-12{
230
- height: 3rem;
261
+ height: 3rem;
231
262
  }
232
263
  .uiklu-h-2{
233
- height: 0.5rem;
264
+ height: 0.5rem;
234
265
  }
235
266
  .uiklu-h-3\.5{
236
- height: 0.875rem;
267
+ height: 0.875rem;
237
268
  }
238
269
  .uiklu-h-4{
239
- height: 1rem;
270
+ height: 1rem;
240
271
  }
241
272
  .uiklu-h-5{
242
- height: 1.25rem;
273
+ height: 1.25rem;
243
274
  }
244
275
  .uiklu-h-6{
245
- height: 1.5rem;
246
- }
247
- .uiklu-h-7{
248
- height: 1.75rem;
276
+ height: 1.5rem;
249
277
  }
250
278
  .uiklu-h-8{
251
- height: 2rem;
279
+ height: 2rem;
252
280
  }
253
281
  .uiklu-h-\[100px\]{
254
- height: 100px;
255
- }
256
- .uiklu-h-\[10px\]{
257
- height: 10px;
282
+ height: 100px;
258
283
  }
259
284
  .uiklu-h-\[1px\]{
260
- height: 1px;
285
+ height: 1px;
261
286
  }
262
287
  .uiklu-h-\[40px\]{
263
- height: 40px;
288
+ height: 40px;
264
289
  }
265
290
  .uiklu-h-\[50px\]{
266
- height: 50px;
291
+ height: 50px;
267
292
  }
268
293
  .uiklu-h-\[60px\]{
269
- height: 60px;
294
+ height: 60px;
295
+ }
296
+ .uiklu-h-\[6px\]{
297
+ height: 6px;
270
298
  }
271
299
  .uiklu-h-full{
272
- height: 100%;
300
+ height: 100%;
273
301
  }
274
302
  .uiklu-max-h-96{
275
- max-height: 24rem;
303
+ max-height: 24rem;
276
304
  }
277
305
  .uiklu-max-h-\[60px\]{
278
- max-height: 60px;
306
+ max-height: 60px;
279
307
  }
280
308
  .uiklu-min-h-\[400px\]{
281
- min-height: 400px;
309
+ min-height: 400px;
282
310
  }
283
311
  .uiklu-min-h-\[500px\]{
284
- min-height: 500px;
312
+ min-height: 500px;
285
313
  }
286
314
  .uiklu-min-h-screen{
287
- min-height: 100vh;
315
+ min-height: 100vh;
288
316
  }
289
317
  .uiklu-w-3\.5{
290
- width: 0.875rem;
318
+ width: 0.875rem;
291
319
  }
292
320
  .uiklu-w-4{
293
- width: 1rem;
321
+ width: 1rem;
294
322
  }
295
323
  .uiklu-w-5{
296
- width: 1.25rem;
324
+ width: 1.25rem;
297
325
  }
298
326
  .uiklu-w-6{
299
- width: 1.5rem;
300
- }
301
- .uiklu-w-7{
302
- width: 1.75rem;
327
+ width: 1.5rem;
303
328
  }
304
329
  .uiklu-w-8{
305
- width: 2rem;
330
+ width: 2rem;
306
331
  }
307
332
  .uiklu-w-\[150px\]{
308
- width: 150px;
333
+ width: 150px;
334
+ }
335
+ .uiklu-w-\[1px\]{
336
+ width: 1px;
309
337
  }
310
338
  .uiklu-w-\[250px\]{
311
- width: 250px;
339
+ width: 250px;
312
340
  }
313
341
  .uiklu-w-\[350px\]{
314
- width: 350px;
342
+ width: 350px;
315
343
  }
316
344
  .uiklu-w-\[450px\]{
317
- width: 450px;
345
+ width: 450px;
318
346
  }
319
347
  .uiklu-w-\[550px\]{
320
- width: 550px;
348
+ width: 550px;
321
349
  }
322
350
  .uiklu-w-\[600px\]{
323
- width: 600px;
351
+ width: 600px;
324
352
  }
325
353
  .uiklu-w-\[var\(--radix-select-trigger-width\)\]{
326
- width: var(--radix-select-trigger-width);
354
+ width: var(--radix-select-trigger-width);
327
355
  }
328
356
  .uiklu-w-fit{
329
357
  width: -moz-fit-content;
330
- width: fit-content;
358
+ width: fit-content;
331
359
  }
332
360
  .uiklu-w-full{
333
- width: 100%;
361
+ width: 100%;
362
+ }
363
+ .uiklu-min-w-0{
364
+ min-width: 0px;
334
365
  }
335
366
  .uiklu-min-w-\[150px\]{
336
- min-width: 150px;
367
+ min-width: 150px;
337
368
  }
338
- .uiklu-min-w-\[180px\]{
339
- min-width: 180px;
369
+ .uiklu-min-w-\[187px\]{
370
+ min-width: 187px;
340
371
  }
341
372
  .uiklu-min-w-\[250px\]{
342
- min-width: 250px;
373
+ min-width: 250px;
343
374
  }
344
375
  .uiklu-min-w-\[350px\]{
345
- min-width: 350px;
376
+ min-width: 350px;
346
377
  }
347
378
  .uiklu-min-w-\[var\(--radix-select-trigger-width\)\]{
348
- min-width: var(--radix-select-trigger-width);
379
+ min-width: var(--radix-select-trigger-width);
349
380
  }
350
- .uiklu-max-w-\[1000px\]{
351
- max-width: 1000px;
381
+ .uiklu-max-w-\[187px\]{
382
+ max-width: 187px;
352
383
  }
353
384
  .uiklu-max-w-\[450px\]{
354
- max-width: 450px;
385
+ max-width: 450px;
355
386
  }
356
387
  .uiklu-max-w-\[600px\]{
357
- max-width: 600px;
388
+ max-width: 600px;
358
389
  }
359
390
  .uiklu-max-w-lg{
360
- max-width: 32rem;
391
+ max-width: 32rem;
361
392
  }
362
393
  .uiklu-flex-1{
363
- flex: 1 1 0%;
394
+ flex: 1 1 0%;
364
395
  }
365
396
  .uiklu-flex-shrink-0{
366
- flex-shrink: 0;
397
+ flex-shrink: 0;
367
398
  }
368
399
  .uiklu-shrink-0{
369
- flex-shrink: 0;
400
+ flex-shrink: 0;
401
+ }
402
+ .uiklu--translate-y-1\/2{
403
+ --tw-translate-y: -50%;
404
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
370
405
  }
371
406
  .uiklu-translate-x-\[-50\%\]{
372
407
  --tw-translate-x: -50%;
373
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
408
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
374
409
  }
375
410
  .uiklu-translate-y-1{
376
411
  --tw-translate-y: 0.25rem;
377
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
412
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
378
413
  }
379
414
  .uiklu-translate-y-\[-50\%\]{
380
415
  --tw-translate-y: -50%;
381
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
416
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
417
+ }
418
+ .uiklu-cursor-default{
419
+ cursor: default;
382
420
  }
383
421
  .uiklu-cursor-pointer{
384
- cursor: pointer;
422
+ cursor: pointer;
385
423
  }
386
424
  .uiklu-select-none{
387
425
  -webkit-user-select: none;
388
426
  -moz-user-select: none;
389
- user-select: none;
427
+ user-select: none;
390
428
  }
391
429
  .uiklu-appearance-none{
392
430
  -webkit-appearance: none;
393
431
  -moz-appearance: none;
394
- appearance: none;
432
+ appearance: none;
395
433
  }
396
- .uiklu-grid-cols-2{
397
- grid-template-columns: repeat(2, minmax(0, 1fr));
434
+ .uiklu-grid-cols-1{
435
+ grid-template-columns: repeat(1, minmax(0, 1fr));
398
436
  }
399
437
  .uiklu-flex-row{
400
- flex-direction: row;
438
+ flex-direction: row;
401
439
  }
402
440
  .uiklu-flex-row-reverse{
403
- flex-direction: row-reverse;
441
+ flex-direction: row-reverse;
404
442
  }
405
443
  .uiklu-flex-col{
406
- flex-direction: column;
444
+ flex-direction: column;
407
445
  }
408
446
  .uiklu-flex-col-reverse{
409
- flex-direction: column-reverse;
447
+ flex-direction: column-reverse;
410
448
  }
411
449
  .uiklu-flex-wrap{
412
- flex-wrap: wrap;
450
+ flex-wrap: wrap;
413
451
  }
414
452
  .uiklu-items-start{
415
- align-items: flex-start;
453
+ align-items: flex-start;
416
454
  }
417
455
  .uiklu-items-center{
418
- align-items: center;
456
+ align-items: center;
419
457
  }
420
458
  .uiklu-justify-center{
421
- justify-content: center;
459
+ justify-content: center;
422
460
  }
423
461
  .uiklu-justify-between{
424
- justify-content: space-between;
462
+ justify-content: space-between;
425
463
  }
426
464
  .uiklu-gap-1{
427
- gap: 0.25rem;
465
+ gap: 0.25rem;
428
466
  }
429
467
  .uiklu-gap-1\.5{
430
- gap: 0.375rem;
468
+ gap: 0.375rem;
431
469
  }
432
470
  .uiklu-gap-10{
433
- gap: 2.5rem;
471
+ gap: 2.5rem;
434
472
  }
435
473
  .uiklu-gap-2{
436
- gap: 0.5rem;
474
+ gap: 0.5rem;
437
475
  }
438
476
  .uiklu-gap-2\.5{
439
- gap: 0.625rem;
477
+ gap: 0.625rem;
440
478
  }
441
479
  .uiklu-gap-3{
442
- gap: 0.75rem;
480
+ gap: 0.75rem;
443
481
  }
444
482
  .uiklu-gap-4{
445
- gap: 1rem;
483
+ gap: 1rem;
446
484
  }
447
485
  .uiklu-gap-6{
448
- gap: 1.5rem;
486
+ gap: 1.5rem;
449
487
  }
450
488
  .uiklu-gap-8{
451
- gap: 2rem;
452
- }
453
- .uiklu-gap-x-2{
454
- -moz-column-gap: 0.5rem;
455
- column-gap: 0.5rem;
489
+ gap: 2rem;
456
490
  }
457
- .uiklu-gap-y-1{
458
- row-gap: 0.25rem;
491
+ .uiklu-gap-x-1\.5{
492
+ -moz-column-gap: 0.375rem;
493
+ column-gap: 0.375rem;
459
494
  }
460
- .uiklu-gap-y-2{
461
- row-gap: 0.5rem;
495
+ .uiklu-gap-y-1\.5{
496
+ row-gap: 0.375rem;
462
497
  }
463
498
  .uiklu-space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
464
499
  --tw-space-y-reverse: 0;
465
500
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
466
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
501
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
467
502
  }
468
503
  .uiklu-space-y-2 > :not([hidden]) ~ :not([hidden]){
469
504
  --tw-space-y-reverse: 0;
470
505
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
471
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
472
- }
473
- .uiklu-space-y-3 > :not([hidden]) ~ :not([hidden]){
474
- --tw-space-y-reverse: 0;
475
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
476
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
477
- }
478
- .uiklu-space-y-4 > :not([hidden]) ~ :not([hidden]){
479
- --tw-space-y-reverse: 0;
480
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
481
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
506
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
482
507
  }
483
508
  .uiklu-space-y-6 > :not([hidden]) ~ :not([hidden]){
484
509
  --tw-space-y-reverse: 0;
485
510
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
486
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
511
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
487
512
  }
488
513
  .uiklu-overflow-hidden{
489
- overflow: hidden;
514
+ overflow: hidden;
490
515
  }
491
516
  .uiklu-truncate{
492
517
  overflow: hidden;
493
518
  text-overflow: ellipsis;
494
- white-space: nowrap;
519
+ white-space: nowrap;
495
520
  }
496
521
  .uiklu-text-ellipsis{
497
- text-overflow: ellipsis;
522
+ text-overflow: ellipsis;
523
+ }
524
+ .uiklu-whitespace-nowrap{
525
+ white-space: nowrap;
498
526
  }
499
527
  .uiklu-rounded{
500
- border-radius: 0.25rem;
528
+ border-radius: 0.25rem;
501
529
  }
502
530
  .uiklu-rounded-2xl{
503
- border-radius: 1rem;
531
+ border-radius: 1rem;
532
+ }
533
+ .uiklu-rounded-\[10px\]{
534
+ border-radius: 10px;
504
535
  }
505
536
  .uiklu-rounded-\[12px\]{
506
- border-radius: 12px;
537
+ border-radius: 12px;
538
+ }
539
+ .uiklu-rounded-\[16px\]{
540
+ border-radius: 16px;
507
541
  }
508
542
  .uiklu-rounded-\[20px\]{
509
- border-radius: 20px;
543
+ border-radius: 20px;
510
544
  }
511
545
  .uiklu-rounded-\[24px\]{
512
- border-radius: 24px;
546
+ border-radius: 24px;
513
547
  }
514
548
  .uiklu-rounded-\[48px\]{
515
- border-radius: 48px;
549
+ border-radius: 48px;
516
550
  }
517
551
  .uiklu-rounded-\[50px\]{
518
- border-radius: 50px;
552
+ border-radius: 50px;
519
553
  }
520
554
  .uiklu-rounded-full{
521
- border-radius: 9999px;
555
+ border-radius: 9999px;
522
556
  }
523
557
  .uiklu-rounded-lg{
524
- border-radius: 0.5rem;
558
+ border-radius: 0.5rem;
525
559
  }
526
560
  .uiklu-rounded-md{
527
- border-radius: 0.375rem;
561
+ border-radius: 0.375rem;
528
562
  }
529
563
  .uiklu-rounded-none{
530
- border-radius: 0px;
564
+ border-radius: 0px;
531
565
  }
532
566
  .uiklu-rounded-xl{
533
- border-radius: 0.75rem;
567
+ border-radius: 0.75rem;
534
568
  }
535
569
  .uiklu-border{
536
- border-width: 1px;
570
+ border-width: 1px;
537
571
  }
538
572
  .uiklu-border-2{
539
- border-width: 2px;
573
+ border-width: 2px;
540
574
  }
541
- .uiklu-border-\[1px\]{
542
- border-width: 1px;
575
+ .uiklu-border-4{
576
+ border-width: 4px;
543
577
  }
544
- .uiklu-border-r{
545
- border-right-width: 1px;
578
+ .uiklu-border-\[1px\]{
579
+ border-width: 1px;
546
580
  }
547
581
  .uiklu-border-solid{
548
- border-style: solid;
582
+ border-style: solid;
549
583
  }
550
584
  .uiklu-border-dashed{
551
- border-style: dashed;
585
+ border-style: dashed;
552
586
  }
553
587
  .uiklu-border-none{
554
- border-style: none;
555
- }
556
- .uiklu-border-balance-cyan-border{
557
- --tw-border-opacity: 1;
558
- border-color: hsl(var(--uiklu-balance-cyan-border) / var(--tw-border-opacity, 1));
588
+ border-style: none;
559
589
  }
560
590
  .uiklu-border-balance-divider{
561
591
  --tw-border-opacity: 1;
562
- border-color: hsl(var(--uiklu-balance-divider) / var(--tw-border-opacity, 1));
592
+ border-color: hsl(var(--uiklu-balance-divider) / var(--tw-border-opacity, 1));
563
593
  }
564
594
  .uiklu-border-basewhite{
565
595
  --tw-border-opacity: 1;
566
- border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
596
+ border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
567
597
  }
568
598
  .uiklu-border-border{
569
599
  --tw-border-opacity: 1;
570
- border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
600
+ border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
571
601
  }
572
602
  .uiklu-border-destructive{
573
603
  --tw-border-opacity: 1;
574
- border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
604
+ border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
575
605
  }
576
606
  .uiklu-border-gray-200{
577
607
  --tw-border-opacity: 1;
578
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
608
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
579
609
  }
580
610
  .uiklu-border-gray-300{
581
611
  --tw-border-opacity: 1;
582
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
612
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
583
613
  }
584
614
  .uiklu-border-outlinesecondary{
585
615
  --tw-border-opacity: 1;
586
- border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
616
+ border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
587
617
  }
588
- .uiklu-border-primary{
618
+ .uiklu-border-primary50{
589
619
  --tw-border-opacity: 1;
590
- border-color: hsl(var(--uiklu-primary) / var(--tw-border-opacity, 1));
620
+ border-color: hsl(var(--uiklu-primary-50) / var(--tw-border-opacity, 1));
621
+ }
622
+ .uiklu-border-primary900{
623
+ --tw-border-opacity: 1;
624
+ border-color: hsl(var(--uiklu-primary-900) / var(--tw-border-opacity, 1));
591
625
  }
592
626
  .uiklu-border-transparent{
593
- border-color: transparent;
627
+ border-color: transparent;
594
628
  }
595
629
  .uiklu-border-white{
596
630
  --tw-border-opacity: 1;
597
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
631
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
632
+ }
633
+ .uiklu-border-r-gray900{
634
+ --tw-border-opacity: 1;
635
+ border-right-color: hsl(var(--uiklu-gray-900) / var(--tw-border-opacity, 1));
598
636
  }
599
637
  .uiklu-bg-\[\#050a0a\]{
600
638
  --tw-bg-opacity: 1;
601
- background-color: rgb(5 10 10 / var(--tw-bg-opacity, 1));
639
+ background-color: rgb(5 10 10 / var(--tw-bg-opacity, 1));
602
640
  }
603
641
  .uiklu-bg-\[\#E5F3F3\]{
604
642
  --tw-bg-opacity: 1;
605
- background-color: rgb(229 243 243 / var(--tw-bg-opacity, 1));
643
+ background-color: rgb(229 243 243 / var(--tw-bg-opacity, 1));
606
644
  }
607
645
  .uiklu-bg-background{
608
646
  --tw-bg-opacity: 1;
609
- background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
647
+ background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
610
648
  }
611
649
  .uiklu-bg-balance-brand{
612
650
  --tw-bg-opacity: 1;
613
- background-color: hsl(var(--uiklu-balance-brand) / var(--tw-bg-opacity, 1));
614
- }
615
- .uiklu-bg-balance-cyan-bg{
616
- --tw-bg-opacity: 1;
617
- background-color: hsl(var(--uiklu-balance-cyan-bg) / var(--tw-bg-opacity, 1));
651
+ background-color: hsl(var(--uiklu-balance-brand) / var(--tw-bg-opacity, 1));
618
652
  }
619
653
  .uiklu-bg-balance-divider{
620
654
  --tw-bg-opacity: 1;
621
- background-color: hsl(var(--uiklu-balance-divider) / var(--tw-bg-opacity, 1));
655
+ background-color: hsl(var(--uiklu-balance-divider) / var(--tw-bg-opacity, 1));
622
656
  }
623
657
  .uiklu-bg-basewhite{
624
658
  --tw-bg-opacity: 1;
625
- background-color: hsl(var(--uiklu-basewhite) / var(--tw-bg-opacity, 1));
659
+ background-color: hsl(var(--uiklu-basewhite) / var(--tw-bg-opacity, 1));
626
660
  }
627
661
  .uiklu-bg-black{
628
662
  --tw-bg-opacity: 1;
629
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
663
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
630
664
  }
631
665
  .uiklu-bg-black\/40{
632
- background-color: rgb(0 0 0 / 0.4);
666
+ background-color: rgb(0 0 0 / 0.4);
633
667
  }
634
668
  .uiklu-bg-destructive{
635
669
  --tw-bg-opacity: 1;
636
- background-color: hsl(var(--uiklu-destructive) / var(--tw-bg-opacity, 1));
670
+ background-color: hsl(var(--uiklu-destructive) / var(--tw-bg-opacity, 1));
637
671
  }
638
672
  .uiklu-bg-gray-200{
639
673
  --tw-bg-opacity: 1;
640
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
674
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
675
+ }
676
+ .uiklu-bg-gray900{
677
+ --tw-bg-opacity: 1;
678
+ background-color: hsl(var(--uiklu-gray-900) / var(--tw-bg-opacity, 1));
641
679
  }
642
680
  .uiklu-bg-green-100{
643
681
  --tw-bg-opacity: 1;
644
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
682
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
645
683
  }
646
684
  .uiklu-bg-primary{
647
685
  --tw-bg-opacity: 1;
648
- background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
686
+ background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
649
687
  }
650
688
  .uiklu-bg-primary300{
651
689
  --tw-bg-opacity: 1;
652
- background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
690
+ background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
691
+ }
692
+ .uiklu-bg-primary50{
693
+ --tw-bg-opacity: 1;
694
+ background-color: hsl(var(--uiklu-primary-50) / var(--tw-bg-opacity, 1));
695
+ }
696
+ .uiklu-bg-primary900{
697
+ --tw-bg-opacity: 1;
698
+ background-color: hsl(var(--uiklu-primary-900) / var(--tw-bg-opacity, 1));
699
+ }
700
+ .uiklu-bg-primarylight{
701
+ --tw-bg-opacity: 1;
702
+ background-color: hsl(var(--uiklu-primary-light) / var(--tw-bg-opacity, 1));
653
703
  }
654
704
  .uiklu-bg-slate-50{
655
705
  --tw-bg-opacity: 1;
656
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
706
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
657
707
  }
658
708
  .uiklu-bg-slate-900{
659
709
  --tw-bg-opacity: 1;
660
- background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
710
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
661
711
  }
662
712
  .uiklu-bg-transparent{
663
- background-color: transparent;
713
+ background-color: transparent;
664
714
  }
665
715
  .uiklu-bg-white{
666
716
  --tw-bg-opacity: 1;
667
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
717
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
668
718
  }
669
719
  .uiklu-bg-gradient-to-r{
670
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
720
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
671
721
  }
672
722
  .uiklu-from-\[\#FBA022\]{
673
723
  --tw-gradient-from: #FBA022 var(--tw-gradient-from-position);
674
724
  --tw-gradient-to: rgb(251 160 34 / 0) var(--tw-gradient-to-position);
675
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
725
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
676
726
  }
677
727
  .uiklu-to-\[\#157C70\]{
678
- --tw-gradient-to: #157C70 var(--tw-gradient-to-position);
728
+ --tw-gradient-to: #157C70 var(--tw-gradient-to-position);
679
729
  }
680
730
  .uiklu-bg-origin-border{
681
- background-origin: border-box;
731
+ background-origin: border-box;
682
732
  }
683
733
  .uiklu-fill-destructive{
684
- fill: hsl(var(--uiklu-destructive) / 1);
734
+ fill: hsl(var(--uiklu-destructive) / 1);
685
735
  }
686
736
  .uiklu-fill-inputtext{
687
- fill: hsl(var(--uiklu-inputtext));
737
+ fill: hsl(var(--uiklu-inputtext));
688
738
  }
689
739
  .uiklu-stroke-destructive{
690
- stroke: hsl(var(--uiklu-destructive) / 1);
740
+ stroke: hsl(var(--uiklu-destructive) / 1);
691
741
  }
692
742
  .uiklu-stroke-inputtext{
693
- stroke: hsl(var(--uiklu-inputtext));
743
+ stroke: hsl(var(--uiklu-inputtext));
694
744
  }
695
745
  .uiklu-p-0{
696
- padding: 0px;
746
+ padding: 0px;
697
747
  }
698
748
  .uiklu-p-1{
699
- padding: 0.25rem;
749
+ padding: 0.25rem;
700
750
  }
701
751
  .uiklu-p-10{
702
- padding: 2.5rem;
752
+ padding: 2.5rem;
753
+ }
754
+ .uiklu-p-2\.5{
755
+ padding: 0.625rem;
703
756
  }
704
757
  .uiklu-p-20{
705
- padding: 5rem;
758
+ padding: 5rem;
706
759
  }
707
760
  .uiklu-p-4{
708
- padding: 1rem;
761
+ padding: 1rem;
709
762
  }
710
763
  .uiklu-p-6{
711
- padding: 1.5rem;
764
+ padding: 1.5rem;
712
765
  }
713
766
  .uiklu-p-8{
714
- padding: 2rem;
767
+ padding: 2rem;
768
+ }
769
+ .uiklu-p-\[6px\]{
770
+ padding: 6px;
715
771
  }
716
772
  .uiklu-px-2{
717
773
  padding-left: 0.5rem;
718
- padding-right: 0.5rem;
774
+ padding-right: 0.5rem;
719
775
  }
720
776
  .uiklu-px-3{
721
777
  padding-left: 0.75rem;
722
- padding-right: 0.75rem;
778
+ padding-right: 0.75rem;
723
779
  }
724
780
  .uiklu-px-4{
725
781
  padding-left: 1rem;
726
- padding-right: 1rem;
782
+ padding-right: 1rem;
727
783
  }
728
784
  .uiklu-px-5{
729
785
  padding-left: 1.25rem;
730
- padding-right: 1.25rem;
786
+ padding-right: 1.25rem;
731
787
  }
732
788
  .uiklu-px-6{
733
789
  padding-left: 1.5rem;
734
- padding-right: 1.5rem;
790
+ padding-right: 1.5rem;
735
791
  }
736
792
  .uiklu-px-\[32px\]{
737
793
  padding-left: 32px;
738
- padding-right: 32px;
794
+ padding-right: 32px;
739
795
  }
740
796
  .uiklu-px-\[40px\]{
741
797
  padding-left: 40px;
742
- padding-right: 40px;
798
+ padding-right: 40px;
743
799
  }
744
800
  .uiklu-px-\[48px\]{
745
801
  padding-left: 48px;
746
- padding-right: 48px;
802
+ padding-right: 48px;
747
803
  }
748
804
  .uiklu-py-1{
749
805
  padding-top: 0.25rem;
750
- padding-bottom: 0.25rem;
806
+ padding-bottom: 0.25rem;
807
+ }
808
+ .uiklu-py-1\.5{
809
+ padding-top: 0.375rem;
810
+ padding-bottom: 0.375rem;
751
811
  }
752
812
  .uiklu-py-2{
753
813
  padding-top: 0.5rem;
754
- padding-bottom: 0.5rem;
814
+ padding-bottom: 0.5rem;
755
815
  }
756
816
  .uiklu-py-2\.5{
757
817
  padding-top: 0.625rem;
758
- padding-bottom: 0.625rem;
818
+ padding-bottom: 0.625rem;
759
819
  }
760
820
  .uiklu-pl-10{
761
- padding-left: 2.5rem;
821
+ padding-left: 2.5rem;
762
822
  }
763
- .uiklu-pl-4{
764
- padding-left: 1rem;
823
+ .uiklu-pl-3{
824
+ padding-left: 0.75rem;
765
825
  }
766
826
  .uiklu-pr-14{
767
- padding-right: 3.5rem;
827
+ padding-right: 3.5rem;
828
+ }
829
+ .uiklu-pr-3{
830
+ padding-right: 0.75rem;
768
831
  }
769
832
  .uiklu-pr-4{
770
- padding-right: 1rem;
833
+ padding-right: 1rem;
834
+ }
835
+ .uiklu-pt-4{
836
+ padding-top: 1rem;
771
837
  }
772
838
  .uiklu-text-left{
773
- text-align: left;
839
+ text-align: left;
774
840
  }
775
841
  .uiklu-text-center{
776
- text-align: center;
842
+ text-align: center;
777
843
  }
778
844
  .uiklu-text-right{
779
- text-align: right;
845
+ text-align: right;
780
846
  }
781
847
  .uiklu-text-justify{
782
- text-align: justify;
848
+ text-align: justify;
783
849
  }
784
850
  .uiklu-font-mono{
785
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
851
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
786
852
  }
787
853
  .uiklu-font-sans{
788
- font-family: 'Google Sans Flex', sans-serif;
854
+ font-family: 'Google Sans Flex', sans-serif;
789
855
  }
790
856
  .uiklu-text-\[10px\]{
791
- font-size: 10px;
857
+ font-size: 10px;
792
858
  }
793
859
  .uiklu-text-\[11px\]{
794
- font-size: 11px;
860
+ font-size: 11px;
795
861
  }
796
862
  .uiklu-text-\[12px\]{
797
- font-size: 12px;
863
+ font-size: 12px;
798
864
  }
799
865
  .uiklu-text-\[14px\]{
800
- font-size: 14px;
866
+ font-size: 14px;
801
867
  }
802
868
  .uiklu-text-\[16px\]{
803
- font-size: 16px;
869
+ font-size: 16px;
804
870
  }
805
871
  .uiklu-text-\[18px\]{
806
- font-size: 18px;
872
+ font-size: 18px;
873
+ }
874
+ .uiklu-text-\[19px\]{
875
+ font-size: 19px;
807
876
  }
808
877
  .uiklu-text-\[20px\]{
809
- font-size: 20px;
878
+ font-size: 20px;
810
879
  }
811
880
  .uiklu-text-\[24px\]{
812
- font-size: 24px;
881
+ font-size: 24px;
813
882
  }
814
883
  .uiklu-text-\[32px\]{
815
- font-size: 32px;
884
+ font-size: 32px;
885
+ }
886
+ .uiklu-text-\[8px\]{
887
+ font-size: 8px;
816
888
  }
817
889
  .uiklu-text-base{
818
890
  font-size: 1rem;
819
- line-height: 1.5rem;
891
+ line-height: 1.5rem;
820
892
  }
821
893
  .uiklu-text-lg{
822
- font-size: 18px;
823
- line-height: 16px;
894
+ font-size: 12px;
895
+ line-height: 20px;
824
896
  }
825
897
  .uiklu-text-md{
826
- font-size: 16px;
827
- line-height: 12px;
898
+ font-size: 11px;
899
+ line-height: 18px;
828
900
  }
829
901
  .uiklu-text-sm{
830
- font-size: 14px;
831
- line-height: 10px;
902
+ font-size: 10px;
903
+ line-height: 16px;
832
904
  }
833
905
  .uiklu-text-xs{
834
906
  font-size: 0.75rem;
835
- line-height: 1rem;
907
+ line-height: 1rem;
836
908
  }
837
909
  .uiklu-font-bold{
838
- font-weight: 700;
910
+ font-weight: 700;
839
911
  }
840
912
  .uiklu-font-medium{
841
- font-weight: 500;
913
+ font-weight: 500;
842
914
  }
843
915
  .uiklu-font-normal{
844
- font-weight: 400;
916
+ font-weight: 400;
845
917
  }
846
918
  .uiklu-font-semibold{
847
- font-weight: 600;
919
+ font-weight: 600;
848
920
  }
849
921
  .uiklu-uppercase{
850
- text-transform: uppercase;
851
- }
852
- .uiklu-leading-6{
853
- line-height: 1.5rem;
854
- }
855
- .uiklu-leading-\[14px\]{
856
- line-height: 14px;
857
- }
858
- .uiklu-leading-\[22px\]{
859
- line-height: 22px;
922
+ text-transform: uppercase;
860
923
  }
861
924
  .uiklu-leading-none{
862
- line-height: 1;
925
+ line-height: 1;
863
926
  }
864
927
  .uiklu-leading-normal{
865
- line-height: 1.5;
928
+ line-height: 1.5;
866
929
  }
867
930
  .uiklu-leading-relaxed{
868
- line-height: 1.625;
931
+ line-height: 1.625;
869
932
  }
870
933
  .uiklu-leading-snug{
871
- line-height: 1.375;
934
+ line-height: 1.375;
872
935
  }
873
936
  .uiklu-leading-tight{
874
- line-height: 1.25;
937
+ line-height: 1.25;
875
938
  }
876
939
  .uiklu-tracking-tight{
877
- letter-spacing: -0.025em;
940
+ letter-spacing: -0.025em;
878
941
  }
879
942
  .uiklu-tracking-wider{
880
- letter-spacing: 0.05em;
943
+ letter-spacing: 0.05em;
881
944
  }
882
- .uiklu-text-balance-slate-600{
883
- --tw-text-opacity: 1;
884
- color: hsl(var(--uiklu-balance-slate-600) / var(--tw-text-opacity, 1));
945
+ .\!uiklu-text-destructive{
946
+ --tw-text-opacity: 1 !important;
947
+ color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
885
948
  }
886
- .uiklu-text-balance-slate-800{
887
- --tw-text-opacity: 1;
888
- color: hsl(var(--uiklu-balance-slate-800) / var(--tw-text-opacity, 1));
889
- }
890
- .uiklu-text-balance-slate-900{
949
+ .uiklu-text-balance-slate-600{
891
950
  --tw-text-opacity: 1;
892
- color: hsl(var(--uiklu-balance-slate-900) / var(--tw-text-opacity, 1));
951
+ color: hsl(var(--uiklu-balance-slate-600) / var(--tw-text-opacity, 1));
893
952
  }
894
953
  .uiklu-text-basewhite{
895
954
  --tw-text-opacity: 1;
896
- color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
955
+ color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
897
956
  }
898
957
  .uiklu-text-black{
899
958
  --tw-text-opacity: 1;
900
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
959
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
901
960
  }
902
961
  .uiklu-text-destructive{
903
962
  --tw-text-opacity: 1;
904
- color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
963
+ color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
905
964
  }
906
965
  .uiklu-text-gray-400{
907
966
  --tw-text-opacity: 1;
908
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
967
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
909
968
  }
910
969
  .uiklu-text-gray-500{
911
970
  --tw-text-opacity: 1;
912
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
971
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
913
972
  }
914
973
  .uiklu-text-gray-600{
915
974
  --tw-text-opacity: 1;
916
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
975
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
976
+ }
977
+ .uiklu-text-gray600{
978
+ --tw-text-opacity: 1;
979
+ color: hsl(var(--uiklu-gray-600) / var(--tw-text-opacity, 1));
980
+ }
981
+ .uiklu-text-gray700{
982
+ --tw-text-opacity: 1;
983
+ color: hsl(var(--uiklu-gray-700) / var(--tw-text-opacity, 1));
984
+ }
985
+ .uiklu-text-gray800{
986
+ --tw-text-opacity: 1;
987
+ color: hsl(var(--uiklu-gray-800) / var(--tw-text-opacity, 1));
988
+ }
989
+ .uiklu-text-gray900{
990
+ --tw-text-opacity: 1;
991
+ color: hsl(var(--uiklu-gray-900) / var(--tw-text-opacity, 1));
917
992
  }
918
993
  .uiklu-text-green-700{
919
994
  --tw-text-opacity: 1;
920
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
995
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
921
996
  }
922
997
  .uiklu-text-inputtext{
923
- color: hsl(var(--uiklu-inputtext));
998
+ color: hsl(var(--uiklu-inputtext));
924
999
  }
925
1000
  .uiklu-text-orange{
926
1001
  --tw-text-opacity: 1;
927
- color: hsl(var(--uiklu-orange) / var(--tw-text-opacity, 1));
1002
+ color: hsl(var(--uiklu-orange) / var(--tw-text-opacity, 1));
928
1003
  }
929
1004
  .uiklu-text-outlinesecondary{
930
1005
  --tw-text-opacity: 1;
931
- color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
1006
+ color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
932
1007
  }
933
1008
  .uiklu-text-primary{
934
1009
  --tw-text-opacity: 1;
935
- color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
1010
+ color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
936
1011
  }
937
1012
  .uiklu-text-primary-foreground{
938
1013
  --tw-text-opacity: 1;
939
- color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
1014
+ color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
940
1015
  }
941
1016
  .uiklu-text-primary900{
942
1017
  --tw-text-opacity: 1;
943
- color: hsl(var(--uiklu-primary-900) / var(--tw-text-opacity, 1));
1018
+ color: hsl(var(--uiklu-primary-900) / var(--tw-text-opacity, 1));
944
1019
  }
945
1020
  .uiklu-text-secondary{
946
1021
  --tw-text-opacity: 1;
947
- color: hsl(var(--uiklu-secondary) / var(--tw-text-opacity, 1));
1022
+ color: hsl(var(--uiklu-secondary) / var(--tw-text-opacity, 1));
948
1023
  }
949
1024
  .uiklu-text-white{
950
1025
  --tw-text-opacity: 1;
951
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1026
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
952
1027
  }
953
1028
  .uiklu-opacity-100{
954
- opacity: 1;
1029
+ opacity: 1;
955
1030
  }
956
1031
  .uiklu-opacity-70{
957
- opacity: 0.7;
1032
+ opacity: 0.7;
958
1033
  }
959
1034
  .uiklu-shadow-lg{
960
1035
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
961
1036
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
962
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1037
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
963
1038
  }
964
1039
  .uiklu-shadow-md{
965
1040
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
966
1041
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
967
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1042
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
968
1043
  }
969
1044
  .uiklu-shadow-none{
970
1045
  --tw-shadow: 0 0 #0000;
971
1046
  --tw-shadow-colored: 0 0 #0000;
972
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1047
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1048
+ }
1049
+ .uiklu-shadow-xl{
1050
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1051
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1052
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
973
1053
  }
974
1054
  .uiklu-outline-none{
975
1055
  outline: 2px solid transparent;
976
- outline-offset: 2px;
1056
+ outline-offset: 2px;
977
1057
  }
978
1058
  .uiklu-ring-1{
979
1059
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
980
1060
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
981
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1061
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
982
1062
  }
983
1063
  .uiklu-ring-foreground\/10{
984
- --tw-ring-color: hsl(var(--uiklu-foreground) / 0.1);
1064
+ --tw-ring-color: hsl(var(--uiklu-foreground) / 0.1);
985
1065
  }
986
1066
  .uiklu-backdrop-blur-sm{
987
1067
  --tw-backdrop-blur: blur(4px);
988
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1068
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
989
1069
  }
990
1070
  .uiklu-transition-all{
991
1071
  transition-property: all;
992
1072
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
993
- transition-duration: 150ms;
1073
+ transition-duration: 150ms;
994
1074
  }
995
1075
  .uiklu-transition-opacity{
996
1076
  transition-property: opacity;
997
1077
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
998
- transition-duration: 150ms;
1078
+ transition-duration: 150ms;
999
1079
  }
1000
1080
  .uiklu-duration-200{
1001
- transition-duration: 200ms;
1081
+ transition-duration: 200ms;
1082
+ }
1083
+ .placeholder\:\!uiklu-text-destructive::-moz-placeholder{
1084
+ --tw-text-opacity: 1 !important;
1085
+ color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
1086
+ }
1087
+ .placeholder\:\!uiklu-text-destructive::placeholder{
1088
+ --tw-text-opacity: 1 !important;
1089
+ color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
1002
1090
  }
1003
1091
  .hover\:uiklu-bg-gray-300:hover{
1004
1092
  --tw-bg-opacity: 1;
1005
- background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1093
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1006
1094
  }
1007
1095
  .hover\:uiklu-bg-outlinesecondary\/10:hover{
1008
- background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
1096
+ background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
1009
1097
  }
1010
- .hover\:uiklu-bg-primary\/5:hover{
1011
- background-color: hsl(var(--uiklu-primary) / 0.05);
1098
+ .hover\:uiklu-bg-primary900\/5:hover{
1099
+ background-color: hsl(var(--uiklu-primary-900) / 0.05);
1012
1100
  }
1013
- .hover\:uiklu-bg-primary\/90:hover{
1014
- background-color: hsl(var(--uiklu-primary) / 0.9);
1101
+ .hover\:uiklu-bg-primary900\/90:hover{
1102
+ background-color: hsl(var(--uiklu-primary-900) / 0.9);
1015
1103
  }
1016
1104
  .hover\:uiklu-bg-white\/10:hover{
1017
- background-color: rgb(255 255 255 / 0.1);
1105
+ background-color: rgb(255 255 255 / 0.1);
1018
1106
  }
1019
1107
  .hover\:uiklu-underline:hover{
1020
- text-decoration-line: underline;
1108
+ text-decoration-line: underline;
1021
1109
  }
1022
1110
  .hover\:uiklu-opacity-100:hover{
1023
- opacity: 1;
1111
+ opacity: 1;
1024
1112
  }
1025
1113
  .hover\:uiklu-opacity-70:hover{
1026
- opacity: 0.7;
1114
+ opacity: 0.7;
1027
1115
  }
1028
1116
  .hover\:uiklu-opacity-80:hover{
1029
- opacity: 0.8;
1117
+ opacity: 0.8;
1030
1118
  }
1031
1119
  .hover\:uiklu-opacity-90:hover{
1032
- opacity: 0.9;
1120
+ opacity: 0.9;
1033
1121
  }
1034
1122
  .focus\:uiklu-border-\[1px\]:focus{
1035
- border-width: 1px;
1123
+ border-width: 1px;
1036
1124
  }
1037
1125
  .focus\:uiklu-border-baseblack:focus{
1038
1126
  --tw-border-opacity: 1;
1039
- border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
1127
+ border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
1040
1128
  }
1041
1129
  .focus\:uiklu-border-destructive:focus{
1042
1130
  --tw-border-opacity: 1;
1043
- border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
1131
+ border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
1044
1132
  }
1045
1133
  .focus\:uiklu-bg-primary\/10:focus{
1046
- background-color: hsl(var(--uiklu-primary) / 0.1);
1134
+ background-color: hsl(var(--uiklu-primary) / 0.1);
1047
1135
  }
1048
1136
  .focus\:uiklu-text-primary:focus{
1049
1137
  --tw-text-opacity: 1;
1050
- color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
1138
+ color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
1051
1139
  }
1052
1140
  .focus\:uiklu-outline-none:focus{
1053
1141
  outline: 2px solid transparent;
1054
- outline-offset: 2px;
1142
+ outline-offset: 2px;
1055
1143
  }
1056
1144
  .active\:uiklu-opacity-70:active{
1057
- opacity: 0.7;
1145
+ opacity: 0.7;
1058
1146
  }
1059
1147
  .disabled\:uiklu-cursor-not-allowed:disabled{
1060
- cursor: not-allowed;
1148
+ cursor: not-allowed;
1061
1149
  }
1062
1150
  .disabled\:uiklu-opacity-50:disabled{
1063
- opacity: 0.5;
1151
+ opacity: 0.5;
1064
1152
  }
1065
1153
  .data-\[placeholder\]\:uiklu-opacity-40[data-placeholder]{
1066
- opacity: 0.4;
1154
+ opacity: 0.4;
1067
1155
  }
1068
1156
  @media (min-width: 640px){
1069
1157
  .sm\:uiklu-flex-row{
1070
- flex-direction: row;
1158
+ flex-direction: row;
1071
1159
  }
1072
1160
  .sm\:uiklu-justify-end{
1073
- justify-content: flex-end;
1161
+ justify-content: flex-end;
1074
1162
  }
1075
1163
  .sm\:uiklu-space-x-2 > :not([hidden]) ~ :not([hidden]){
1076
1164
  --tw-space-x-reverse: 0;
1077
1165
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1078
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1166
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1079
1167
  }
1080
1168
  .sm\:uiklu-text-left{
1081
- text-align: left;
1082
- }
1169
+ text-align: left;
1170
+ }
1083
1171
  }
1084
-
1172
+ @media (min-width: 768px){
1173
+ .md\:uiklu-min-h-\[262px\]{
1174
+ min-height: 262px;
1175
+ }
1176
+ .md\:uiklu-w-\[331px\]{
1177
+ width: 331px;
1178
+ }
1179
+ .md\:uiklu-w-fit{
1180
+ width: -moz-fit-content;
1181
+ width: fit-content;
1182
+ }
1183
+ .md\:uiklu-min-w-\[570px\]{
1184
+ min-width: 570px;
1185
+ }
1186
+ .md\:uiklu-max-w-\[570px\]{
1187
+ max-width: 570px;
1188
+ }
1189
+ .md\:uiklu-grid-cols-2{
1190
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1191
+ }
1192
+ .md\:uiklu-flex-row{
1193
+ flex-direction: row;
1194
+ }
1195
+ }