@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.
Files changed (74) hide show
  1. package/lib/components/Calendar/Dropdown/Dropdown.d.ts.map +1 -1
  2. package/lib/components/ConfirmAction/ConfirmAction.d.ts +2 -2
  3. package/lib/components/ConfirmAction/ConfirmAction.d.ts.map +1 -1
  4. package/lib/components/Drawer/Drawer.d.ts +6 -5
  5. package/lib/components/Drawer/Drawer.d.ts.map +1 -1
  6. package/lib/components/Drawer/styles.css.d.ts +2 -0
  7. package/lib/components/Drawer/styles.css.d.ts.map +1 -1
  8. package/lib/components/Label/Label.d.ts +2 -3
  9. package/lib/components/Label/Label.d.ts.map +1 -1
  10. package/lib/components/OverflowTypography/OverflowTypography.d.ts.map +1 -1
  11. package/lib/components/OverflowTypography/useLogic.d.ts +8 -17
  12. package/lib/components/OverflowTypography/useLogic.d.ts.map +1 -1
  13. package/lib/components/RadioGroup/RadioGroup.d.ts +2 -2
  14. package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  15. package/lib/components/RadioGroup/RadioGroupItem.d.ts +2 -2
  16. package/lib/components/RadioGroup/RadioGroupItem.d.ts.map +1 -1
  17. package/lib/components/RadioGroup/styles.css.d.ts.map +1 -1
  18. package/lib/components/Select/Select.d.ts +17 -12
  19. package/lib/components/Select/Select.d.ts.map +1 -1
  20. package/lib/components/Select/styles.css.d.ts +1 -0
  21. package/lib/components/Select/styles.css.d.ts.map +1 -1
  22. package/lib/components/Tabs/Tabs.d.ts +6 -3
  23. package/lib/components/Tabs/Tabs.d.ts.map +1 -1
  24. package/lib/components/Tabs/TabsContent.d.ts +3 -2
  25. package/lib/components/Tabs/TabsContent.d.ts.map +1 -1
  26. package/lib/components/Tabs/TabsList.d.ts +2 -2
  27. package/lib/components/Tabs/TabsList.d.ts.map +1 -1
  28. package/lib/components/Tabs/TabsTrigger.d.ts +2 -2
  29. package/lib/components/Tabs/TabsTrigger.d.ts.map +1 -1
  30. package/lib/components/Tooltip/Tooltip.d.ts +7 -5
  31. package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
  32. package/lib/components/Tooltip/styles.css.d.ts +1 -0
  33. package/lib/components/Tooltip/styles.css.d.ts.map +1 -1
  34. package/lib/index.d.ts +0 -1
  35. package/lib/index.d.ts.map +1 -1
  36. package/lib/index.mjs +192 -207
  37. package/lib/stories/MaskField.stories.d.ts +0 -1
  38. package/lib/stories/MaskField.stories.d.ts.map +1 -1
  39. package/lib/styles.css +120 -51
  40. package/package.json +2 -10
  41. package/lib/form/Form/Form.d.ts +0 -46
  42. package/lib/form/Form/Form.d.ts.map +0 -1
  43. package/lib/form/Form/index.d.ts +0 -2
  44. package/lib/form/Form/index.d.ts.map +0 -1
  45. package/lib/form/FormMaskField/FormMaskField.d.ts +0 -5
  46. package/lib/form/FormMaskField/FormMaskField.d.ts.map +0 -1
  47. package/lib/form/FormMaskField/index.d.ts +0 -3
  48. package/lib/form/FormMaskField/index.d.ts.map +0 -1
  49. package/lib/form/FormMaskField/types.d.ts +0 -5
  50. package/lib/form/FormMaskField/types.d.ts.map +0 -1
  51. package/lib/form/FormSubmitButton/FormSubmitButton.d.ts +0 -7
  52. package/lib/form/FormSubmitButton/FormSubmitButton.d.ts.map +0 -1
  53. package/lib/form/FormSubmitButton/index.d.ts +0 -2
  54. package/lib/form/FormSubmitButton/index.d.ts.map +0 -1
  55. package/lib/form/FormTextField/FormTextField.d.ts +0 -8
  56. package/lib/form/FormTextField/FormTextField.d.ts.map +0 -1
  57. package/lib/form/FormTextField/index.d.ts +0 -3
  58. package/lib/form/FormTextField/index.d.ts.map +0 -1
  59. package/lib/form/FormTextField/types.d.ts +0 -5
  60. package/lib/form/FormTextField/types.d.ts.map +0 -1
  61. package/lib/form/external.d.ts +0 -2
  62. package/lib/form/external.d.ts.map +0 -1
  63. package/lib/form/hooks/index.d.ts +0 -3
  64. package/lib/form/hooks/index.d.ts.map +0 -1
  65. package/lib/form/hooks/useForm/index.d.ts +0 -2
  66. package/lib/form/hooks/useForm/index.d.ts.map +0 -1
  67. package/lib/form/hooks/useForm/useForm.d.ts +0 -5
  68. package/lib/form/hooks/useForm/useForm.d.ts.map +0 -1
  69. package/lib/form/hooks/useFormContext/index.d.ts +0 -2
  70. package/lib/form/hooks/useFormContext/index.d.ts.map +0 -1
  71. package/lib/form/index.d.ts +0 -8
  72. package/lib/form/index.d.ts.map +0 -1
  73. package/lib/form/types.d.ts +0 -8
  74. 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;wBAUpC,IAAI,CAAC,OAAO,SAAS,CAAC;AAP3B,wBAO4B;AAE5B,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAyBvB,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: 1;
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: hidden;
1756
+ overflow: visible;
1752
1757
  }
1753
1758
 
1754
- .style__izacrl2[data-state="open"] {
1759
+ .style__izacrl3[data-open] {
1755
1760
  animation: .15s ease-out style__izacrl0;
1756
1761
  }
1757
1762
 
1758
- .style__izacrl2[data-state="closed"] {
1763
+ .style__izacrl3[data-closed] {
1759
1764
  animation: .15s ease-out style__izacrl1;
1760
1765
  }
1761
1766
 
1762
- .style__izacrl3 {
1767
+ .style__izacrl4 {
1763
1768
  font-size: var(--fontSize-sm);
1764
1769
  font-weight: var(--fontWeight-medium);
1765
1770
  }
1766
1771
 
1767
- .style__izacrl4 {
1768
- fill: var(--colors-background-tooltip);
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-state="open"] {
2823
+ .style__ccss502[data-open] {
2797
2824
  animation: .15s ease-out style__ccss500;
2798
2825
  }
2799
2826
 
2800
- .style__ccss502[data-state="closed"] {
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
- .style__ccss503[data-vaul-drawer-direction="top"] {
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
- .style__ccss503[data-vaul-drawer-direction="bottom"] {
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
- .style__ccss503[data-vaul-drawer-direction="right"] {
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
- .style__ccss503[data-vaul-drawer-direction="left"] {
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-vaul-drawer-direction="bottom"] .style__ccss504 {
2929
+ .group\/drawer-content[data-swipe-direction="down"] .style__ccss506 {
2864
2930
  display: block;
2865
2931
  }
2866
2932
 
2867
- .style__ccss505 {
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-vaul-drawer-direction="bottom"] .style__ccss505, .group\/drawer-content[data-vaul-drawer-direction="top"] .style__ccss505 {
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
- .style__ccss506 {
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
- .style__ccss507 {
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
- .style__ccss508 {
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
- .style__ccss503[data-vaul-drawer-direction="right"], .style__ccss503[data-vaul-drawer-direction="left"] {
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
- .style__ccss505 {
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: var(--colors-primary);
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
- z-index: 50;
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
- .style__5ilg7o7[data-state="open"] {
3809
+ .style__5ilg7o8[data-open] {
3737
3810
  animation: .15s ease-out style__5ilg7o0;
3738
3811
  }
3739
3812
 
3740
- .style__5ilg7o7[data-state="closed"] {
3813
+ .style__5ilg7o8[data-closed] {
3741
3814
  animation: .15s ease-in style__5ilg7o1;
3742
3815
  }
3743
3816
 
3744
- .style__5ilg7o7[data-side="bottom"] {
3817
+ .style__5ilg7o8[data-side="bottom"] {
3745
3818
  transform: translateY(4px);
3746
3819
  }
3747
3820
 
3748
- .style__5ilg7o7[data-side="top"] {
3821
+ .style__5ilg7o8[data-side="top"] {
3749
3822
  transform: translateY(-4px);
3750
3823
  }
3751
3824
 
3752
- .style__5ilg7o7[data-side="left"] {
3825
+ .style__5ilg7o8[data-side="left"] {
3753
3826
  transform: translateX(-4px);
3754
3827
  }
3755
3828
 
3756
- .style__5ilg7o7[data-side="right"] {
3829
+ .style__5ilg7o8[data-side="right"] {
3757
3830
  transform: translateX(4px);
3758
3831
  }
3759
3832
 
3760
- .style__5ilg7o8 {
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(--radix-select-trigger-width);
3836
+ min-width: var(--anchor-width, 100%);
3768
3837
  }
3769
3838
 
3770
- .style__5ilg7o9 {
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
- .style__5ilg7oa {
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
- .style__5ilg7oa:focus {
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
- .style__5ilg7oa[data-disabled] {
3864
+ .style__5ilg7ob[data-disabled] {
3796
3865
  pointer-events: none;
3797
3866
  opacity: .5;
3798
3867
  }
3799
3868
 
3800
- .style__5ilg7ob {
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
- .style__5ilg7oc {
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
- .style__5ilg7od {
3885
+ .style__5ilg7oe {
3817
3886
  width: 1rem;
3818
3887
  height: 1rem;
3819
3888
  }
3820
3889
 
3821
- .style__5ilg7oe {
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-state="active"] {
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.27.1",
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",
@@ -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"}
@@ -1,2 +0,0 @@
1
- export * from './Form';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './FormMaskField';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- /**
2
- * @description Тип значения, которое сетится в state формы
3
- */
4
- export type FormMaskFieldValue = string;
5
- //# sourceMappingURL=types.d.ts.map
@@ -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,2 +0,0 @@
1
- export * from './FormSubmitButton';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './FormTextField';
2
- export * from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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,5 +0,0 @@
1
- /**
2
- * @description Тип значения, которое сетится в state формы
3
- */
4
- export type FormTextFieldValue = string;
5
- //# sourceMappingURL=types.d.ts.map
@@ -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"}
@@ -1,2 +0,0 @@
1
- export { Controller as FormController, FormProvider, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';
2
- //# sourceMappingURL=external.d.ts.map
@@ -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,3 +0,0 @@
1
- export * from './useForm';
2
- export * from './useFormContext';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export * from './useForm';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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,2 +0,0 @@
1
- export { useFormContext } from 'react-hook-form';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -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
@@ -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"}
@@ -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
@@ -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"}