mado-ui 0.5.3 → 0.5.5

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 (83) hide show
  1. package/css/index.css +189 -1
  2. package/dist/components/form/index.d.ts +1 -0
  3. package/dist/components/form/index.d.ts.map +1 -1
  4. package/dist/components/form/input/date/index.d.ts +36 -16
  5. package/dist/components/form/input/date/index.d.ts.map +1 -1
  6. package/dist/components/form/input/date/views/calendar-view.d.ts +2 -0
  7. package/dist/components/form/input/date/views/calendar-view.d.ts.map +1 -0
  8. package/dist/components/form/input/date/views/clock-view.d.ts +2 -0
  9. package/dist/components/form/input/date/views/clock-view.d.ts.map +1 -0
  10. package/dist/components/form/input/date/views/dropdown-view.d.ts +2 -0
  11. package/dist/components/form/input/date/views/dropdown-view.d.ts.map +1 -0
  12. package/dist/components/form/input/date/views/index.d.ts +5 -0
  13. package/dist/components/form/input/date/views/index.d.ts.map +1 -0
  14. package/dist/components/form/input/date/views/rotary-view.d.ts +2 -0
  15. package/dist/components/form/input/date/views/rotary-view.d.ts.map +1 -0
  16. package/dist/components/form/input/date/views/view-handler.d.ts +21 -0
  17. package/dist/components/form/input/date/views/view-handler.d.ts.map +1 -0
  18. package/dist/components/form/input/index.d.ts +4 -87
  19. package/dist/components/form/input/index.d.ts.map +1 -1
  20. package/dist/components/form/input/input-types.d.ts +102 -0
  21. package/dist/components/form/input/input-types.d.ts.map +1 -0
  22. package/dist/components/form/input/number-input.d.ts +4 -0
  23. package/dist/components/form/input/number-input.d.ts.map +1 -0
  24. package/dist/components/form/input/text-input.d.ts +36 -0
  25. package/dist/components/form/input/text-input.d.ts.map +1 -0
  26. package/dist/components/form/select.d.ts +41 -0
  27. package/dist/components/form/select.d.ts.map +1 -0
  28. package/dist/components.d.ts +161 -62
  29. package/dist/components.esm.js +482 -183
  30. package/dist/components.esm.js.map +1 -1
  31. package/dist/components.js +481 -181
  32. package/dist/components.js.map +1 -1
  33. package/dist/graphics/index.d.ts +2 -0
  34. package/dist/graphics/index.d.ts.map +1 -0
  35. package/dist/graphics/social-media/facebook-logo.d.ts +33 -0
  36. package/dist/graphics/social-media/facebook-logo.d.ts.map +1 -0
  37. package/dist/graphics/social-media/google-logo.d.ts +13 -0
  38. package/dist/graphics/social-media/google-logo.d.ts.map +1 -0
  39. package/dist/graphics/social-media/index.d.ts +8 -0
  40. package/dist/graphics/social-media/index.d.ts.map +1 -0
  41. package/dist/graphics/social-media/instagram-logo.d.ts +13 -0
  42. package/dist/graphics/social-media/instagram-logo.d.ts.map +1 -0
  43. package/dist/graphics/social-media/linkedin-logo.d.ts +26 -0
  44. package/dist/graphics/social-media/linkedin-logo.d.ts.map +1 -0
  45. package/dist/graphics/social-media/tiktok-logo.d.ts +26 -0
  46. package/dist/graphics/social-media/tiktok-logo.d.ts.map +1 -0
  47. package/dist/graphics/social-media/x-logo.d.ts +6 -0
  48. package/dist/graphics/social-media/x-logo.d.ts.map +1 -0
  49. package/dist/graphics/social-media/youtube-logo.d.ts +26 -0
  50. package/dist/graphics/social-media/youtube-logo.d.ts.map +1 -0
  51. package/dist/graphics.d.ts +141 -0
  52. package/dist/graphics.d.ts.map +1 -0
  53. package/dist/graphics.esm.js +241 -0
  54. package/dist/graphics.esm.js.map +1 -0
  55. package/dist/graphics.js +249 -0
  56. package/dist/graphics.js.map +1 -0
  57. package/dist/hooks/use-fieldset-context.d.ts.map +1 -1
  58. package/dist/hooks/use-form-context.d.ts +5 -5
  59. package/dist/hooks/use-form-context.d.ts.map +1 -1
  60. package/dist/hooks.d.ts +5 -5
  61. package/dist/hooks.esm.js.map +1 -1
  62. package/dist/hooks.js.map +1 -1
  63. package/dist/index.d.ts +161 -62
  64. package/dist/index.esm.js +482 -183
  65. package/dist/index.esm.js.map +1 -1
  66. package/dist/index.js +481 -181
  67. package/dist/index.js.map +1 -1
  68. package/dist/utils/get-date.d.ts +32 -20
  69. package/dist/utils/get-date.d.ts.map +1 -1
  70. package/dist/utils/string-manipulation.d.ts +23 -1
  71. package/dist/utils/string-manipulation.d.ts.map +1 -1
  72. package/dist/utils.d.ts +57 -23
  73. package/dist/utils.esm.js +1139 -57
  74. package/dist/utils.esm.js.map +1 -1
  75. package/dist/utils.js +1145 -58
  76. package/dist/utils.js.map +1 -1
  77. package/package.json +100 -96
  78. package/dist/components/mado-ui-provider.d.ts +0 -1
  79. package/dist/hooks/use-anime-scope.d.ts +0 -15
  80. package/dist/types.esm.js +0 -2
  81. package/dist/types.esm.js.map +0 -1
  82. package/dist/types.js +0 -3
  83. package/dist/types.js.map +0 -1
package/css/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -11,6 +11,8 @@
11
11
  --color-orange-800: oklch(47% 0.157 37.304);
12
12
  --color-orange-950: oklch(26.6% 0.079 36.259);
13
13
  --color-yellow-600: oklch(68.1% 0.162 75.834);
14
+ --color-green-300: oklch(87.1% 0.15 154.449);
15
+ --color-green-700: oklch(52.7% 0.154 150.069);
14
16
  --color-cyan-500: oklch(71.5% 0.143 215.221);
15
17
  --color-cyan-950: oklch(30.2% 0.056 229.695);
16
18
  --color-blue-50: oklch(97% 0.014 254.604);
@@ -18,6 +20,11 @@
18
20
  --color-blue-300: oklch(80.9% 0.105 251.813);
19
21
  --color-blue-500: oklch(62.3% 0.214 259.815);
20
22
  --color-blue-600: oklch(54.6% 0.245 262.881);
23
+ --color-violet-50: oklch(96.9% 0.016 293.756);
24
+ --color-violet-500: oklch(60.6% 0.25 292.717);
25
+ --color-violet-700: oklch(49.1% 0.27 292.581);
26
+ --color-violet-900: oklch(38% 0.189 293.745);
27
+ --color-rose-400: oklch(71.2% 0.194 13.428);
21
28
  --color-zinc-50: oklch(98.5% 0 0);
22
29
  --color-neutral-50: oklch(98.5% 0 0);
23
30
  --color-neutral-100: oklch(97% 0 0);
@@ -74,6 +81,7 @@
74
81
  --radius-2xl: 1rem;
75
82
  --radius-3xl: 1.5rem;
76
83
  --radius-4xl: 2rem;
84
+ --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
77
85
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
78
86
  --animate-pulse: pulse var(--tw-animation-duration, 2s)
79
87
  var(--tw-animation-timing-function, cubic-bezier(0.4, 0, 0.6, 1)) var(--tw-animation-iteration-count, infinite);
@@ -242,6 +250,9 @@
242
250
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
243
251
  padding-block: 0;
244
252
  }
253
+ ::-webkit-calendar-picker-indicator {
254
+ line-height: 1;
255
+ }
245
256
  :-moz-ui-invalid {
246
257
  box-shadow: none;
247
258
  }
@@ -464,6 +475,9 @@
464
475
  .h-7 {
465
476
  height: calc(var(--spacing) * 7);
466
477
  }
478
+ .h-12 {
479
+ height: calc(var(--spacing) * 12);
480
+ }
467
481
  .h-24 {
468
482
  height: calc(var(--spacing) * 24);
469
483
  }
@@ -530,6 +544,9 @@
530
544
  .flex-grow {
531
545
  flex-grow: 1;
532
546
  }
547
+ .origin-bottom {
548
+ transform-origin: bottom;
549
+ }
533
550
  .-translate-x-1\/2 {
534
551
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
535
552
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -655,6 +672,9 @@
655
672
  .items-center {
656
673
  align-items: center;
657
674
  }
675
+ .justify-around {
676
+ justify-content: space-around;
677
+ }
658
678
  .justify-center {
659
679
  justify-content: center;
660
680
  }
@@ -781,6 +801,9 @@
781
801
  background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
782
802
  }
783
803
  }
804
+ .bg-neutral-950 {
805
+ background-color: var(--color-neutral-950);
806
+ }
784
807
  .bg-neutral-950\/20 {
785
808
  background-color: color-mix(in srgb, oklch(14.5% 0 0) 20%, transparent);
786
809
  @supports (color: color-mix(in lab, red, red)) {
@@ -868,6 +891,13 @@
868
891
  --tw-gradient-from: currentcolor;
869
892
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
870
893
  }
894
+ .from-green-300\/25 {
895
+ --tw-gradient-from: color-mix(in srgb, oklch(87.1% 0.15 154.449) 25%, transparent);
896
+ @supports (color: color-mix(in lab, red, red)) {
897
+ --tw-gradient-from: color-mix(in oklab, var(--color-green-300) 25%, transparent);
898
+ }
899
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
900
+ }
871
901
  .from-neutral-700 {
872
902
  --tw-gradient-from: var(--color-neutral-700);
873
903
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -892,6 +922,10 @@
892
922
  --tw-gradient-from: var(--color-ui-sky-blue);
893
923
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
894
924
  }
925
+ .from-violet-900 {
926
+ --tw-gradient-from: var(--color-violet-900);
927
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
928
+ }
895
929
  .via-\(--theme-color\) {
896
930
  --tw-gradient-via: var(--theme-color);
897
931
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -902,6 +936,14 @@
902
936
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
903
937
  --tw-gradient-stops: var(--tw-gradient-via-stops);
904
938
  }
939
+ .via-green-300\/25 {
940
+ --tw-gradient-via: color-mix(in srgb, oklch(87.1% 0.15 154.449) 25%, transparent);
941
+ @supports (color: color-mix(in lab, red, red)) {
942
+ --tw-gradient-via: color-mix(in oklab, var(--color-green-300) 25%, transparent);
943
+ }
944
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
945
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
946
+ }
905
947
  .via-neutral-500 {
906
948
  --tw-gradient-via: var(--color-neutral-500);
907
949
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -922,6 +964,14 @@
922
964
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
923
965
  --tw-gradient-stops: var(--tw-gradient-via-stops);
924
966
  }
967
+ .via-violet-500 {
968
+ --tw-gradient-via: var(--color-violet-500);
969
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
970
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
971
+ }
972
+ .via-50\% {
973
+ --tw-gradient-via-position: 50%;
974
+ }
925
975
  .to-\(--theme-color\) {
926
976
  --tw-gradient-to: var(--theme-color);
927
977
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -948,6 +998,13 @@
948
998
  --tw-gradient-to: currentcolor;
949
999
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
950
1000
  }
1001
+ .to-green-700\/25 {
1002
+ --tw-gradient-to: color-mix(in srgb, oklch(52.7% 0.154 150.069) 25%, transparent);
1003
+ @supports (color: color-mix(in lab, red, red)) {
1004
+ --tw-gradient-to: color-mix(in oklab, var(--color-green-700) 25%, transparent);
1005
+ }
1006
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1007
+ }
951
1008
  .to-neutral-600 {
952
1009
  --tw-gradient-to: var(--color-neutral-600);
953
1010
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -964,16 +1021,26 @@
964
1021
  --tw-gradient-to: var(--color-ui-yellow);
965
1022
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
966
1023
  }
1024
+ .to-violet-700 {
1025
+ --tw-gradient-to: var(--color-violet-700);
1026
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1027
+ }
967
1028
  .to-white {
968
1029
  --tw-gradient-to: var(--color-white);
969
1030
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
970
1031
  }
1032
+ .to-50\% {
1033
+ --tw-gradient-to-position: 50%;
1034
+ }
971
1035
  .bg-\[size\:0\%_2px\] {
972
1036
  background-size: 0% 2px;
973
1037
  }
974
1038
  .bg-\[size\:0\%_100\%\] {
975
1039
  background-size: 0% 100%;
976
1040
  }
1041
+ .bg-\[size\:1rem_100\%\] {
1042
+ background-size: 1rem 100%;
1043
+ }
977
1044
  .bg-\[size\:50\%_0px\] {
978
1045
  background-size: 50% 0px;
979
1046
  }
@@ -1046,6 +1113,21 @@
1046
1113
  .bg-repeat-y {
1047
1114
  background-repeat: repeat-y;
1048
1115
  }
1116
+ .fill-\[rgb\(10_102_194\)\] {
1117
+ fill: rgb(10 102 194);
1118
+ }
1119
+ .fill-\[rgb\(255_0_0\)\] {
1120
+ fill: rgb(255 0 0);
1121
+ }
1122
+ .fill-\[url\(\#facebook-gradient\)\] {
1123
+ fill: url(#facebook-gradient);
1124
+ }
1125
+ .fill-black {
1126
+ fill: var(--color-black);
1127
+ }
1128
+ .fill-blue-500 {
1129
+ fill: var(--color-blue-500);
1130
+ }
1049
1131
  .fill-neutral-50 {
1050
1132
  fill: var(--color-neutral-50);
1051
1133
  }
@@ -1055,6 +1137,15 @@
1055
1137
  .fill-none {
1056
1138
  fill: none;
1057
1139
  }
1140
+ .fill-rose-400 {
1141
+ fill: var(--color-rose-400);
1142
+ }
1143
+ .fill-violet-50\/60 {
1144
+ fill: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
1145
+ @supports (color: color-mix(in lab, red, red)) {
1146
+ fill: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
1147
+ }
1148
+ }
1058
1149
  .fill-white {
1059
1150
  fill: var(--color-white);
1060
1151
  }
@@ -1073,6 +1164,9 @@
1073
1164
  .p-4 {
1074
1165
  padding: calc(var(--spacing) * 4);
1075
1166
  }
1167
+ .p-6 {
1168
+ padding: calc(var(--spacing) * 6);
1169
+ }
1076
1170
  .px-0\.5 {
1077
1171
  padding-inline: calc(var(--spacing) * 0.5);
1078
1172
  }
@@ -1403,6 +1497,11 @@
1403
1497
  --tw-drop-shadow: var(--tw-drop-shadow-size);
1404
1498
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1405
1499
  }
1500
+ .drop-shadow-lg {
1501
+ --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
1502
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
1503
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1504
+ }
1406
1505
  .drop-shadow-neutral-950\/75 {
1407
1506
  --tw-drop-shadow-color: color-mix(in srgb, oklch(14.5% 0 0) 75%, transparent);
1408
1507
  @supports (color: color-mix(in lab, red, red)) {
@@ -1492,6 +1591,11 @@
1492
1591
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1493
1592
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1494
1593
  }
1594
+ .transition-\[fill\,scale\] {
1595
+ transition-property: fill,scale;
1596
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1597
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1598
+ }
1495
1599
  .transition-\[height\] {
1496
1600
  transition-property: height;
1497
1601
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1570,6 +1674,10 @@
1570
1674
  --tw-duration: 100ms;
1571
1675
  transition-duration: 100ms;
1572
1676
  }
1677
+ .duration-200 {
1678
+ --tw-duration: 200ms;
1679
+ transition-duration: 200ms;
1680
+ }
1573
1681
  .duration-300 {
1574
1682
  --tw-duration: 300ms;
1575
1683
  transition-duration: 300ms;
@@ -2311,6 +2419,26 @@
2311
2419
  }
2312
2420
  }
2313
2421
  }
2422
+ .hover\:scale-125 {
2423
+ &:hover {
2424
+ @media (hover: hover) {
2425
+ --tw-scale-x: 125%;
2426
+ --tw-scale-y: 125%;
2427
+ --tw-scale-z: 125%;
2428
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2429
+ }
2430
+ }
2431
+ }
2432
+ .hover\:fill-violet-50\/90 {
2433
+ &:hover {
2434
+ @media (hover: hover) {
2435
+ fill: color-mix(in srgb, oklch(96.9% 0.016 293.756) 90%, transparent);
2436
+ @supports (color: color-mix(in lab, red, red)) {
2437
+ fill: color-mix(in oklab, var(--color-violet-50) 90%, transparent);
2438
+ }
2439
+ }
2440
+ }
2441
+ }
2314
2442
  .focus-visible\:bg-neutral-50 {
2315
2443
  &:focus-visible {
2316
2444
  background-color: var(--color-neutral-50);
@@ -2654,6 +2782,11 @@
2654
2782
  --theme-color: var(--color-ui-yellow);
2655
2783
  }
2656
2784
  }
2785
+ .data-open\:opacity-100 {
2786
+ &[data-open] {
2787
+ opacity: 100%;
2788
+ }
2789
+ }
2657
2790
  .data-portal\:fixed {
2658
2791
  &[data-portal] {
2659
2792
  position: fixed;
@@ -3134,6 +3267,11 @@
3134
3267
  bottom: auto;
3135
3268
  }
3136
3269
  }
3270
+ .pointer-fine\:hidden {
3271
+ @media (pointer: fine) {
3272
+ display: none;
3273
+ }
3274
+ }
3137
3275
  .pointer-fine\:inline {
3138
3276
  @media (pointer: fine) {
3139
3277
  display: inline;
@@ -3627,6 +3765,56 @@
3627
3765
  }
3628
3766
  }
3629
3767
  }
3768
+ .\[\&_\[data-name\=\"background\"\]\]\:fill-\[rgb\(10_102_194\)\] {
3769
+ & [data-name="background"] {
3770
+ fill: rgb(10 102 194);
3771
+ }
3772
+ }
3773
+ .\[\&_\[data-name\=\"background\"\]\]\:fill-\[rgb\(255_0_0\)\] {
3774
+ & [data-name="background"] {
3775
+ fill: rgb(255 0 0);
3776
+ }
3777
+ }
3778
+ .\[\&_\[data-name\=\"background\"\]\]\:fill-\[url\(\#facebook-gradient\)\] {
3779
+ & [data-name="background"] {
3780
+ fill: url(#facebook-gradient);
3781
+ }
3782
+ }
3783
+ .\[\&_\[data-name\=\"background\"\]\]\:fill-blue-500 {
3784
+ & [data-name="background"] {
3785
+ fill: var(--color-blue-500);
3786
+ }
3787
+ }
3788
+ .\[\&_\[data-name\=\"bottom\"\]\]\:fill-\[rgb\(0_242_234\)\] {
3789
+ & [data-name="bottom"] {
3790
+ fill: rgb(0 242 234);
3791
+ }
3792
+ }
3793
+ .\[\&_\[data-name\=\"f\"\]\]\:fill-white {
3794
+ & [data-name="f"] {
3795
+ fill: var(--color-white);
3796
+ }
3797
+ }
3798
+ .\[\&_\[data-name\=\"in\"\]\]\:fill-white {
3799
+ & [data-name="in"] {
3800
+ fill: var(--color-white);
3801
+ }
3802
+ }
3803
+ .\[\&_\[data-name\=\"middle\"\]\]\:fill-black {
3804
+ & [data-name="middle"] {
3805
+ fill: var(--color-black);
3806
+ }
3807
+ }
3808
+ .\[\&_\[data-name\=\"play\"\]\]\:fill-white {
3809
+ & [data-name="play"] {
3810
+ fill: var(--color-white);
3811
+ }
3812
+ }
3813
+ .\[\&_\[data-name\=\"top\"\]\]\:fill-\[rgb\(255_0_79\)\] {
3814
+ & [data-name="top"] {
3815
+ fill: rgb(255 0 79);
3816
+ }
3817
+ }
3630
3818
  }
3631
3819
  @layer base {
3632
3820
  * {
@@ -27,6 +27,7 @@ import { FormContext, FormStatus } from '../../hooks';
27
27
  export declare function Form<T extends ElementType = 'form'>({ controlled, initialStatus, ...props }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
28
28
  export * from './fieldset';
29
29
  export * from './input';
30
+ export * from './select';
30
31
  export * from './submit-button';
31
32
  export * from './textarea';
32
33
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,IAAI,CAC3D,eAAe,CACd,CAAC,EACD;IACC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IAChD,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACnD,CACD,EACD,UAAU,CACV,GAAG;IACH,QAAQ,CAAC,EAAE,CAAC,EACX,KAAK,EACL,WAAW,GACX,EAAE,cAAc,KACd,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,GAC/D,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAA;CACzE,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAkD,MAAM,OAAO,CAAA;AAGhH,OAAO,EAEN,WAAW,EAEX,UAAU,EAIV,MAAM,aAAa,CAAA;AA2EpB,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACpD,UAAmB,EACnB,aAA4B,EAC5B,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAUd;AAED,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IACjC,WAAW,EAAE,WAAW,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,IAAI,CAC3D,eAAe,CACd,CAAC,EACD;IACC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACvC,YAAY,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IAChD,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACnD,CACD,EACD,UAAU,CACV,GAAG;IACH,QAAQ,CAAC,EAAE,CAAC,EACX,KAAK,EACL,WAAW,GACX,EAAE,cAAc,KACd,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,GAC/D,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG;QAAE,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAA;CACzE,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAkD,MAAM,OAAO,CAAA;AAGhH,OAAO,EAEN,WAAW,EAEX,UAAU,EAIV,MAAM,aAAa,CAAA;AA2EpB,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACpD,UAAmB,EACnB,aAA4B,EAC5B,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAUd;AAED,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA"}
@@ -1,38 +1,58 @@
1
1
  import { ColorTheme, OneOf } from '../../../../types';
2
+ import { BaseInputComponentProps } from '../input-types';
3
+ export type DateMinMax = Date | [number, DateTimeObject['month'], DateTimeObject['day']] | Pick<DateTimeObject, 'day' | 'month' | 'year'>;
2
4
  export type DateOrTimeSelectorType = 'dropdown' | 'rotary';
3
5
  export type DateSelectorType = DateOrTimeSelectorType | 'calendar';
4
- export type TimeSelectorType = DateOrTimeSelectorType | 'clock';
6
+ export type DateTimeMinMax = Date | [
7
+ number,
8
+ DateTimeObject['month'],
9
+ DateTimeObject['day'],
10
+ DateTimeObject['hour'],
11
+ DateTimeObject['minute'],
12
+ DateTimeObject['second']
13
+ ] | DateTimeObject;
5
14
  export type DateAndTimeSelectorType = DateOrTimeSelectorType | 'clock-and-calendar';
6
- export type DateTimeInputProps = OneOf<[
15
+ export type DateTimeUIOption = {
16
+ date: DateSelectorType | DateSelectorType[] | {
17
+ desktop: DateSelectorType | DateSelectorType[];
18
+ mobile: DateSelectorType | DateSelectorType[];
19
+ };
20
+ time: TimeSelectorType | TimeSelectorType[] | {
21
+ desktop: TimeSelectorType | TimeSelectorType[];
22
+ mobile: TimeSelectorType | TimeSelectorType[];
23
+ };
24
+ };
25
+ export type DateTimeInputProps = BaseInputComponentProps & OneOf<[
7
26
  {
8
27
  type: 'date';
9
28
  /** Using an array, offers multiple, defaulting to the first listed option. */
10
- ui?: DateSelectorType | DateSelectorType[] | {
11
- desktop: DateSelectorType | DateSelectorType[];
12
- mobile: DateSelectorType | DateSelectorType[];
13
- };
29
+ ui?: DateUIOption;
14
30
  },
15
31
  {
16
32
  type: 'datetime';
17
33
  /** Using an array, offers multiple, defaulting to the first listed option. */
18
- ui?: DateAndTimeSelectorType | DateAndTimeSelectorType[] | {
19
- desktop: DateAndTimeSelectorType | DateAndTimeSelectorType[];
20
- mobile: DateAndTimeSelectorType | DateAndTimeSelectorType[];
21
- };
34
+ ui?: DateTimeUIOption;
22
35
  },
23
36
  {
24
37
  type: 'time';
25
38
  /** Using an array, offers multiple, defaulting to the first listed option. */
26
- ui?: TimeSelectorType | TimeSelectorType[] | {
27
- desktop: TimeSelectorType | TimeSelectorType[];
28
- mobile: TimeSelectorType | TimeSelectorType[];
29
- };
39
+ ui?: TimeUIOption;
30
40
  }
31
41
  ]> & {
32
42
  max?: Date;
33
43
  min?: Date;
34
44
  theme?: ColorTheme;
35
45
  };
36
- import { ReactElement } from 'react';
37
- export declare function DateTimeInput({ theme, type, ui, ...props }: DateTimeInputProps): ReactElement;
46
+ export type DateUIOption = DateSelectorType | DateSelectorType[] | {
47
+ desktop: DateSelectorType | DateSelectorType[];
48
+ mobile: DateSelectorType | DateSelectorType[];
49
+ };
50
+ export type TimeMinMax = Date | [DateTimeObject['hour'], DateTimeObject['minute'], DateTimeObject['second']] | Pick<DateTimeObject, 'hour' | 'minute' | 'second'>;
51
+ export type TimeSelectorType = DateOrTimeSelectorType | 'clock';
52
+ export type TimeUIOption = TimeSelectorType | TimeSelectorType[] | {
53
+ desktop: TimeSelectorType | TimeSelectorType[];
54
+ mobile: TimeSelectorType | TimeSelectorType[];
55
+ };
56
+ import { DateTimeObject } from '../../../../utils';
57
+ export declare function DateTimeInput({ className, fieldContextID, handleBlur, handleChange, ref, theme, type, ui, ...props }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;
38
58
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/date/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,UAAU,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,OAAO,CAAA;AAE/D,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAAG,oBAAoB,CAAA;AAEnF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CACrC;IACC;QACC,IAAI,EAAE,MAAM,CAAA;QACZ,8EAA8E;QAC9E,EAAE,CAAC,EACA,gBAAgB,GAChB,gBAAgB,EAAE,GAClB;YACA,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;YAC9C,MAAM,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;SAC5C,CAAA;KACJ;IACD;QACC,IAAI,EAAE,UAAU,CAAA;QAChB,8EAA8E;QAC9E,EAAE,CAAC,EACA,uBAAuB,GACvB,uBAAuB,EAAE,GACzB;YACA,OAAO,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,CAAA;YAC5D,MAAM,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,CAAA;SAC1D,CAAA;KACJ;IACD;QACC,IAAI,EAAE,MAAM,CAAA;QACZ,8EAA8E;QAC9E,EAAE,CAAC,EACA,gBAAgB,GAChB,gBAAgB,EAAE,GAClB;YACA,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;YAC9C,MAAM,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAA;SAC5C,CAAA;KACJ;CACD,CACD,GAAG;IACH,GAAG,CAAC,EAAE,IAAI,CAAA;IACV,GAAG,CAAC,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAa,MAAM,OAAO,CAAA;AAK/C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAe7F"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/date/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare function CalendarView(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=calendar-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/calendar-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAE3B"}
@@ -0,0 +1,2 @@
1
+ export declare function ClockView(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=clock-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"clock-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/clock-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAExB"}
@@ -0,0 +1,2 @@
1
+ export declare function DropdownView(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=dropdown-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdown-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/dropdown-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAE3B"}
@@ -0,0 +1,5 @@
1
+ export * from './calendar-view';
2
+ export * from './clock-view';
3
+ export * from './dropdown-view';
4
+ export * from './rotary-view';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare function RotaryView(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=rotary-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rotary-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/rotary-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAEzB"}
@@ -0,0 +1,21 @@
1
+ import { OneOf } from '../../../../../types';
2
+ import { DateUIOption, DateTimeUIOption, TimeUIOption } from '..';
3
+ export type ViewHandlerProps = OneOf<[
4
+ {
5
+ type: 'date';
6
+ /** Using an array, offers multiple, defaulting to the first listed option. */
7
+ ui: DateUIOption;
8
+ },
9
+ {
10
+ type: 'datetime';
11
+ /** Using an array, offers multiple, defaulting to the first listed option. */
12
+ ui: DateTimeUIOption;
13
+ },
14
+ {
15
+ type: 'time';
16
+ /** Using an array, offers multiple, defaulting to the first listed option. */
17
+ ui: TimeUIOption;
18
+ }
19
+ ]>;
20
+ export declare function ViewHandler({ type, ui }: ViewHandlerProps): import("react/jsx-runtime").JSX.Element;
21
+ //# sourceMappingURL=view-handler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"view-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/view-handler.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAsC,MAAM,IAAI,CAAA;AAErG,MAAM,MAAM,gBAAgB,GAAG,KAAK,CACnC;IACC;QACC,IAAI,EAAE,MAAM,CAAA;QACZ,8EAA8E;QAC9E,EAAE,EAAE,YAAY,CAAA;KAChB;IACD;QACC,IAAI,EAAE,UAAU,CAAA;QAChB,8EAA8E;QAC9E,EAAE,EAAE,gBAAgB,CAAA;KACpB;IACD;QACC,IAAI,EAAE,MAAM,CAAA;QACZ,8EAA8E;QAC9E,EAAE,EAAE,YAAY,CAAA;KAChB;CACD,CACD,CAAA;AAWD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,gBAAgB,2CAkKzD"}
@@ -1,54 +1,5 @@
1
- import { OneOf } from '../../../types';
2
- type DateMinMax = Date | [number, DateTimeObject['month'], DateTimeObject['day']] | Pick<DateTimeObject, 'day' | 'month' | 'year'>;
3
- type DateTimeMinMax = Date | [
4
- number,
5
- DateTimeObject['month'],
6
- DateTimeObject['day'],
7
- DateTimeObject['hour'],
8
- DateTimeObject['minute'],
9
- DateTimeObject['second']
10
- ] | DateTimeObject;
11
- type TimeMinMax = [DateTimeObject['hour'], DateTimeObject['minute'], DateTimeObject['second']] | Pick<DateTimeObject, 'hour' | 'minute' | 'second'>;
12
- type WeekMinMax = [number, WeekNumber];
13
- type InputType = OneOf<[
14
- {
15
- type?: 'date';
16
- min?: DateMinMax;
17
- max?: DateMinMax;
18
- },
19
- {
20
- type?: 'datetime' | 'datetime-local';
21
- min?: DateTimeMinMax;
22
- max?: DateTimeMinMax;
23
- },
24
- {
25
- type?: 'number';
26
- max?: number;
27
- min?: number;
28
- },
29
- {
30
- type?: 'password';
31
- options?: Partial<PasswordOptions>;
32
- },
33
- {
34
- type?: 'tel';
35
- options?: Partial<PhoneOptions>;
36
- },
37
- {
38
- type?: 'time';
39
- min?: TimeMinMax;
40
- max?: TimeMinMax;
41
- },
42
- {
43
- type?: 'week';
44
- min?: WeekMinMax;
45
- max?: WeekMinMax;
46
- },
47
- {
48
- type?: Exclude<HTMLInputTypeAttribute, 'date' | 'datetime' | 'datetime-local' | 'number' | 'password' | 'tel' | 'time' | 'week'>;
49
- }
50
- ]>;
51
- export type InputProps = Omit<HeadlessInputProps, 'max' | 'min' | 'name' | 'type'> & InputType & {
1
+ import { InputTypeProps } from './input-types';
2
+ export type InputProps = Omit<HeadlessInputProps, 'max' | 'min' | 'name' | 'type'> & InputTypeProps & {
52
3
  description?: ReactNode;
53
4
  descriptionProps?: Omit<DescriptionProps, 'children'> & {
54
5
  /** @deprecated Use the `description` prop instead. */
@@ -63,41 +14,7 @@ export type InputProps = Omit<HeadlessInputProps, 'max' | 'min' | 'name' | 'type
63
14
  name: string;
64
15
  ref?: RefObject<HTMLInputElement | null>;
65
16
  };
66
- type PasswordOptions = {
67
- matchPreviousInput: boolean;
68
- requireLowercaseCharacter: boolean;
69
- requireNumber: boolean;
70
- requireSpecialCharacter: boolean;
71
- requireUppercaseCharacter: boolean;
72
- };
73
- type PhoneOptions = {
74
- countryCode: string;
75
- /**
76
- * @example
77
- * format: 'continuous'
78
- * returns: 5555555555
79
- *
80
- * @example
81
- * format: 'dot'
82
- * returns: 555.555.5555
83
- *
84
- * @example
85
- * format: 'hyphenated'
86
- * returns: 555-555-5555
87
- *
88
- * @example
89
- * format: 'space'
90
- * returns: 555 555 5555
91
- *
92
- * @example
93
- * format: 'standard' (default)
94
- * returns: (555) 555-5555
95
- */
96
- format: 'continuous' | 'dot' | 'hyphenated' | 'none' | 'space' | 'standard';
97
- };
98
- import { HTMLInputTypeAttribute, ReactElement, ReactNode, RefObject } from 'react';
17
+ import { ReactElement, ReactNode, RefObject } from 'react';
99
18
  import { DescriptionProps, FieldProps, InputProps as HeadlessInputProps, LabelProps } from '@headlessui/react';
100
- import { DateTimeObject, WeekNumber } from '../../../utils';
101
- export declare function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, max, min, name, onBlur, onChange, options, placeholder, ref, required, type, value, ...props }: InputProps): ReactElement;
102
- export {};
19
+ export declare function Input({ as, checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, max, min, name, onBlur, onChange, options, placeholder, ref, required, type, value, ...props }: InputProps): ReactElement;
103
20
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,KAAK,UAAU,GACZ,IAAI,GACJ,CAAC,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,GACxD,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;AAEjD,KAAK,cAAc,GAChB,IAAI,GACJ;IACA,MAAM;IACN,cAAc,CAAC,OAAO,CAAC;IACvB,cAAc,CAAC,KAAK,CAAC;IACrB,cAAc,CAAC,MAAM,CAAC;IACtB,cAAc,CAAC,QAAQ,CAAC;IACxB,cAAc,CAAC,QAAQ,CAAC;CACvB,GACD,cAAc,CAAA;AAEjB,KAAK,UAAU,GACZ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,GAC5E,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAA;AAErD,KAAK,UAAU,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAEtC,KAAK,SAAS,GAAG,KAAK,CACrB;IACC;QACC,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,UAAU,CAAA;QAChB,GAAG,CAAC,EAAE,UAAU,CAAA;KAChB;IACD;QACC,IAAI,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAA;QACpC,GAAG,CAAC,EAAE,cAAc,CAAA;QACpB,GAAG,CAAC,EAAE,cAAc,CAAA;KACpB;IACD;QACC,IAAI,CAAC,EAAE,QAAQ,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ;IACD;QACC,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;KAClC;IACD;QACC,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;KAC/B;IACD;QACC,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,UAAU,CAAA;QAChB,GAAG,CAAC,EAAE,UAAU,CAAA;KAChB;IACD;QACC,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,UAAU,CAAA;QAChB,GAAG,CAAC,EAAE,UAAU,CAAA;KAChB;IACD;QACC,IAAI,CAAC,EAAE,OAAO,CACb,sBAAsB,EACtB,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CACxF,CAAA;KACD;CACD,CACD,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,GACjF,SAAS,GAAG;IACX,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gBAAgB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;QACvD,sDAAsD;QACtD,QAAQ,CAAC,EAAE,KAAK,CAAA;KAChB,CAAA;IACD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAC3C,gDAAgD;QAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;KAChB,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACxC,CAAA;AAEF,KAAK,eAAe,GAAG;IACtB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,yBAAyB,EAAE,OAAO,CAAA;IAClC,aAAa,EAAE,OAAO,CAAA;IACtB,uBAAuB,EAAE,OAAO,CAAA;IAChC,yBAAyB,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,KAAK,YAAY,GAAG;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,EAAE,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;CAC3E,CAAA;AAGD,OAAO,EAGN,sBAAsB,EACtB,YAAY,EACZ,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAA;AAMd,OAAO,EAEN,gBAAgB,EAEhB,UAAU,EAEV,UAAU,IAAI,kBAAkB,EAEhC,UAAU,EACV,MAAM,mBAAmB,CAAA;AAQ1B,OAAO,EACN,cAAc,EAQd,UAAU,EACV,MAAM,gBAAgB,CAAA;AAIvB,wBAAgB,KAAK,CAAC,EACrB,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,OAAc,EACd,KAAK,EACL,UAAU,EACV,GAAG,EACH,GAAG,EACH,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,EACH,QAAe,EACf,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACR,EAAE,UAAU,GAAG,YAAY,CAsV3B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,cAAc,EAId,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,GACjF,cAAc,GAAG;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gBAAgB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;QACvD,sDAAsD;QACtD,QAAQ,CAAC,EAAE,KAAK,CAAA;KAChB,CAAA;IACD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAC3C,gDAAgD;QAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;KAChB,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACxC,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAA;AAMtF,OAAO,EAEN,gBAAgB,EAEhB,UAAU,EACV,UAAU,IAAI,kBAAkB,EAEhC,UAAU,EACV,MAAM,mBAAmB,CAAA;AA2C1B,wBAAgB,KAAK,CAAC,EACrB,EAAE,EACF,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,OAAc,EACd,KAAK,EACL,UAAU,EACV,GAAG,EACH,GAAG,EACH,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,EACH,QAAe,EACf,IAAa,EACb,KAAK,EACL,GAAG,KAAK,EACR,EAAE,UAAU,GAAG,YAAY,CA2Q3B"}