@twintag/twintag-form 0.6.0 → 1.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/.eslintrc.cjs +5 -0
  2. package/.turbo/turbo-build.log +14 -9
  3. package/.turbo/turbo-lint.log +4 -0
  4. package/CHANGELOG.md +12 -0
  5. package/README.md +87 -59
  6. package/dev/index.css +29 -0
  7. package/dev/main.tsx +163 -0
  8. package/dist/common/button.d.ts +137 -0
  9. package/dist/common/checkbox.d.ts +4 -0
  10. package/dist/common/form.d.ts +24 -0
  11. package/dist/common/input.d.ts +4 -0
  12. package/dist/common/label.d.ts +4 -0
  13. package/dist/common/radiogroup.d.ts +5 -0
  14. package/dist/common/switch.d.ts +4 -0
  15. package/dist/common/textarea.d.ts +4 -0
  16. package/dist/components/Input/checkbox.d.ts +2 -6
  17. package/dist/components/Input/file.d.ts +2 -6
  18. package/dist/components/Input/index.d.ts +2 -2
  19. package/dist/components/Input/radiogroup.d.ts +3 -0
  20. package/dist/components/Input/simple.d.ts +2 -6
  21. package/dist/components/Input/submit.d.ts +2 -6
  22. package/dist/components/Input/textarea.d.ts +2 -6
  23. package/dist/components/Input/toggle.d.ts +2 -6
  24. package/dist/components/Render/index.d.ts +7 -0
  25. package/dist/components/Render/useJson.d.ts +2 -0
  26. package/dist/components/{Label/index.d.ts → category.d.ts} +3 -4
  27. package/dist/components/form.d.ts +7 -0
  28. package/dist/components/index.d.ts +8 -4
  29. package/dist/index.d.ts +8 -9
  30. package/dist/provider.d.ts +8 -0
  31. package/dist/twintag-form.react.js +7930 -8119
  32. package/dist/twintag-form.webcomponent.js +2007 -1769
  33. package/dist/types/index.d.ts +33 -0
  34. package/index.html +13 -0
  35. package/lib/common/button.tsx +49 -0
  36. package/lib/common/checkbox.tsx +40 -0
  37. package/lib/common/form.tsx +192 -0
  38. package/lib/common/input.tsx +55 -0
  39. package/lib/common/label.tsx +26 -0
  40. package/lib/common/radiogroup.tsx +56 -0
  41. package/lib/common/switch.tsx +39 -0
  42. package/lib/common/textarea.tsx +53 -0
  43. package/lib/components/Input/checkbox.tsx +55 -42
  44. package/lib/components/Input/file.tsx +64 -72
  45. package/lib/components/Input/index.tsx +15 -15
  46. package/lib/components/Input/radiogroup.tsx +84 -0
  47. package/lib/components/Input/simple.tsx +50 -28
  48. package/lib/components/Input/submit.tsx +4 -13
  49. package/lib/components/Input/textarea.tsx +49 -27
  50. package/lib/components/Input/toggle.tsx +54 -45
  51. package/lib/components/Render/index.tsx +30 -0
  52. package/lib/components/Render/useJson.ts +76 -0
  53. package/lib/components/category.tsx +31 -0
  54. package/lib/components/form.tsx +75 -0
  55. package/lib/components/index.tsx +27 -4
  56. package/lib/index.tsx +24 -48
  57. package/lib/provider.tsx +36 -0
  58. package/lib/types/index.ts +37 -0
  59. package/lib/webcomponent.ts +6 -6
  60. package/package.json +17 -9
  61. package/prettier.config.mjs +26 -0
  62. package/tailwind.config.ts +43 -0
  63. package/tsconfig.json +14 -3
  64. package/twind.config.ts +4 -21
  65. package/vite.config.ts +1 -1
  66. package/dist/components/Category/__styles.d.ts +0 -29
  67. package/dist/components/Category/index.d.ts +0 -8
  68. package/dist/components/Form/index.d.ts +0 -12
  69. package/dist/components/Input/__props.d.ts +0 -10
  70. package/dist/components/Input/__styles.d.ts +0 -460
  71. package/dist/styles.d.ts +0 -487
  72. package/lib/__stories__/Form.stories.tsx +0 -141
  73. package/lib/components/Category/__styles.ts +0 -12
  74. package/lib/components/Category/index.tsx +0 -26
  75. package/lib/components/Form/index.tsx +0 -86
  76. package/lib/components/Input/__props.ts +0 -10
  77. package/lib/components/Input/__styles.ts +0 -132
  78. package/lib/components/Label/index.tsx +0 -24
  79. package/lib/styles.ts +0 -143
  80. package/tailwind.config.cjs +0 -8
package/dist/components/Input/__styles.d.ts DELETED
@@ -1,460 +0,0 @@
1
- import { TVConfig } from 'tailwind-variants/dist/config.js';
2
- import { TVReturnType, ClassValue } from 'tailwind-variants';
3
- export declare const labelStyle: TVReturnType<{
4
- [key: string]: {
5
- [key: string]: ClassValue | {
6
- base?: ClassValue;
7
- };
8
- };
9
- } | {
10
- [x: string]: {
11
- [x: string]: ClassValue | {
12
- base?: ClassValue;
13
- };
14
- } | undefined;
15
- } | {}, undefined, "text-label", TVConfig<unknown, {
16
- [key: string]: {
17
- [key: string]: ClassValue | {
18
- base?: ClassValue;
19
- };
20
- };
21
- } | {}>, {
22
- [key: string]: {
23
- [key: string]: ClassValue | {
24
- base?: ClassValue;
25
- };
26
- };
27
- } | {}, undefined, TVReturnType<unknown, undefined, "text-label", TVConfig<unknown, {
28
- [key: string]: {
29
- [key: string]: ClassValue | {
30
- base?: ClassValue;
31
- };
32
- };
33
- } | {}>, unknown, unknown, undefined>>;
34
- export declare const containerStyle: TVReturnType<{
35
- [key: string]: {
36
- [key: string]: ClassValue | {
37
- base?: ClassValue;
38
- };
39
- };
40
- } | {
41
- [x: string]: {
42
- [x: string]: ClassValue | {
43
- base?: ClassValue;
44
- };
45
- } | undefined;
46
- } | {}, undefined, "", TVConfig<unknown, {
47
- [key: string]: {
48
- [key: string]: ClassValue | {
49
- base?: ClassValue;
50
- };
51
- };
52
- } | {}>, {
53
- [key: string]: {
54
- [key: string]: ClassValue | {
55
- base?: ClassValue;
56
- };
57
- };
58
- } | {}, undefined, TVReturnType<unknown, undefined, "", TVConfig<unknown, {
59
- [key: string]: {
60
- [key: string]: ClassValue | {
61
- base?: ClassValue;
62
- };
63
- };
64
- } | {}>, unknown, unknown, undefined>>;
65
- export declare const checkboxStyle: TVReturnType<{
66
- variant: {
67
- alpha: {
68
- checkbox: string;
69
- };
70
- beta: {
71
- checkbox: string;
72
- };
73
- };
74
- }, {
75
- container: string;
76
- checkbox: string;
77
- }, undefined, TVConfig<{
78
- variant: {
79
- alpha: {
80
- checkbox: string;
81
- };
82
- beta: {
83
- checkbox: string;
84
- };
85
- };
86
- }, {
87
- variant: {
88
- alpha: {
89
- checkbox: string;
90
- };
91
- beta: {
92
- checkbox: string;
93
- };
94
- };
95
- }>, {
96
- variant: {
97
- alpha: {
98
- checkbox: string;
99
- };
100
- beta: {
101
- checkbox: string;
102
- };
103
- };
104
- }, {
105
- container: string;
106
- checkbox: string;
107
- }, TVReturnType<{
108
- variant: {
109
- alpha: {
110
- checkbox: string;
111
- };
112
- beta: {
113
- checkbox: string;
114
- };
115
- };
116
- }, {
117
- container: string;
118
- checkbox: string;
119
- }, undefined, TVConfig<{
120
- variant: {
121
- alpha: {
122
- checkbox: string;
123
- };
124
- beta: {
125
- checkbox: string;
126
- };
127
- };
128
- }, {
129
- variant: {
130
- alpha: {
131
- checkbox: string;
132
- };
133
- beta: {
134
- checkbox: string;
135
- };
136
- };
137
- }>, unknown, unknown, undefined>>;
138
- export declare const fileStyle: TVReturnType<{
139
- variant: {
140
- alpha: {
141
- container: string;
142
- input: string;
143
- };
144
- beta: {
145
- container: string;
146
- input: string;
147
- };
148
- };
149
- }, {
150
- container: string;
151
- span: string;
152
- input: string;
153
- }, undefined, TVConfig<{
154
- variant: {
155
- alpha: {
156
- container: string;
157
- input: string;
158
- };
159
- beta: {
160
- container: string;
161
- input: string;
162
- };
163
- };
164
- }, {
165
- variant: {
166
- alpha: {
167
- container: string;
168
- input: string;
169
- };
170
- beta: {
171
- container: string;
172
- input: string;
173
- };
174
- };
175
- }>, {
176
- variant: {
177
- alpha: {
178
- container: string;
179
- input: string;
180
- };
181
- beta: {
182
- container: string;
183
- input: string;
184
- };
185
- };
186
- }, {
187
- container: string;
188
- span: string;
189
- input: string;
190
- }, TVReturnType<{
191
- variant: {
192
- alpha: {
193
- container: string;
194
- input: string;
195
- };
196
- beta: {
197
- container: string;
198
- input: string;
199
- };
200
- };
201
- }, {
202
- container: string;
203
- span: string;
204
- input: string;
205
- }, undefined, TVConfig<{
206
- variant: {
207
- alpha: {
208
- container: string;
209
- input: string;
210
- };
211
- beta: {
212
- container: string;
213
- input: string;
214
- };
215
- };
216
- }, {
217
- variant: {
218
- alpha: {
219
- container: string;
220
- input: string;
221
- };
222
- beta: {
223
- container: string;
224
- input: string;
225
- };
226
- };
227
- }>, unknown, unknown, undefined>>;
228
- export declare const simpleStyle: TVReturnType<{
229
- variant: {
230
- alpha: {
231
- container: string;
232
- input: string;
233
- };
234
- beta: {
235
- container: string;
236
- input: string;
237
- };
238
- };
239
- }, {
240
- container: string;
241
- span: string;
242
- input: string;
243
- }, undefined, TVConfig<{
244
- variant: {
245
- alpha: {
246
- container: string;
247
- input: string;
248
- };
249
- beta: {
250
- container: string;
251
- input: string;
252
- };
253
- };
254
- }, {
255
- variant: {
256
- alpha: {
257
- container: string;
258
- input: string;
259
- };
260
- beta: {
261
- container: string;
262
- input: string;
263
- };
264
- };
265
- }>, {
266
- variant: {
267
- alpha: {
268
- container: string;
269
- input: string;
270
- };
271
- beta: {
272
- container: string;
273
- input: string;
274
- };
275
- };
276
- }, {
277
- container: string;
278
- span: string;
279
- input: string;
280
- }, TVReturnType<{
281
- variant: {
282
- alpha: {
283
- container: string;
284
- input: string;
285
- };
286
- beta: {
287
- container: string;
288
- input: string;
289
- };
290
- };
291
- }, {
292
- container: string;
293
- span: string;
294
- input: string;
295
- }, undefined, TVConfig<{
296
- variant: {
297
- alpha: {
298
- container: string;
299
- input: string;
300
- };
301
- beta: {
302
- container: string;
303
- input: string;
304
- };
305
- };
306
- }, {
307
- variant: {
308
- alpha: {
309
- container: string;
310
- input: string;
311
- };
312
- beta: {
313
- container: string;
314
- input: string;
315
- };
316
- };
317
- }>, unknown, unknown, undefined>>;
318
- export declare const toggleStyle: TVReturnType<{
319
- variant: {
320
- alpha: {
321
- container: string;
322
- input: string;
323
- thumb: string;
324
- };
325
- beta: {
326
- container: string;
327
- input: string;
328
- thumb: string;
329
- };
330
- };
331
- }, {
332
- container: string;
333
- span: string;
334
- input: string;
335
- thumb: string;
336
- }, undefined, TVConfig<{
337
- variant: {
338
- alpha: {
339
- container: string;
340
- input: string;
341
- thumb: string;
342
- };
343
- beta: {
344
- container: string;
345
- input: string;
346
- thumb: string;
347
- };
348
- };
349
- }, {
350
- variant: {
351
- alpha: {
352
- container: string;
353
- input: string;
354
- thumb: string;
355
- };
356
- beta: {
357
- container: string;
358
- input: string;
359
- thumb: string;
360
- };
361
- };
362
- }>, {
363
- variant: {
364
- alpha: {
365
- container: string;
366
- input: string;
367
- thumb: string;
368
- };
369
- beta: {
370
- container: string;
371
- input: string;
372
- thumb: string;
373
- };
374
- };
375
- }, {
376
- container: string;
377
- span: string;
378
- input: string;
379
- thumb: string;
380
- }, TVReturnType<{
381
- variant: {
382
- alpha: {
383
- container: string;
384
- input: string;
385
- thumb: string;
386
- };
387
- beta: {
388
- container: string;
389
- input: string;
390
- thumb: string;
391
- };
392
- };
393
- }, {
394
- container: string;
395
- span: string;
396
- input: string;
397
- thumb: string;
398
- }, undefined, TVConfig<{
399
- variant: {
400
- alpha: {
401
- container: string;
402
- input: string;
403
- thumb: string;
404
- };
405
- beta: {
406
- container: string;
407
- input: string;
408
- thumb: string;
409
- };
410
- };
411
- }, {
412
- variant: {
413
- alpha: {
414
- container: string;
415
- input: string;
416
- thumb: string;
417
- };
418
- beta: {
419
- container: string;
420
- input: string;
421
- thumb: string;
422
- };
423
- };
424
- }>, unknown, unknown, undefined>>;
425
- export declare const submitStyle: TVReturnType<{
426
- variant: {
427
- alpha: string;
428
- beta: string;
429
- };
430
- }, undefined, "mt-2 w-max max-w-full", TVConfig<{
431
- variant: {
432
- alpha: string;
433
- beta: string;
434
- };
435
- }, {
436
- variant: {
437
- alpha: string;
438
- beta: string;
439
- };
440
- }>, {
441
- variant: {
442
- alpha: string;
443
- beta: string;
444
- };
445
- }, undefined, TVReturnType<{
446
- variant: {
447
- alpha: string;
448
- beta: string;
449
- };
450
- }, undefined, "mt-2 w-max max-w-full", TVConfig<{
451
- variant: {
452
- alpha: string;
453
- beta: string;
454
- };
455
- }, {
456
- variant: {
457
- alpha: string;
458
- beta: string;
459
- };
460
- }>, unknown, unknown, undefined>>;