@max-ts/kit 0.27.1 → 1.0.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.
- package/lib/components/Calendar/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/components/ConfirmAction/ConfirmAction.d.ts +2 -2
- package/lib/components/ConfirmAction/ConfirmAction.d.ts.map +1 -1
- package/lib/components/Drawer/Drawer.d.ts +6 -5
- package/lib/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/components/Drawer/styles.css.d.ts +2 -0
- package/lib/components/Drawer/styles.css.d.ts.map +1 -1
- package/lib/components/Label/Label.d.ts +2 -3
- package/lib/components/Label/Label.d.ts.map +1 -1
- package/lib/components/OverflowTypography/OverflowTypography.d.ts.map +1 -1
- package/lib/components/OverflowTypography/useLogic.d.ts +8 -17
- package/lib/components/OverflowTypography/useLogic.d.ts.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/components/RadioGroup/RadioGroupItem.d.ts +2 -2
- package/lib/components/RadioGroup/RadioGroupItem.d.ts.map +1 -1
- package/lib/components/RadioGroup/styles.css.d.ts.map +1 -1
- package/lib/components/Select/Select.d.ts +17 -12
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Select/styles.css.d.ts +1 -0
- package/lib/components/Select/styles.css.d.ts.map +1 -1
- package/lib/components/Tabs/Tabs.d.ts +6 -3
- package/lib/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/components/Tabs/TabsContent.d.ts +3 -2
- package/lib/components/Tabs/TabsContent.d.ts.map +1 -1
- package/lib/components/Tabs/TabsList.d.ts +2 -2
- package/lib/components/Tabs/TabsList.d.ts.map +1 -1
- package/lib/components/Tabs/TabsTrigger.d.ts +2 -2
- package/lib/components/Tabs/TabsTrigger.d.ts.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +7 -5
- package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/components/Tooltip/styles.css.d.ts +1 -0
- package/lib/components/Tooltip/styles.css.d.ts.map +1 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.mjs +192 -207
- package/lib/stories/MaskField.stories.d.ts +0 -1
- package/lib/stories/MaskField.stories.d.ts.map +1 -1
- package/lib/styles.css +120 -51
- package/package.json +2 -10
- package/lib/form/Form/Form.d.ts +0 -46
- package/lib/form/Form/Form.d.ts.map +0 -1
- package/lib/form/Form/index.d.ts +0 -2
- package/lib/form/Form/index.d.ts.map +0 -1
- package/lib/form/FormMaskField/FormMaskField.d.ts +0 -5
- package/lib/form/FormMaskField/FormMaskField.d.ts.map +0 -1
- package/lib/form/FormMaskField/index.d.ts +0 -3
- package/lib/form/FormMaskField/index.d.ts.map +0 -1
- package/lib/form/FormMaskField/types.d.ts +0 -5
- package/lib/form/FormMaskField/types.d.ts.map +0 -1
- package/lib/form/FormSubmitButton/FormSubmitButton.d.ts +0 -7
- package/lib/form/FormSubmitButton/FormSubmitButton.d.ts.map +0 -1
- package/lib/form/FormSubmitButton/index.d.ts +0 -2
- package/lib/form/FormSubmitButton/index.d.ts.map +0 -1
- package/lib/form/FormTextField/FormTextField.d.ts +0 -8
- package/lib/form/FormTextField/FormTextField.d.ts.map +0 -1
- package/lib/form/FormTextField/index.d.ts +0 -3
- package/lib/form/FormTextField/index.d.ts.map +0 -1
- package/lib/form/FormTextField/types.d.ts +0 -5
- package/lib/form/FormTextField/types.d.ts.map +0 -1
- package/lib/form/external.d.ts +0 -2
- package/lib/form/external.d.ts.map +0 -1
- package/lib/form/hooks/index.d.ts +0 -3
- package/lib/form/hooks/index.d.ts.map +0 -1
- package/lib/form/hooks/useForm/index.d.ts +0 -2
- package/lib/form/hooks/useForm/index.d.ts.map +0 -1
- package/lib/form/hooks/useForm/useForm.d.ts +0 -5
- package/lib/form/hooks/useForm/useForm.d.ts.map +0 -1
- package/lib/form/hooks/useFormContext/index.d.ts +0 -2
- package/lib/form/hooks/useFormContext/index.d.ts.map +0 -1
- package/lib/form/index.d.ts +0 -8
- package/lib/form/index.d.ts.map +0 -1
- package/lib/form/types.d.ts +0 -8
- package/lib/form/types.d.ts.map +0 -1
|
@@ -3,5 +3,4 @@ import { MaskField } from '../components/index.ts';
|
|
|
3
3
|
declare const _default: Meta<typeof MaskField>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Default: () => import("react").JSX.Element;
|
|
6
|
-
export declare const FormExample: () => import("react").JSX.Element;
|
|
7
6
|
//# sourceMappingURL=MaskField.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaskField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MaskField.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MaskField.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MaskField.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;wBASpC,IAAI,CAAC,OAAO,SAAS,CAAC;AAP3B,wBAO4B;AAE5B,eAAO,MAAM,OAAO,mCAcnB,CAAC"}
|
package/lib/styles.css
CHANGED
|
@@ -1225,7 +1225,7 @@ a.outline__1af895x4:hover {
|
|
|
1225
1225
|
}
|
|
1226
1226
|
|
|
1227
1227
|
.style__1e2msjb0 {
|
|
1228
|
-
z-index:
|
|
1228
|
+
z-index: 60;
|
|
1229
1229
|
width: max-content;
|
|
1230
1230
|
}
|
|
1231
1231
|
|
|
@@ -1741,6 +1741,11 @@ a.outline__1af895x4:hover {
|
|
|
1741
1741
|
}
|
|
1742
1742
|
|
|
1743
1743
|
.style__izacrl2 {
|
|
1744
|
+
isolation: isolate;
|
|
1745
|
+
z-index: 50;
|
|
1746
|
+
}
|
|
1747
|
+
|
|
1748
|
+
.style__izacrl3 {
|
|
1744
1749
|
z-index: 50;
|
|
1745
1750
|
border-radius: var(--borderRadius-md);
|
|
1746
1751
|
background-color: var(--colors-background-tooltip);
|
|
@@ -1748,24 +1753,46 @@ a.outline__1af895x4:hover {
|
|
|
1748
1753
|
box-shadow: var(--elevation-3);
|
|
1749
1754
|
color: var(--colors-foreground-primary);
|
|
1750
1755
|
max-width: 400px;
|
|
1751
|
-
overflow:
|
|
1756
|
+
overflow: visible;
|
|
1752
1757
|
}
|
|
1753
1758
|
|
|
1754
|
-
.
|
|
1759
|
+
.style__izacrl3[data-open] {
|
|
1755
1760
|
animation: .15s ease-out style__izacrl0;
|
|
1756
1761
|
}
|
|
1757
1762
|
|
|
1758
|
-
.
|
|
1763
|
+
.style__izacrl3[data-closed] {
|
|
1759
1764
|
animation: .15s ease-out style__izacrl1;
|
|
1760
1765
|
}
|
|
1761
1766
|
|
|
1762
|
-
.
|
|
1767
|
+
.style__izacrl4 {
|
|
1763
1768
|
font-size: var(--fontSize-sm);
|
|
1764
1769
|
font-weight: var(--fontWeight-medium);
|
|
1765
1770
|
}
|
|
1766
1771
|
|
|
1767
|
-
.
|
|
1768
|
-
|
|
1772
|
+
.style__izacrl5 {
|
|
1773
|
+
z-index: 50;
|
|
1774
|
+
background-color: var(--colors-background-tooltip);
|
|
1775
|
+
pointer-events: none;
|
|
1776
|
+
border-radius: 2px;
|
|
1777
|
+
width: .625rem;
|
|
1778
|
+
height: .625rem;
|
|
1779
|
+
transform: rotate(45deg);
|
|
1780
|
+
}
|
|
1781
|
+
|
|
1782
|
+
.style__izacrl5[data-side="top"] {
|
|
1783
|
+
bottom: -.25rem;
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
.style__izacrl5[data-side="bottom"] {
|
|
1787
|
+
top: -.25rem;
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1790
|
+
.style__izacrl5[data-side="left"], .style__izacrl5[data-side="inline-start"] {
|
|
1791
|
+
right: -.25rem;
|
|
1792
|
+
}
|
|
1793
|
+
|
|
1794
|
+
.style__izacrl5[data-side="right"], .style__izacrl5[data-side="inline-end"] {
|
|
1795
|
+
left: -.25rem;
|
|
1769
1796
|
}
|
|
1770
1797
|
|
|
1771
1798
|
.style__1wpx85c0 {
|
|
@@ -2793,24 +2820,37 @@ a.outline__1af895x4:hover {
|
|
|
2793
2820
|
inset: 0;
|
|
2794
2821
|
}
|
|
2795
2822
|
|
|
2796
|
-
.style__ccss502[data-
|
|
2823
|
+
.style__ccss502[data-open] {
|
|
2797
2824
|
animation: .15s ease-out style__ccss500;
|
|
2798
2825
|
}
|
|
2799
2826
|
|
|
2800
|
-
.style__ccss502[data-
|
|
2827
|
+
.style__ccss502[data-closed] {
|
|
2801
2828
|
animation: .15s ease-in style__ccss501;
|
|
2802
2829
|
}
|
|
2803
2830
|
|
|
2804
2831
|
.style__ccss503 {
|
|
2832
|
+
z-index: 50;
|
|
2833
|
+
position: fixed;
|
|
2834
|
+
inset: 0;
|
|
2835
|
+
}
|
|
2836
|
+
|
|
2837
|
+
.style__ccss504 {
|
|
2805
2838
|
z-index: 50;
|
|
2806
2839
|
background-color: var(--colors-background-paper);
|
|
2840
|
+
will-change: transform;
|
|
2807
2841
|
flex-direction: column;
|
|
2808
2842
|
height: auto;
|
|
2843
|
+
transition: transform .26s cubic-bezier(.22, 1, .36, 1);
|
|
2809
2844
|
display: flex;
|
|
2810
2845
|
position: fixed;
|
|
2811
2846
|
}
|
|
2812
2847
|
|
|
2813
|
-
.
|
|
2848
|
+
.style__ccss504[data-swiping] {
|
|
2849
|
+
transition: none;
|
|
2850
|
+
}
|
|
2851
|
+
|
|
2852
|
+
.style__ccss504[data-swipe-direction="up"] {
|
|
2853
|
+
transform: translate3d(0, var(--drawer-swipe-movement-y, 0px), 0);
|
|
2814
2854
|
margin-bottom: var(--spacing-10);
|
|
2815
2855
|
border-bottom-left-radius: var(--borderRadius-lg);
|
|
2816
2856
|
border-bottom-right-radius: var(--borderRadius-lg);
|
|
@@ -2821,7 +2861,12 @@ a.outline__1af895x4:hover {
|
|
|
2821
2861
|
right: 0;
|
|
2822
2862
|
}
|
|
2823
2863
|
|
|
2824
|
-
.
|
|
2864
|
+
.style__ccss504[data-swipe-direction="up"][data-starting-style], .style__ccss504[data-swipe-direction="up"][data-ending-style] {
|
|
2865
|
+
transform: translate3d(0, calc(-100% + var(--drawer-swipe-movement-y, 0px)), 0);
|
|
2866
|
+
}
|
|
2867
|
+
|
|
2868
|
+
.style__ccss504[data-swipe-direction="down"] {
|
|
2869
|
+
transform: translate3d(0, var(--drawer-swipe-movement-y, 0px), 0);
|
|
2825
2870
|
margin-top: var(--spacing-10);
|
|
2826
2871
|
border-top-left-radius: var(--borderRadius-lg);
|
|
2827
2872
|
border-top-right-radius: var(--borderRadius-lg);
|
|
@@ -2832,7 +2877,12 @@ a.outline__1af895x4:hover {
|
|
|
2832
2877
|
right: 0;
|
|
2833
2878
|
}
|
|
2834
2879
|
|
|
2835
|
-
.
|
|
2880
|
+
.style__ccss504[data-swipe-direction="down"][data-starting-style], .style__ccss504[data-swipe-direction="down"][data-ending-style] {
|
|
2881
|
+
transform: translate3d(0, calc(100% + var(--drawer-swipe-movement-y, 0px)), 0);
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2884
|
+
.style__ccss504[data-swipe-direction="right"] {
|
|
2885
|
+
transform: translate3d(var(--drawer-swipe-movement-x, 0px), 0, 0);
|
|
2836
2886
|
border-left: 1px solid var(--colors-border);
|
|
2837
2887
|
width: 75%;
|
|
2838
2888
|
top: 0;
|
|
@@ -2840,7 +2890,12 @@ a.outline__1af895x4:hover {
|
|
|
2840
2890
|
right: 0;
|
|
2841
2891
|
}
|
|
2842
2892
|
|
|
2843
|
-
.
|
|
2893
|
+
.style__ccss504[data-swipe-direction="right"][data-starting-style], .style__ccss504[data-swipe-direction="right"][data-ending-style] {
|
|
2894
|
+
transform: translate3d(calc(100% + var(--drawer-swipe-movement-x, 0px)), 0, 0);
|
|
2895
|
+
}
|
|
2896
|
+
|
|
2897
|
+
.style__ccss504[data-swipe-direction="left"] {
|
|
2898
|
+
transform: translate3d(var(--drawer-swipe-movement-x, 0px), 0, 0);
|
|
2844
2899
|
border-right: 1px solid var(--colors-border);
|
|
2845
2900
|
width: 75%;
|
|
2846
2901
|
top: 0;
|
|
@@ -2848,7 +2903,18 @@ a.outline__1af895x4:hover {
|
|
|
2848
2903
|
left: 0;
|
|
2849
2904
|
}
|
|
2850
2905
|
|
|
2851
|
-
.style__ccss504 {
|
|
2906
|
+
.style__ccss504[data-swipe-direction="left"][data-starting-style], .style__ccss504[data-swipe-direction="left"][data-ending-style] {
|
|
2907
|
+
transform: translate3d(calc(-100% + var(--drawer-swipe-movement-x, 0px)), 0, 0);
|
|
2908
|
+
}
|
|
2909
|
+
|
|
2910
|
+
.style__ccss505 {
|
|
2911
|
+
flex-direction: column;
|
|
2912
|
+
height: 100%;
|
|
2913
|
+
min-height: 0;
|
|
2914
|
+
display: flex;
|
|
2915
|
+
}
|
|
2916
|
+
|
|
2917
|
+
.style__ccss506 {
|
|
2852
2918
|
margin-left: auto;
|
|
2853
2919
|
margin-right: auto;
|
|
2854
2920
|
margin-top: var(--spacing-4);
|
|
@@ -2860,22 +2926,22 @@ a.outline__1af895x4:hover {
|
|
|
2860
2926
|
display: none;
|
|
2861
2927
|
}
|
|
2862
2928
|
|
|
2863
|
-
.group\/drawer-content[data-
|
|
2929
|
+
.group\/drawer-content[data-swipe-direction="down"] .style__ccss506 {
|
|
2864
2930
|
display: block;
|
|
2865
2931
|
}
|
|
2866
2932
|
|
|
2867
|
-
.
|
|
2933
|
+
.style__ccss507 {
|
|
2868
2934
|
gap: var(--spacing-1);
|
|
2869
2935
|
padding: var(--spacing-4);
|
|
2870
2936
|
flex-direction: column;
|
|
2871
2937
|
display: flex;
|
|
2872
2938
|
}
|
|
2873
2939
|
|
|
2874
|
-
.group\/drawer-content[data-
|
|
2940
|
+
.group\/drawer-content[data-swipe-direction="down"] .style__ccss507, .group\/drawer-content[data-swipe-direction="up"] .style__ccss507 {
|
|
2875
2941
|
text-align: center;
|
|
2876
2942
|
}
|
|
2877
2943
|
|
|
2878
|
-
.
|
|
2944
|
+
.style__ccss508 {
|
|
2879
2945
|
gap: var(--spacing-2);
|
|
2880
2946
|
padding: var(--spacing-4);
|
|
2881
2947
|
flex-direction: column;
|
|
@@ -2883,26 +2949,26 @@ a.outline__1af895x4:hover {
|
|
|
2883
2949
|
display: flex;
|
|
2884
2950
|
}
|
|
2885
2951
|
|
|
2886
|
-
.
|
|
2952
|
+
.style__ccss509 {
|
|
2887
2953
|
color: var(--colors-text-primary);
|
|
2888
2954
|
font-weight: var(--fontWeight-semibold);
|
|
2889
2955
|
margin: 0;
|
|
2890
2956
|
}
|
|
2891
2957
|
|
|
2892
|
-
.
|
|
2958
|
+
.style__ccss50a {
|
|
2893
2959
|
color: var(--colors-text-secondary);
|
|
2894
2960
|
font-size: var(--fontSize-sm);
|
|
2895
2961
|
margin: 0;
|
|
2896
2962
|
}
|
|
2897
2963
|
|
|
2898
2964
|
@media (width >= 640px) {
|
|
2899
|
-
.
|
|
2965
|
+
.style__ccss504[data-swipe-direction="right"], .style__ccss504[data-swipe-direction="left"] {
|
|
2900
2966
|
max-width: 24rem;
|
|
2901
2967
|
}
|
|
2902
2968
|
}
|
|
2903
2969
|
|
|
2904
2970
|
@media (width >= 768px) {
|
|
2905
|
-
.
|
|
2971
|
+
.style__ccss507 {
|
|
2906
2972
|
gap: var(--spacing-4);
|
|
2907
2973
|
text-align: left;
|
|
2908
2974
|
}
|
|
@@ -3412,7 +3478,11 @@ a.outline__1af895x4:hover {
|
|
|
3412
3478
|
border-radius: 9999px;
|
|
3413
3479
|
outline: none;
|
|
3414
3480
|
flex-shrink: 0;
|
|
3481
|
+
justify-content: center;
|
|
3482
|
+
align-items: center;
|
|
3415
3483
|
transition: color .2s, box-shadow .2s;
|
|
3484
|
+
display: inline-flex;
|
|
3485
|
+
position: relative;
|
|
3416
3486
|
}
|
|
3417
3487
|
|
|
3418
3488
|
.style__ia95d12:focus-visible {
|
|
@@ -3435,20 +3505,18 @@ a.outline__1af895x4:hover {
|
|
|
3435
3505
|
}
|
|
3436
3506
|
|
|
3437
3507
|
.style__ia95d13 {
|
|
3508
|
+
width: 100%;
|
|
3509
|
+
height: 100%;
|
|
3510
|
+
color: var(--colors-primary);
|
|
3438
3511
|
justify-content: center;
|
|
3439
3512
|
align-items: center;
|
|
3440
3513
|
display: flex;
|
|
3441
|
-
position: relative;
|
|
3442
3514
|
}
|
|
3443
3515
|
|
|
3444
3516
|
.style__ia95d14 {
|
|
3445
3517
|
width: var(--spacing-2);
|
|
3446
3518
|
height: var(--spacing-2);
|
|
3447
|
-
fill:
|
|
3448
|
-
position: absolute;
|
|
3449
|
-
top: 50%;
|
|
3450
|
-
left: 50%;
|
|
3451
|
-
transform: translate(-50%, -50%);
|
|
3519
|
+
fill: currentColor;
|
|
3452
3520
|
}
|
|
3453
3521
|
|
|
3454
3522
|
.style__h9oy580 {
|
|
@@ -3721,59 +3789,60 @@ a.outline__1af895x4:hover {
|
|
|
3721
3789
|
}
|
|
3722
3790
|
|
|
3723
3791
|
.style__5ilg7o7 {
|
|
3724
|
-
|
|
3792
|
+
isolation: isolate;
|
|
3793
|
+
z-index: 5000;
|
|
3794
|
+
}
|
|
3795
|
+
|
|
3796
|
+
.style__5ilg7o8 {
|
|
3797
|
+
z-index: 5000;
|
|
3798
|
+
max-height: var(--available-height, 24rem);
|
|
3725
3799
|
border-radius: var(--borderRadius-md);
|
|
3726
3800
|
border: 1px solid var(--colors-border);
|
|
3727
3801
|
background-color: var(--colors-background-paper);
|
|
3728
3802
|
min-width: 8rem;
|
|
3729
|
-
max-height: 24rem;
|
|
3730
3803
|
color: var(--colors-text-primary);
|
|
3731
3804
|
position: relative;
|
|
3732
3805
|
overflow: hidden;
|
|
3733
3806
|
box-shadow: 0 2px 4px #0000001a;
|
|
3734
3807
|
}
|
|
3735
3808
|
|
|
3736
|
-
.
|
|
3809
|
+
.style__5ilg7o8[data-open] {
|
|
3737
3810
|
animation: .15s ease-out style__5ilg7o0;
|
|
3738
3811
|
}
|
|
3739
3812
|
|
|
3740
|
-
.
|
|
3813
|
+
.style__5ilg7o8[data-closed] {
|
|
3741
3814
|
animation: .15s ease-in style__5ilg7o1;
|
|
3742
3815
|
}
|
|
3743
3816
|
|
|
3744
|
-
.
|
|
3817
|
+
.style__5ilg7o8[data-side="bottom"] {
|
|
3745
3818
|
transform: translateY(4px);
|
|
3746
3819
|
}
|
|
3747
3820
|
|
|
3748
|
-
.
|
|
3821
|
+
.style__5ilg7o8[data-side="top"] {
|
|
3749
3822
|
transform: translateY(-4px);
|
|
3750
3823
|
}
|
|
3751
3824
|
|
|
3752
|
-
.
|
|
3825
|
+
.style__5ilg7o8[data-side="left"] {
|
|
3753
3826
|
transform: translateX(-4px);
|
|
3754
3827
|
}
|
|
3755
3828
|
|
|
3756
|
-
.
|
|
3829
|
+
.style__5ilg7o8[data-side="right"] {
|
|
3757
3830
|
transform: translateX(4px);
|
|
3758
3831
|
}
|
|
3759
3832
|
|
|
3760
|
-
.
|
|
3833
|
+
.style__5ilg7o9 {
|
|
3761
3834
|
padding: var(--spacing-1);
|
|
3762
|
-
}
|
|
3763
|
-
|
|
3764
|
-
.style__5ilg7o8[data-position="popper"] {
|
|
3765
|
-
height: var(--radix-select-trigger-height);
|
|
3766
3835
|
width: 100%;
|
|
3767
|
-
min-width: var(--
|
|
3836
|
+
min-width: var(--anchor-width, 100%);
|
|
3768
3837
|
}
|
|
3769
3838
|
|
|
3770
|
-
.
|
|
3839
|
+
.style__5ilg7oa {
|
|
3771
3840
|
padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-8);
|
|
3772
3841
|
font-size: var(--fontSize-sm);
|
|
3773
3842
|
font-weight: var(--fontWeight-semibold);
|
|
3774
3843
|
}
|
|
3775
3844
|
|
|
3776
|
-
.
|
|
3845
|
+
.style__5ilg7ob {
|
|
3777
3846
|
cursor: default;
|
|
3778
3847
|
-webkit-user-select: none;
|
|
3779
3848
|
user-select: none;
|
|
@@ -3787,17 +3856,17 @@ a.outline__1af895x4:hover {
|
|
|
3787
3856
|
position: relative;
|
|
3788
3857
|
}
|
|
3789
3858
|
|
|
3790
|
-
.
|
|
3859
|
+
.style__5ilg7ob[data-highlighted] {
|
|
3791
3860
|
background-color: var(--colors-background-elementHover);
|
|
3792
3861
|
color: var(--colors-text-primary);
|
|
3793
3862
|
}
|
|
3794
3863
|
|
|
3795
|
-
.
|
|
3864
|
+
.style__5ilg7ob[data-disabled] {
|
|
3796
3865
|
pointer-events: none;
|
|
3797
3866
|
opacity: .5;
|
|
3798
3867
|
}
|
|
3799
3868
|
|
|
3800
|
-
.
|
|
3869
|
+
.style__5ilg7oc {
|
|
3801
3870
|
left: var(--spacing-2);
|
|
3802
3871
|
justify-content: center;
|
|
3803
3872
|
align-items: center;
|
|
@@ -3807,18 +3876,18 @@ a.outline__1af895x4:hover {
|
|
|
3807
3876
|
position: absolute;
|
|
3808
3877
|
}
|
|
3809
3878
|
|
|
3810
|
-
.
|
|
3879
|
+
.style__5ilg7od {
|
|
3811
3880
|
margin: var(--spacing-1) calc(-1 * var(--spacing-1));
|
|
3812
3881
|
background-color: var(--colors-background-element);
|
|
3813
3882
|
height: 1px;
|
|
3814
3883
|
}
|
|
3815
3884
|
|
|
3816
|
-
.
|
|
3885
|
+
.style__5ilg7oe {
|
|
3817
3886
|
width: 1rem;
|
|
3818
3887
|
height: 1rem;
|
|
3819
3888
|
}
|
|
3820
3889
|
|
|
3821
|
-
.
|
|
3890
|
+
.style__5ilg7of {
|
|
3822
3891
|
opacity: .5;
|
|
3823
3892
|
width: 1rem;
|
|
3824
3893
|
height: 1rem;
|
|
@@ -4858,7 +4927,7 @@ a.outline__1af895x4:hover {
|
|
|
4858
4927
|
opacity: .5;
|
|
4859
4928
|
}
|
|
4860
4929
|
|
|
4861
|
-
.style__hworoa1[data-
|
|
4930
|
+
.style__hworoa1[data-active] {
|
|
4862
4931
|
background-color: var(--colors-primary);
|
|
4863
4932
|
color: var(--colors-foreground-primary);
|
|
4864
4933
|
box-shadow: var(--elevation-3);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@max-ts/kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"module": "./lib/index.mjs",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -16,12 +16,6 @@
|
|
|
16
16
|
],
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@base-ui/react": "^1.5.0",
|
|
19
|
-
"@radix-ui/react-label": "^2.1.9",
|
|
20
|
-
"@radix-ui/react-radio-group": "^1.4.0",
|
|
21
|
-
"@radix-ui/react-select": "^2.3.0",
|
|
22
|
-
"@radix-ui/react-slot": "^1.2.5",
|
|
23
|
-
"@radix-ui/react-tabs": "^1.1.14",
|
|
24
|
-
"@radix-ui/react-tooltip": "^1.2.9",
|
|
25
19
|
"@react-input/mask": "^2.0.4",
|
|
26
20
|
"clsx": "^2.1.1",
|
|
27
21
|
"embla-carousel-react": "^8.6.0",
|
|
@@ -30,10 +24,8 @@
|
|
|
30
24
|
"react": "19.2.7",
|
|
31
25
|
"react-day-picker": "^10.0.1",
|
|
32
26
|
"react-dom": "19.2.7",
|
|
33
|
-
"react-hook-form": "^7.77.0",
|
|
34
27
|
"react-virtuoso": "^4.18.7",
|
|
35
|
-
"sonner": "^2.0.7"
|
|
36
|
-
"vaul": "^1.1.2"
|
|
28
|
+
"sonner": "^2.0.7"
|
|
37
29
|
},
|
|
38
30
|
"devDependencies": {
|
|
39
31
|
"@biomejs/biome": "^2.4.16",
|
package/lib/form/Form/Form.d.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import type { FormHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import type { UseFormReturn } from '../hooks';
|
|
3
|
-
export type FormProps<FormValues extends object> = FormHTMLAttributes<HTMLFormElement> & {
|
|
4
|
-
/**
|
|
5
|
-
* @description Значение, которое возвращвет useForm. Необходимо для передачи в FormContext
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* import { Form, useForm } from 'form';
|
|
9
|
-
*
|
|
10
|
-
* function App() {
|
|
11
|
-
* const form = useForm();
|
|
12
|
-
* const onSubmit = data => console.log(data);
|
|
13
|
-
*
|
|
14
|
-
* return (
|
|
15
|
-
* <Form onSubmit={handleSubmit(onSubmit)} form={form}>
|
|
16
|
-
* <input defaultValue="test" {...form.register("example")} />
|
|
17
|
-
* <input type="submit" />
|
|
18
|
-
* </form>
|
|
19
|
-
* );
|
|
20
|
-
* }
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
form: UseFormReturn<FormValues>;
|
|
24
|
-
children?: ReactNode;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* @description Компонент, инкапсулирующий FormProvider
|
|
28
|
-
* @example
|
|
29
|
-
* ```tsx
|
|
30
|
-
* import { Form, useForm } from 'form';
|
|
31
|
-
*
|
|
32
|
-
* function App() {
|
|
33
|
-
* const form = useForm();
|
|
34
|
-
* const onSubmit = data => console.log(data);
|
|
35
|
-
*
|
|
36
|
-
* return (
|
|
37
|
-
* <Form onSubmit={handleSubmit(onSubmit)} form={form}>
|
|
38
|
-
* <input defaultValue="test" {...form.register("example")} />
|
|
39
|
-
* <input type="submit" />
|
|
40
|
-
* </form>
|
|
41
|
-
* );
|
|
42
|
-
* }
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export declare const Form: <FormValues extends object>({ form, children, ...props }: FormProps<FormValues>) => import("react").JSX.Element;
|
|
46
|
-
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/form/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,SAAS,CAAC,UAAU,SAAS,MAAM,IAC9C,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACrC;;;;;;;;;;;;;;;;;;OAkBG;IAEH,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,IAAI,GAAI,UAAU,SAAS,MAAM,EAAE,8BAI7C,SAAS,CAAC,UAAU,CAAC,gCASvB,CAAC"}
|
package/lib/form/Form/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/Form/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type MaskFieldProps } from '../../components';
|
|
2
|
-
import type { WithFormFieldProps } from '../types';
|
|
3
|
-
export type FormMaskFieldProps<FieldValues extends object> = WithFormFieldProps<MaskFieldProps, FieldValues>;
|
|
4
|
-
export declare function FormMaskField<T extends object>({ name, control, ...props }: FormMaskFieldProps<T>): import("react").JSX.Element;
|
|
5
|
-
//# sourceMappingURL=FormMaskField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormMaskField.d.ts","sourceRoot":"","sources":["../../../src/form/FormMaskField/FormMaskField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,kBAAkB,CAAC,WAAW,SAAS,MAAM,IAAI,kBAAkB,CAC9E,cAAc,EACd,WAAW,CACX,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACR,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAevB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/FormMaskField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/FormMaskField/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type ButtonProps } from '../../components';
|
|
2
|
-
export type FormSubmitButtonProps = Omit<ButtonProps, 'type'>;
|
|
3
|
-
/**
|
|
4
|
-
* @description Используется для форм, отображает состояние загрузки, когда форма isSubmitting
|
|
5
|
-
*/
|
|
6
|
-
export declare const FormSubmitButton: ({ children, isLoading, ...props }: FormSubmitButtonProps) => import("react").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=FormSubmitButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormSubmitButton.d.ts","sourceRoot":"","sources":["../../../src/form/FormSubmitButton/FormSubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,qBAAqB,gCAYvB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/FormSubmitButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type TextFieldProps } from '../../components';
|
|
2
|
-
import type { WithFormFieldProps } from '../types';
|
|
3
|
-
export type FormTextFieldProps<FieldValues extends object> = WithFormFieldProps<TextFieldProps, FieldValues> & {
|
|
4
|
-
trimmed?: boolean;
|
|
5
|
-
gridArea?: string;
|
|
6
|
-
};
|
|
7
|
-
export declare function FormTextField<T extends object>({ name, control, gridArea, ...props }: FormTextFieldProps<T>): import("react").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=FormTextField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextField.d.ts","sourceRoot":"","sources":["../../../src/form/FormTextField/FormTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,kBAAkB,CAAC,WAAW,SAAS,MAAM,IAAI,kBAAkB,CAC9E,cAAc,EACd,WAAW,CACX,GAAG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAiBvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/FormTextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/FormTextField/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC"}
|
package/lib/form/external.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/form/external.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,IAAI,cAAc,EAC5B,YAAY,EACZ,aAAa,IAAI,iBAAiB,EAClC,aAAa,IAAI,iBAAiB,EAClC,QAAQ,IAAI,YAAY,GACxB,MAAM,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/hooks/useForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type UseFormProps, type UseFormReturn } from 'react-hook-form';
|
|
2
|
-
import type { FieldValues } from '../../types';
|
|
3
|
-
export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = unknown>({ mode, ...params }?: UseFormProps<TFieldValues, TContext>) => UseFormReturn<TFieldValues, TContext>;
|
|
4
|
-
export type { UseFormProps, UseFormReturn };
|
|
5
|
-
//# sourceMappingURL=useForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../../src/form/hooks/useForm/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,YAAY,EACjB,KAAK,aAAa,EAElB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAO,MAAM,OAAO,GACnB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,OAAO,EACjB,sBAGC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAM,KAAG,aAAa,CAC3D,YAAY,EACZ,QAAQ,CAC0B,CAAC;AAEpC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/hooks/useFormContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}
|
package/lib/form/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export * from './external';
|
|
2
|
-
export * from './Form';
|
|
3
|
-
export * from './FormMaskField';
|
|
4
|
-
export * from './FormSubmitButton';
|
|
5
|
-
export * from './FormTextField';
|
|
6
|
-
export { type UseFormProps, type UseFormReturn, useForm, useFormContext, } from './hooks';
|
|
7
|
-
export * from './types';
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
package/lib/form/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACN,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,OAAO,EACP,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,cAAc,SAAS,CAAC"}
|
package/lib/form/types.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { UseControllerProps } from 'react-hook-form';
|
|
2
|
-
/**
|
|
3
|
-
* @description Добавляет к переданным пропсам типы для react-hook-form. Позволяет переиспользовать логику типизации для филдов формы.
|
|
4
|
-
* @example WithFormFieldProps<TextFieldProps, FieldValues>;
|
|
5
|
-
*/
|
|
6
|
-
export type WithFormFieldProps<Props extends object, FieldValues extends object> = Omit<Props, 'name' | 'error'> & Omit<UseControllerProps<FieldValues>, 'rules'>;
|
|
7
|
-
export type { ControllerProps as FormControllerProps, Field as FormField, FieldArray as FormFieldArray, FieldArrayPath as FormFieldArrayPath, FieldArrayWithId as FormFieldArrayWithId, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, FieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, SubmitHandler, UseControllerProps as UseFormControllerProps, UseFormGetValues, UseWatchProps as UseFormWatchProps, } from 'react-hook-form';
|
|
8
|
-
//# sourceMappingURL=types.d.ts.map
|
package/lib/form/types.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAC7B,KAAK,SAAS,MAAM,EACpB,WAAW,SAAS,MAAM,IACvB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,GAChC,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD,YAAY,EACX,eAAe,IAAI,mBAAmB,EACtC,KAAK,IAAI,SAAS,EAClB,UAAU,IAAI,cAAc,EAC5B,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,EACxC,UAAU,IAAI,cAAc,EAC5B,WAAW,IAAI,eAAe,EAC9B,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAC9B,WAAW,EACX,IAAI,IAAI,QAAQ,EAChB,eAAe,IAAI,mBAAmB,EACtC,QAAQ,IAAI,YAAY,EACxB,aAAa,EACb,kBAAkB,IAAI,sBAAsB,EAC5C,gBAAgB,EAChB,aAAa,IAAI,iBAAiB,GAClC,MAAM,iBAAiB,CAAC"}
|