mado-ui 0.5.4 → 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.
- package/css/index.css +189 -1
- package/dist/components/form/index.d.ts +1 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/input/date/index.d.ts +36 -16
- package/dist/components/form/input/date/index.d.ts.map +1 -1
- package/dist/components/form/input/date/views/calendar-view.d.ts +2 -0
- package/dist/components/form/input/date/views/calendar-view.d.ts.map +1 -0
- package/dist/components/form/input/date/views/clock-view.d.ts +2 -0
- package/dist/components/form/input/date/views/clock-view.d.ts.map +1 -0
- package/dist/components/form/input/date/views/dropdown-view.d.ts +2 -0
- package/dist/components/form/input/date/views/dropdown-view.d.ts.map +1 -0
- package/dist/components/form/input/date/views/index.d.ts +5 -0
- package/dist/components/form/input/date/views/index.d.ts.map +1 -0
- package/dist/components/form/input/date/views/rotary-view.d.ts +2 -0
- package/dist/components/form/input/date/views/rotary-view.d.ts.map +1 -0
- package/dist/components/form/input/date/views/view-handler.d.ts +21 -0
- package/dist/components/form/input/date/views/view-handler.d.ts.map +1 -0
- package/dist/components/form/input/index.d.ts +4 -87
- package/dist/components/form/input/index.d.ts.map +1 -1
- package/dist/components/form/input/input-types.d.ts +102 -0
- package/dist/components/form/input/input-types.d.ts.map +1 -0
- package/dist/components/form/input/number-input.d.ts +4 -0
- package/dist/components/form/input/number-input.d.ts.map +1 -0
- package/dist/components/form/input/text-input.d.ts +36 -0
- package/dist/components/form/input/text-input.d.ts.map +1 -0
- package/dist/components/form/select.d.ts +41 -0
- package/dist/components/form/select.d.ts.map +1 -0
- package/dist/components.d.ts +161 -62
- package/dist/components.esm.js +482 -183
- package/dist/components.esm.js.map +1 -1
- package/dist/components.js +481 -181
- package/dist/components.js.map +1 -1
- package/dist/graphics/index.d.ts +2 -0
- package/dist/graphics/index.d.ts.map +1 -0
- package/dist/graphics/social-media/facebook-logo.d.ts +33 -0
- package/dist/graphics/social-media/facebook-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/google-logo.d.ts +13 -0
- package/dist/graphics/social-media/google-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/index.d.ts +8 -0
- package/dist/graphics/social-media/index.d.ts.map +1 -0
- package/dist/graphics/social-media/instagram-logo.d.ts +13 -0
- package/dist/graphics/social-media/instagram-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/linkedin-logo.d.ts +26 -0
- package/dist/graphics/social-media/linkedin-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/tiktok-logo.d.ts +26 -0
- package/dist/graphics/social-media/tiktok-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/x-logo.d.ts +6 -0
- package/dist/graphics/social-media/x-logo.d.ts.map +1 -0
- package/dist/graphics/social-media/youtube-logo.d.ts +26 -0
- package/dist/graphics/social-media/youtube-logo.d.ts.map +1 -0
- package/dist/graphics.d.ts +141 -0
- package/dist/graphics.d.ts.map +1 -0
- package/dist/graphics.esm.js +241 -0
- package/dist/graphics.esm.js.map +1 -0
- package/dist/graphics.js +249 -0
- package/dist/graphics.js.map +1 -0
- package/dist/hooks/use-fieldset-context.d.ts.map +1 -1
- package/dist/hooks/use-form-context.d.ts +5 -5
- package/dist/hooks/use-form-context.d.ts.map +1 -1
- package/dist/hooks.d.ts +5 -5
- package/dist/hooks.esm.js.map +1 -1
- package/dist/hooks.js.map +1 -1
- package/dist/index.d.ts +161 -62
- package/dist/index.esm.js +482 -183
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +481 -181
- package/dist/index.js.map +1 -1
- package/dist/utils/get-date.d.ts +32 -20
- package/dist/utils/get-date.d.ts.map +1 -1
- package/dist/utils/string-manipulation.d.ts +23 -1
- package/dist/utils/string-manipulation.d.ts.map +1 -1
- package/dist/utils.d.ts +57 -23
- package/dist/utils.esm.js +1139 -57
- package/dist/utils.esm.js.map +1 -1
- package/dist/utils.js +1145 -58
- package/dist/utils.js.map +1 -1
- package/package.json +100 -96
- package/dist/components/mado-ui-provider.d.ts +0 -1
- package/dist/hooks/use-anime-scope.d.ts +0 -15
- package/dist/types.esm.js +0 -2
- package/dist/types.esm.js.map +0 -1
- package/dist/types.js +0 -3
- package/dist/types.js.map +0 -1
package/css/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
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
|
|
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
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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
|
-
|
|
37
|
-
|
|
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;
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 {
|
|
2
|
-
type
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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"}
|