@dito-uai/components 5.1.0-alpha.25 → 5.1.0-alpha.27

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 (14) hide show
  1. package/dist/global.css +1 -1
  2. package/dist/index.cjs +8 -8
  3. package/dist/index.d.ts +27 -3432
  4. package/dist/index.js +4 -4
  5. package/dist/ui/alert.d.ts +1 -1
  6. package/dist/ui/alert.d.ts.map +1 -1
  7. package/dist/ui/input.d.ts +304 -144
  8. package/dist/ui/input.d.ts.map +1 -1
  9. package/dist/ui/message.d.ts +2 -2
  10. package/dist/ui/search.d.ts +149 -69
  11. package/dist/ui/search.d.ts.map +1 -1
  12. package/dist/ui/text.d.ts.map +1 -1
  13. package/package.json +1 -1
  14. package/dist/index.d.cts +0 -3432
package/dist/ui/input.d.ts CHANGED
@@ -3,392 +3,552 @@ import { type VariantProps } from 'tailwind-variants';
3
3
  export declare const inputVariants: import("tailwind-variants").TVReturnType<{
4
4
  disabled: {
5
5
  true: {
6
+ wrapper: string;
6
7
  input: string;
7
- prefixIcon: string;
8
- suffixIcon: string;
8
+ prefix: string;
9
+ suffix: string;
9
10
  };
10
11
  };
11
12
  invalid: {
12
13
  true: {
13
- input: string;
14
+ wrapper: string;
14
15
  };
15
16
  };
16
17
  size: {
17
- medium: {
18
- prefixIcon: string;
19
- suffixIcon: string;
18
+ small: {
19
+ wrapper: string;
20
20
  input: string;
21
+ prefix: string;
22
+ suffix: string;
21
23
  };
22
- small: {
23
- prefixIcon: string;
24
- suffixIcon: string;
24
+ medium: {
25
+ wrapper: string;
25
26
  input: string;
27
+ prefix: string;
28
+ suffix: string;
29
+ };
30
+ };
31
+ withAffix: {
32
+ false: {
33
+ wrapper: string;
34
+ };
35
+ true: {
36
+ wrapper: string;
26
37
  };
27
38
  };
28
39
  }, {
29
- prefixIcon: string;
40
+ wrapper: string;
41
+ prefix: string;
30
42
  input: string;
31
- suffixIcon: string;
43
+ suffix: string;
32
44
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
33
45
  disabled: {
34
46
  true: {
47
+ wrapper: string;
35
48
  input: string;
36
- prefixIcon: string;
37
- suffixIcon: string;
49
+ prefix: string;
50
+ suffix: string;
38
51
  };
39
52
  };
40
53
  invalid: {
41
54
  true: {
42
- input: string;
55
+ wrapper: string;
43
56
  };
44
57
  };
45
58
  size: {
46
- medium: {
47
- prefixIcon: string;
48
- suffixIcon: string;
59
+ small: {
60
+ wrapper: string;
49
61
  input: string;
62
+ prefix: string;
63
+ suffix: string;
50
64
  };
51
- small: {
52
- prefixIcon: string;
53
- suffixIcon: string;
65
+ medium: {
66
+ wrapper: string;
54
67
  input: string;
68
+ prefix: string;
69
+ suffix: string;
70
+ };
71
+ };
72
+ withAffix: {
73
+ false: {
74
+ wrapper: string;
75
+ };
76
+ true: {
77
+ wrapper: string;
55
78
  };
56
79
  };
57
80
  }, {
58
81
  disabled: {
59
82
  true: {
83
+ wrapper: string;
60
84
  input: string;
61
- prefixIcon: string;
62
- suffixIcon: string;
85
+ prefix: string;
86
+ suffix: string;
63
87
  };
64
88
  };
65
89
  invalid: {
66
90
  true: {
67
- input: string;
91
+ wrapper: string;
68
92
  };
69
93
  };
70
94
  size: {
71
- medium: {
72
- prefixIcon: string;
73
- suffixIcon: string;
95
+ small: {
96
+ wrapper: string;
74
97
  input: string;
98
+ prefix: string;
99
+ suffix: string;
75
100
  };
76
- small: {
77
- prefixIcon: string;
78
- suffixIcon: string;
101
+ medium: {
102
+ wrapper: string;
79
103
  input: string;
104
+ prefix: string;
105
+ suffix: string;
106
+ };
107
+ };
108
+ withAffix: {
109
+ false: {
110
+ wrapper: string;
111
+ };
112
+ true: {
113
+ wrapper: string;
80
114
  };
81
115
  };
82
116
  }>, {
83
117
  disabled: {
84
118
  true: {
119
+ wrapper: string;
85
120
  input: string;
86
- prefixIcon: string;
87
- suffixIcon: string;
121
+ prefix: string;
122
+ suffix: string;
88
123
  };
89
124
  };
90
125
  invalid: {
91
126
  true: {
92
- input: string;
127
+ wrapper: string;
93
128
  };
94
129
  };
95
130
  size: {
96
- medium: {
97
- prefixIcon: string;
98
- suffixIcon: string;
131
+ small: {
132
+ wrapper: string;
99
133
  input: string;
134
+ prefix: string;
135
+ suffix: string;
100
136
  };
101
- small: {
102
- prefixIcon: string;
103
- suffixIcon: string;
137
+ medium: {
138
+ wrapper: string;
104
139
  input: string;
140
+ prefix: string;
141
+ suffix: string;
142
+ };
143
+ };
144
+ withAffix: {
145
+ false: {
146
+ wrapper: string;
147
+ };
148
+ true: {
149
+ wrapper: string;
105
150
  };
106
151
  };
107
152
  }, {
108
- prefixIcon: string;
153
+ wrapper: string;
154
+ prefix: string;
109
155
  input: string;
110
- suffixIcon: string;
156
+ suffix: string;
111
157
  }, import("tailwind-variants").TVReturnType<{
112
158
  disabled: {
113
159
  true: {
160
+ wrapper: string;
114
161
  input: string;
115
- prefixIcon: string;
116
- suffixIcon: string;
162
+ prefix: string;
163
+ suffix: string;
117
164
  };
118
165
  };
119
166
  invalid: {
120
167
  true: {
121
- input: string;
168
+ wrapper: string;
122
169
  };
123
170
  };
124
171
  size: {
125
- medium: {
126
- prefixIcon: string;
127
- suffixIcon: string;
172
+ small: {
173
+ wrapper: string;
128
174
  input: string;
175
+ prefix: string;
176
+ suffix: string;
129
177
  };
130
- small: {
131
- prefixIcon: string;
132
- suffixIcon: string;
178
+ medium: {
179
+ wrapper: string;
133
180
  input: string;
181
+ prefix: string;
182
+ suffix: string;
183
+ };
184
+ };
185
+ withAffix: {
186
+ false: {
187
+ wrapper: string;
188
+ };
189
+ true: {
190
+ wrapper: string;
134
191
  };
135
192
  };
136
193
  }, {
137
- prefixIcon: string;
194
+ wrapper: string;
195
+ prefix: string;
138
196
  input: string;
139
- suffixIcon: string;
197
+ suffix: string;
140
198
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
141
199
  disabled: {
142
200
  true: {
201
+ wrapper: string;
143
202
  input: string;
144
- prefixIcon: string;
145
- suffixIcon: string;
203
+ prefix: string;
204
+ suffix: string;
146
205
  };
147
206
  };
148
207
  invalid: {
149
208
  true: {
150
- input: string;
209
+ wrapper: string;
151
210
  };
152
211
  };
153
212
  size: {
154
- medium: {
155
- prefixIcon: string;
156
- suffixIcon: string;
213
+ small: {
214
+ wrapper: string;
157
215
  input: string;
216
+ prefix: string;
217
+ suffix: string;
158
218
  };
159
- small: {
160
- prefixIcon: string;
161
- suffixIcon: string;
219
+ medium: {
220
+ wrapper: string;
162
221
  input: string;
222
+ prefix: string;
223
+ suffix: string;
224
+ };
225
+ };
226
+ withAffix: {
227
+ false: {
228
+ wrapper: string;
229
+ };
230
+ true: {
231
+ wrapper: string;
163
232
  };
164
233
  };
165
234
  }, {
166
235
  disabled: {
167
236
  true: {
237
+ wrapper: string;
168
238
  input: string;
169
- prefixIcon: string;
170
- suffixIcon: string;
239
+ prefix: string;
240
+ suffix: string;
171
241
  };
172
242
  };
173
243
  invalid: {
174
244
  true: {
175
- input: string;
245
+ wrapper: string;
176
246
  };
177
247
  };
178
248
  size: {
179
- medium: {
180
- prefixIcon: string;
181
- suffixIcon: string;
249
+ small: {
250
+ wrapper: string;
182
251
  input: string;
252
+ prefix: string;
253
+ suffix: string;
183
254
  };
184
- small: {
185
- prefixIcon: string;
186
- suffixIcon: string;
255
+ medium: {
256
+ wrapper: string;
187
257
  input: string;
258
+ prefix: string;
259
+ suffix: string;
260
+ };
261
+ };
262
+ withAffix: {
263
+ false: {
264
+ wrapper: string;
265
+ };
266
+ true: {
267
+ wrapper: string;
188
268
  };
189
269
  };
190
270
  }>, unknown, unknown, undefined>>;
191
- export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & VariantProps<typeof inputVariants> & {
271
+ export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'suffix' | 'withAffix'> & VariantProps<typeof inputVariants> & {
192
272
  id?: string;
193
273
  value?: string;
194
274
  defaultValue?: string;
195
- prefixIcon?: React.ReactNode;
196
- suffixIcon?: React.ReactNode;
275
+ prefix?: React.ReactNode;
276
+ suffix?: React.ReactNode;
197
277
  invalid?: boolean;
198
278
  };
199
- declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<import("tailwind-variants").TVReturnType<{
279
+ declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "suffix" | "withAffix"> & VariantProps<import("tailwind-variants").TVReturnType<{
200
280
  disabled: {
201
281
  true: {
282
+ wrapper: string;
202
283
  input: string;
203
- prefixIcon: string;
204
- suffixIcon: string;
284
+ prefix: string;
285
+ suffix: string;
205
286
  };
206
287
  };
207
288
  invalid: {
208
289
  true: {
209
- input: string;
290
+ wrapper: string;
210
291
  };
211
292
  };
212
293
  size: {
213
- medium: {
214
- prefixIcon: string;
215
- suffixIcon: string;
294
+ small: {
295
+ wrapper: string;
216
296
  input: string;
297
+ prefix: string;
298
+ suffix: string;
217
299
  };
218
- small: {
219
- prefixIcon: string;
220
- suffixIcon: string;
300
+ medium: {
301
+ wrapper: string;
221
302
  input: string;
303
+ prefix: string;
304
+ suffix: string;
305
+ };
306
+ };
307
+ withAffix: {
308
+ false: {
309
+ wrapper: string;
310
+ };
311
+ true: {
312
+ wrapper: string;
222
313
  };
223
314
  };
224
315
  }, {
225
- prefixIcon: string;
316
+ wrapper: string;
317
+ prefix: string;
226
318
  input: string;
227
- suffixIcon: string;
319
+ suffix: string;
228
320
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
229
321
  disabled: {
230
322
  true: {
323
+ wrapper: string;
231
324
  input: string;
232
- prefixIcon: string;
233
- suffixIcon: string;
325
+ prefix: string;
326
+ suffix: string;
234
327
  };
235
328
  };
236
329
  invalid: {
237
330
  true: {
238
- input: string;
331
+ wrapper: string;
239
332
  };
240
333
  };
241
334
  size: {
242
- medium: {
243
- prefixIcon: string;
244
- suffixIcon: string;
335
+ small: {
336
+ wrapper: string;
245
337
  input: string;
338
+ prefix: string;
339
+ suffix: string;
246
340
  };
247
- small: {
248
- prefixIcon: string;
249
- suffixIcon: string;
341
+ medium: {
342
+ wrapper: string;
250
343
  input: string;
344
+ prefix: string;
345
+ suffix: string;
346
+ };
347
+ };
348
+ withAffix: {
349
+ false: {
350
+ wrapper: string;
351
+ };
352
+ true: {
353
+ wrapper: string;
251
354
  };
252
355
  };
253
356
  }, {
254
357
  disabled: {
255
358
  true: {
359
+ wrapper: string;
256
360
  input: string;
257
- prefixIcon: string;
258
- suffixIcon: string;
361
+ prefix: string;
362
+ suffix: string;
259
363
  };
260
364
  };
261
365
  invalid: {
262
366
  true: {
263
- input: string;
367
+ wrapper: string;
264
368
  };
265
369
  };
266
370
  size: {
267
- medium: {
268
- prefixIcon: string;
269
- suffixIcon: string;
371
+ small: {
372
+ wrapper: string;
270
373
  input: string;
374
+ prefix: string;
375
+ suffix: string;
271
376
  };
272
- small: {
273
- prefixIcon: string;
274
- suffixIcon: string;
377
+ medium: {
378
+ wrapper: string;
275
379
  input: string;
380
+ prefix: string;
381
+ suffix: string;
382
+ };
383
+ };
384
+ withAffix: {
385
+ false: {
386
+ wrapper: string;
387
+ };
388
+ true: {
389
+ wrapper: string;
276
390
  };
277
391
  };
278
392
  }>, {
279
393
  disabled: {
280
394
  true: {
395
+ wrapper: string;
281
396
  input: string;
282
- prefixIcon: string;
283
- suffixIcon: string;
397
+ prefix: string;
398
+ suffix: string;
284
399
  };
285
400
  };
286
401
  invalid: {
287
402
  true: {
288
- input: string;
403
+ wrapper: string;
289
404
  };
290
405
  };
291
406
  size: {
292
- medium: {
293
- prefixIcon: string;
294
- suffixIcon: string;
407
+ small: {
408
+ wrapper: string;
295
409
  input: string;
410
+ prefix: string;
411
+ suffix: string;
296
412
  };
297
- small: {
298
- prefixIcon: string;
299
- suffixIcon: string;
413
+ medium: {
414
+ wrapper: string;
300
415
  input: string;
416
+ prefix: string;
417
+ suffix: string;
418
+ };
419
+ };
420
+ withAffix: {
421
+ false: {
422
+ wrapper: string;
423
+ };
424
+ true: {
425
+ wrapper: string;
301
426
  };
302
427
  };
303
428
  }, {
304
- prefixIcon: string;
429
+ wrapper: string;
430
+ prefix: string;
305
431
  input: string;
306
- suffixIcon: string;
432
+ suffix: string;
307
433
  }, import("tailwind-variants").TVReturnType<{
308
434
  disabled: {
309
435
  true: {
436
+ wrapper: string;
310
437
  input: string;
311
- prefixIcon: string;
312
- suffixIcon: string;
438
+ prefix: string;
439
+ suffix: string;
313
440
  };
314
441
  };
315
442
  invalid: {
316
443
  true: {
317
- input: string;
444
+ wrapper: string;
318
445
  };
319
446
  };
320
447
  size: {
321
- medium: {
322
- prefixIcon: string;
323
- suffixIcon: string;
448
+ small: {
449
+ wrapper: string;
324
450
  input: string;
451
+ prefix: string;
452
+ suffix: string;
325
453
  };
326
- small: {
327
- prefixIcon: string;
328
- suffixIcon: string;
454
+ medium: {
455
+ wrapper: string;
329
456
  input: string;
457
+ prefix: string;
458
+ suffix: string;
459
+ };
460
+ };
461
+ withAffix: {
462
+ false: {
463
+ wrapper: string;
464
+ };
465
+ true: {
466
+ wrapper: string;
330
467
  };
331
468
  };
332
469
  }, {
333
- prefixIcon: string;
470
+ wrapper: string;
471
+ prefix: string;
334
472
  input: string;
335
- suffixIcon: string;
473
+ suffix: string;
336
474
  }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
337
475
  disabled: {
338
476
  true: {
477
+ wrapper: string;
339
478
  input: string;
340
- prefixIcon: string;
341
- suffixIcon: string;
479
+ prefix: string;
480
+ suffix: string;
342
481
  };
343
482
  };
344
483
  invalid: {
345
484
  true: {
346
- input: string;
485
+ wrapper: string;
347
486
  };
348
487
  };
349
488
  size: {
350
- medium: {
351
- prefixIcon: string;
352
- suffixIcon: string;
489
+ small: {
490
+ wrapper: string;
353
491
  input: string;
492
+ prefix: string;
493
+ suffix: string;
354
494
  };
355
- small: {
356
- prefixIcon: string;
357
- suffixIcon: string;
495
+ medium: {
496
+ wrapper: string;
358
497
  input: string;
498
+ prefix: string;
499
+ suffix: string;
500
+ };
501
+ };
502
+ withAffix: {
503
+ false: {
504
+ wrapper: string;
505
+ };
506
+ true: {
507
+ wrapper: string;
359
508
  };
360
509
  };
361
510
  }, {
362
511
  disabled: {
363
512
  true: {
513
+ wrapper: string;
364
514
  input: string;
365
- prefixIcon: string;
366
- suffixIcon: string;
515
+ prefix: string;
516
+ suffix: string;
367
517
  };
368
518
  };
369
519
  invalid: {
370
520
  true: {
371
- input: string;
521
+ wrapper: string;
372
522
  };
373
523
  };
374
524
  size: {
375
- medium: {
376
- prefixIcon: string;
377
- suffixIcon: string;
525
+ small: {
526
+ wrapper: string;
378
527
  input: string;
528
+ prefix: string;
529
+ suffix: string;
379
530
  };
380
- small: {
381
- prefixIcon: string;
382
- suffixIcon: string;
531
+ medium: {
532
+ wrapper: string;
383
533
  input: string;
534
+ prefix: string;
535
+ suffix: string;
536
+ };
537
+ };
538
+ withAffix: {
539
+ false: {
540
+ wrapper: string;
541
+ };
542
+ true: {
543
+ wrapper: string;
384
544
  };
385
545
  };
386
546
  }>, unknown, unknown, undefined>>> & {
387
547
  id?: string;
388
548
  value?: string;
389
549
  defaultValue?: string;
390
- prefixIcon?: React.ReactNode;
391
- suffixIcon?: React.ReactNode;
550
+ prefix?: React.ReactNode;
551
+ suffix?: React.ReactNode;
392
552
  invalid?: boolean;
393
553
  } & React.RefAttributes<HTMLInputElement>>;
394
554
  export default Input;
package/dist/ui/input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqCxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,CACP,GACC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SARF,MAAM;YACH,MAAM;mBACC,MAAM;iBACR,KAAK,CAAC,SAAS;iBACf,KAAK,CAAC,SAAS;cAClB,OAAO;0CAuCpB,CAAC;AAGF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA4DxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAC3C,GACC,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SARF,MAAM;YACH,MAAM;mBACC,MAAM;aACZ,KAAK,CAAC,SAAS;aACf,KAAK,CAAC,SAAS;cACd,OAAO;0CAoCpB,CAAC;AAGF,eAAe,KAAK,CAAC"}