@lets-events/react 11.0.1 → 11.0.3
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/.turbo/turbo-build.log +8 -8
- package/CHANGELOG.md +12 -0
- package/dist/index.d.mts +13 -383
- package/dist/index.d.ts +13 -383
- package/dist/index.js +30 -37
- package/dist/index.mjs +17 -23
- package/package.json +1 -1
- package/src/components/Card.tsx +39 -60
- package/src/components/TextField.tsx +156 -148
package/dist/index.d.ts
CHANGED
|
@@ -1926,7 +1926,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
|
|
|
1926
1926
|
};
|
|
1927
1927
|
declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
1928
1928
|
|
|
1929
|
-
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1929
|
+
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
|
|
1930
1930
|
color?: "default" | "error" | undefined;
|
|
1931
1931
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
1932
1932
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -2302,7 +2302,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
|
|
|
2302
2302
|
transition: "transitions";
|
|
2303
2303
|
zIndex: "zIndices";
|
|
2304
2304
|
}, {}>>;
|
|
2305
|
-
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2305
|
+
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
|
|
2306
2306
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2307
2307
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
2308
2308
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
@@ -2679,27 +2679,27 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
|
|
|
2679
2679
|
type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
2680
2680
|
addon?: ReactNode;
|
|
2681
2681
|
placeholder?: string;
|
|
2682
|
-
children?:
|
|
2682
|
+
children?: react__default.ReactNode;
|
|
2683
2683
|
isValid?: boolean;
|
|
2684
2684
|
name?: string;
|
|
2685
2685
|
typography?: string;
|
|
2686
|
-
fontWeight?:
|
|
2687
|
-
textAlign?:
|
|
2686
|
+
fontWeight?: "regular" | "medium" | "semibold" | "bold";
|
|
2687
|
+
textAlign?: "left" | "right" | "center";
|
|
2688
2688
|
mask?: MaskOptions;
|
|
2689
2689
|
};
|
|
2690
|
-
type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>,
|
|
2690
|
+
type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
|
|
2691
2691
|
placeholder?: string;
|
|
2692
|
-
children?:
|
|
2693
|
-
position?:
|
|
2692
|
+
children?: react__default.ReactNode;
|
|
2693
|
+
position?: "flex-start" | "flex-end";
|
|
2694
2694
|
onClick?: () => void;
|
|
2695
|
-
color?:
|
|
2695
|
+
color?: "error" | "success" | undefined;
|
|
2696
2696
|
typography?: string;
|
|
2697
|
-
fontWeight?:
|
|
2698
|
-
textAlign?:
|
|
2697
|
+
fontWeight?: "regular" | "medium" | "semibold" | "bold";
|
|
2698
|
+
textAlign?: "left" | "right" | "center";
|
|
2699
2699
|
};
|
|
2700
2700
|
declare const maskFormat: typeof format;
|
|
2701
2701
|
declare const maskUnformat: typeof unformat;
|
|
2702
|
-
declare
|
|
2702
|
+
declare const TextField: ({ children, isValid, name, color, typography, fontWeight, addon, textAlign, mask, ref, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
|
|
2703
2703
|
declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
|
|
2704
2704
|
|
|
2705
2705
|
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
@@ -10641,376 +10641,6 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
10641
10641
|
transition: "transitions";
|
|
10642
10642
|
zIndex: "zIndices";
|
|
10643
10643
|
}, {}>>;
|
|
10644
|
-
declare const CardContainer: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react__default.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
10645
|
-
colors: {
|
|
10646
|
-
brand50: string;
|
|
10647
|
-
brand100: string;
|
|
10648
|
-
brand200: string;
|
|
10649
|
-
brand300: string;
|
|
10650
|
-
brand400: string;
|
|
10651
|
-
brand500: string;
|
|
10652
|
-
brand600: string;
|
|
10653
|
-
brand700: string;
|
|
10654
|
-
brand800: string;
|
|
10655
|
-
brand900: string;
|
|
10656
|
-
brand950: string;
|
|
10657
|
-
blue50: string;
|
|
10658
|
-
blue100: string;
|
|
10659
|
-
blue200: string;
|
|
10660
|
-
blue300: string;
|
|
10661
|
-
blue400: string;
|
|
10662
|
-
blue500: string;
|
|
10663
|
-
blue600: string;
|
|
10664
|
-
blue700: string;
|
|
10665
|
-
blue800: string;
|
|
10666
|
-
blue900: string;
|
|
10667
|
-
blue950: string;
|
|
10668
|
-
red50: string;
|
|
10669
|
-
red100: string;
|
|
10670
|
-
red200: string;
|
|
10671
|
-
red300: string;
|
|
10672
|
-
red400: string;
|
|
10673
|
-
red500: string;
|
|
10674
|
-
red600: string;
|
|
10675
|
-
red700: string;
|
|
10676
|
-
red800: string;
|
|
10677
|
-
red900: string;
|
|
10678
|
-
red950: string;
|
|
10679
|
-
purple50: string;
|
|
10680
|
-
purple100: string;
|
|
10681
|
-
purple200: string;
|
|
10682
|
-
purple300: string;
|
|
10683
|
-
purple400: string;
|
|
10684
|
-
purple500: string;
|
|
10685
|
-
purple600: string;
|
|
10686
|
-
purple700: string;
|
|
10687
|
-
purple800: string;
|
|
10688
|
-
purple900: string;
|
|
10689
|
-
purple950: string;
|
|
10690
|
-
yellow50: string;
|
|
10691
|
-
yellow100: string;
|
|
10692
|
-
yellow200: string;
|
|
10693
|
-
yellow300: string;
|
|
10694
|
-
yellow400: string;
|
|
10695
|
-
yellow500: string;
|
|
10696
|
-
yellow600: string;
|
|
10697
|
-
yellow700: string;
|
|
10698
|
-
yellow800: string;
|
|
10699
|
-
yellow900: string;
|
|
10700
|
-
yellow950: string;
|
|
10701
|
-
dark50: string;
|
|
10702
|
-
dark100: string;
|
|
10703
|
-
dark200: string;
|
|
10704
|
-
dark300: string;
|
|
10705
|
-
dark400: string;
|
|
10706
|
-
dark500: string;
|
|
10707
|
-
dark600: string;
|
|
10708
|
-
dark700: string;
|
|
10709
|
-
dark800: string;
|
|
10710
|
-
dark900: string;
|
|
10711
|
-
dark950: string;
|
|
10712
|
-
neutral50: string;
|
|
10713
|
-
neutral100: string;
|
|
10714
|
-
neutral200: string;
|
|
10715
|
-
neutral300: string;
|
|
10716
|
-
neutral400: string;
|
|
10717
|
-
neutral500: string;
|
|
10718
|
-
neutral600: string;
|
|
10719
|
-
neutral700: string;
|
|
10720
|
-
neutral800: string;
|
|
10721
|
-
neutral900: string;
|
|
10722
|
-
neutral950: string;
|
|
10723
|
-
green50: string;
|
|
10724
|
-
green100: string;
|
|
10725
|
-
green200: string;
|
|
10726
|
-
green300: string;
|
|
10727
|
-
green400: string;
|
|
10728
|
-
green500: string;
|
|
10729
|
-
green600: string;
|
|
10730
|
-
green700: string;
|
|
10731
|
-
green800: string;
|
|
10732
|
-
green900: string;
|
|
10733
|
-
green950: string;
|
|
10734
|
-
grey50: string;
|
|
10735
|
-
grey100: string;
|
|
10736
|
-
grey200: string;
|
|
10737
|
-
grey300: string;
|
|
10738
|
-
grey400: string;
|
|
10739
|
-
grey500: string;
|
|
10740
|
-
grey600: string;
|
|
10741
|
-
grey700: string;
|
|
10742
|
-
grey800: string;
|
|
10743
|
-
grey900: string;
|
|
10744
|
-
grey950: string;
|
|
10745
|
-
error50: string;
|
|
10746
|
-
error100: string;
|
|
10747
|
-
error200: string;
|
|
10748
|
-
error300: string;
|
|
10749
|
-
error400: string;
|
|
10750
|
-
error500: string;
|
|
10751
|
-
error600: string;
|
|
10752
|
-
error700: string;
|
|
10753
|
-
error800: string;
|
|
10754
|
-
error900: string;
|
|
10755
|
-
error950: string;
|
|
10756
|
-
success50: string;
|
|
10757
|
-
success100: string;
|
|
10758
|
-
success200: string;
|
|
10759
|
-
success300: string;
|
|
10760
|
-
success400: string;
|
|
10761
|
-
success500: string;
|
|
10762
|
-
success600: string;
|
|
10763
|
-
success700: string;
|
|
10764
|
-
success800: string;
|
|
10765
|
-
success900: string;
|
|
10766
|
-
success950: string;
|
|
10767
|
-
warning50: string;
|
|
10768
|
-
warning100: string;
|
|
10769
|
-
warning200: string;
|
|
10770
|
-
warning300: string;
|
|
10771
|
-
warning400: string;
|
|
10772
|
-
warning500: string;
|
|
10773
|
-
warning600: string;
|
|
10774
|
-
warning700: string;
|
|
10775
|
-
warning800: string;
|
|
10776
|
-
warning900: string;
|
|
10777
|
-
warning950: string;
|
|
10778
|
-
info50: string;
|
|
10779
|
-
info100: string;
|
|
10780
|
-
info200: string;
|
|
10781
|
-
info300: string;
|
|
10782
|
-
info400: string;
|
|
10783
|
-
info500: string;
|
|
10784
|
-
info600: string;
|
|
10785
|
-
info700: string;
|
|
10786
|
-
info800: string;
|
|
10787
|
-
info900: string;
|
|
10788
|
-
info950: string;
|
|
10789
|
-
};
|
|
10790
|
-
fontSizes: {
|
|
10791
|
-
2: string;
|
|
10792
|
-
4: string;
|
|
10793
|
-
6: string;
|
|
10794
|
-
8: string;
|
|
10795
|
-
10: string;
|
|
10796
|
-
12: string;
|
|
10797
|
-
13: string;
|
|
10798
|
-
14: string;
|
|
10799
|
-
16: string;
|
|
10800
|
-
18: string;
|
|
10801
|
-
20: string;
|
|
10802
|
-
22: string;
|
|
10803
|
-
24: string;
|
|
10804
|
-
32: string;
|
|
10805
|
-
36: string;
|
|
10806
|
-
40: string;
|
|
10807
|
-
48: string;
|
|
10808
|
-
56: string;
|
|
10809
|
-
64: string;
|
|
10810
|
-
72: string;
|
|
10811
|
-
80: string;
|
|
10812
|
-
xs: string;
|
|
10813
|
-
sm: string;
|
|
10814
|
-
md: string;
|
|
10815
|
-
lg: string;
|
|
10816
|
-
'2xl': string;
|
|
10817
|
-
'3xl': string;
|
|
10818
|
-
'4xl': string;
|
|
10819
|
-
full: string;
|
|
10820
|
-
};
|
|
10821
|
-
fonts: {
|
|
10822
|
-
default: string;
|
|
10823
|
-
};
|
|
10824
|
-
fontWeights: {
|
|
10825
|
-
regular: string;
|
|
10826
|
-
medium: string;
|
|
10827
|
-
semibold: string;
|
|
10828
|
-
bold: string;
|
|
10829
|
-
};
|
|
10830
|
-
lineHeights: {
|
|
10831
|
-
smaller: string;
|
|
10832
|
-
shorter: string;
|
|
10833
|
-
short: string;
|
|
10834
|
-
base: string;
|
|
10835
|
-
tall: string;
|
|
10836
|
-
};
|
|
10837
|
-
radii: {
|
|
10838
|
-
'3xs': string;
|
|
10839
|
-
'2xs': string;
|
|
10840
|
-
xs: string;
|
|
10841
|
-
sm: string;
|
|
10842
|
-
md: string;
|
|
10843
|
-
lg: string;
|
|
10844
|
-
xl: string;
|
|
10845
|
-
'2xl': string;
|
|
10846
|
-
'3xl': string;
|
|
10847
|
-
'4xl': string;
|
|
10848
|
-
'5xl': string;
|
|
10849
|
-
'6xl': string;
|
|
10850
|
-
'7xl': string;
|
|
10851
|
-
'8xl': string;
|
|
10852
|
-
'9xl': string;
|
|
10853
|
-
'10xl': string;
|
|
10854
|
-
'11xl': string;
|
|
10855
|
-
'12xl': string;
|
|
10856
|
-
'13xl': string;
|
|
10857
|
-
'14xl': string;
|
|
10858
|
-
full: string;
|
|
10859
|
-
};
|
|
10860
|
-
space: {
|
|
10861
|
-
2: string;
|
|
10862
|
-
4: string;
|
|
10863
|
-
6: string;
|
|
10864
|
-
8: string;
|
|
10865
|
-
10: string;
|
|
10866
|
-
12: string;
|
|
10867
|
-
13: string;
|
|
10868
|
-
14: string;
|
|
10869
|
-
16: string;
|
|
10870
|
-
18: string;
|
|
10871
|
-
20: string;
|
|
10872
|
-
22: string;
|
|
10873
|
-
24: string;
|
|
10874
|
-
32: string;
|
|
10875
|
-
36: string;
|
|
10876
|
-
40: string;
|
|
10877
|
-
48: string;
|
|
10878
|
-
56: string;
|
|
10879
|
-
64: string;
|
|
10880
|
-
72: string;
|
|
10881
|
-
80: string;
|
|
10882
|
-
full: string;
|
|
10883
|
-
};
|
|
10884
|
-
}, {
|
|
10885
|
-
height: "space";
|
|
10886
|
-
width: "space";
|
|
10887
|
-
gap: "space";
|
|
10888
|
-
gridGap: "space";
|
|
10889
|
-
columnGap: "space";
|
|
10890
|
-
gridColumnGap: "space";
|
|
10891
|
-
rowGap: "space";
|
|
10892
|
-
gridRowGap: "space";
|
|
10893
|
-
inset: "space";
|
|
10894
|
-
insetBlock: "space";
|
|
10895
|
-
insetBlockEnd: "space";
|
|
10896
|
-
insetBlockStart: "space";
|
|
10897
|
-
insetInline: "space";
|
|
10898
|
-
insetInlineEnd: "space";
|
|
10899
|
-
insetInlineStart: "space";
|
|
10900
|
-
margin: "space";
|
|
10901
|
-
marginTop: "space";
|
|
10902
|
-
marginRight: "space";
|
|
10903
|
-
marginBottom: "space";
|
|
10904
|
-
marginLeft: "space";
|
|
10905
|
-
marginBlock: "space";
|
|
10906
|
-
marginBlockEnd: "space";
|
|
10907
|
-
marginBlockStart: "space";
|
|
10908
|
-
marginInline: "space";
|
|
10909
|
-
marginInlineEnd: "space";
|
|
10910
|
-
marginInlineStart: "space";
|
|
10911
|
-
padding: "space";
|
|
10912
|
-
paddingTop: "space";
|
|
10913
|
-
paddingRight: "space";
|
|
10914
|
-
paddingBottom: "space";
|
|
10915
|
-
paddingLeft: "space";
|
|
10916
|
-
paddingBlock: "space";
|
|
10917
|
-
paddingBlockEnd: "space";
|
|
10918
|
-
paddingBlockStart: "space";
|
|
10919
|
-
paddingInline: "space";
|
|
10920
|
-
paddingInlineEnd: "space";
|
|
10921
|
-
paddingInlineStart: "space";
|
|
10922
|
-
scrollMargin: "space";
|
|
10923
|
-
scrollMarginTop: "space";
|
|
10924
|
-
scrollMarginRight: "space";
|
|
10925
|
-
scrollMarginBottom: "space";
|
|
10926
|
-
scrollMarginLeft: "space";
|
|
10927
|
-
scrollMarginBlock: "space";
|
|
10928
|
-
scrollMarginBlockEnd: "space";
|
|
10929
|
-
scrollMarginBlockStart: "space";
|
|
10930
|
-
scrollMarginInline: "space";
|
|
10931
|
-
scrollMarginInlineEnd: "space";
|
|
10932
|
-
scrollMarginInlineStart: "space";
|
|
10933
|
-
scrollPadding: "space";
|
|
10934
|
-
scrollPaddingTop: "space";
|
|
10935
|
-
scrollPaddingRight: "space";
|
|
10936
|
-
scrollPaddingBottom: "space";
|
|
10937
|
-
scrollPaddingLeft: "space";
|
|
10938
|
-
scrollPaddingBlock: "space";
|
|
10939
|
-
scrollPaddingBlockEnd: "space";
|
|
10940
|
-
scrollPaddingBlockStart: "space";
|
|
10941
|
-
scrollPaddingInline: "space";
|
|
10942
|
-
scrollPaddingInlineEnd: "space";
|
|
10943
|
-
scrollPaddingInlineStart: "space";
|
|
10944
|
-
top: "space";
|
|
10945
|
-
right: "space";
|
|
10946
|
-
bottom: "space";
|
|
10947
|
-
left: "space";
|
|
10948
|
-
fontSize: "fontSizes";
|
|
10949
|
-
background: "colors";
|
|
10950
|
-
backgroundColor: "colors";
|
|
10951
|
-
backgroundImage: "colors";
|
|
10952
|
-
borderImage: "colors";
|
|
10953
|
-
border: "colors";
|
|
10954
|
-
borderBlock: "colors";
|
|
10955
|
-
borderBlockEnd: "colors";
|
|
10956
|
-
borderBlockStart: "colors";
|
|
10957
|
-
borderBottom: "colors";
|
|
10958
|
-
borderBottomColor: "colors";
|
|
10959
|
-
borderColor: "colors";
|
|
10960
|
-
borderInline: "colors";
|
|
10961
|
-
borderInlineEnd: "colors";
|
|
10962
|
-
borderInlineStart: "colors";
|
|
10963
|
-
borderLeft: "colors";
|
|
10964
|
-
borderLeftColor: "colors";
|
|
10965
|
-
borderRight: "colors";
|
|
10966
|
-
borderRightColor: "colors";
|
|
10967
|
-
borderTop: "colors";
|
|
10968
|
-
borderTopColor: "colors";
|
|
10969
|
-
caretColor: "colors";
|
|
10970
|
-
color: "colors";
|
|
10971
|
-
columnRuleColor: "colors";
|
|
10972
|
-
outline: "colors";
|
|
10973
|
-
outlineColor: "colors";
|
|
10974
|
-
fill: "colors";
|
|
10975
|
-
stroke: "colors";
|
|
10976
|
-
textDecorationColor: "colors";
|
|
10977
|
-
fontFamily: "fonts";
|
|
10978
|
-
fontWeight: "fontWeights";
|
|
10979
|
-
lineHeight: "lineHeights";
|
|
10980
|
-
letterSpacing: "letterSpacings";
|
|
10981
|
-
blockSize: "sizes";
|
|
10982
|
-
minBlockSize: "sizes";
|
|
10983
|
-
maxBlockSize: "sizes";
|
|
10984
|
-
inlineSize: "sizes";
|
|
10985
|
-
minInlineSize: "sizes";
|
|
10986
|
-
maxInlineSize: "sizes";
|
|
10987
|
-
minWidth: "sizes";
|
|
10988
|
-
maxWidth: "sizes";
|
|
10989
|
-
minHeight: "sizes";
|
|
10990
|
-
maxHeight: "sizes";
|
|
10991
|
-
flexBasis: "sizes";
|
|
10992
|
-
gridTemplateColumns: "sizes";
|
|
10993
|
-
gridTemplateRows: "sizes";
|
|
10994
|
-
borderWidth: "borderWidths";
|
|
10995
|
-
borderTopWidth: "borderWidths";
|
|
10996
|
-
borderLeftWidth: "borderWidths";
|
|
10997
|
-
borderRightWidth: "borderWidths";
|
|
10998
|
-
borderBottomWidth: "borderWidths";
|
|
10999
|
-
borderStyle: "borderStyles";
|
|
11000
|
-
borderTopStyle: "borderStyles";
|
|
11001
|
-
borderLeftStyle: "borderStyles";
|
|
11002
|
-
borderRightStyle: "borderStyles";
|
|
11003
|
-
borderBottomStyle: "borderStyles";
|
|
11004
|
-
borderRadius: "radii";
|
|
11005
|
-
borderTopLeftRadius: "radii";
|
|
11006
|
-
borderTopRightRadius: "radii";
|
|
11007
|
-
borderBottomRightRadius: "radii";
|
|
11008
|
-
borderBottomLeftRadius: "radii";
|
|
11009
|
-
boxShadow: "shadows";
|
|
11010
|
-
textShadow: "shadows";
|
|
11011
|
-
transition: "transitions";
|
|
11012
|
-
zIndex: "zIndices";
|
|
11013
|
-
}, {}>>;
|
|
11014
10644
|
type CardProps = ComponentProps<typeof CardStyled> & {
|
|
11015
10645
|
children: react__default.ReactNode;
|
|
11016
10646
|
as?: ElementType;
|
|
@@ -13350,4 +12980,4 @@ type SectionProps = ComponentProps<typeof SectionStyled> & {
|
|
|
13350
12980
|
};
|
|
13351
12981
|
declare function Section({ children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
13352
12982
|
|
|
13353
|
-
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card,
|
|
12983
|
+
export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
|
package/dist/index.js
CHANGED
|
@@ -1031,7 +1031,6 @@ __export(index_exports, {
|
|
|
1031
1031
|
ButtonItemStyled: () => ButtonItemStyled,
|
|
1032
1032
|
Calendar: () => Calendar,
|
|
1033
1033
|
Card: () => Card,
|
|
1034
|
-
CardContainer: () => CardContainer,
|
|
1035
1034
|
CardStyled: () => CardStyled,
|
|
1036
1035
|
CheckboxGroup: () => CheckboxGroup,
|
|
1037
1036
|
CheckboxGroupStyled: () => CheckboxGroupStyled,
|
|
@@ -2747,7 +2746,7 @@ var InputAddon = styled(TextStyle, {
|
|
|
2747
2746
|
});
|
|
2748
2747
|
var maskFormat = import_mask.format;
|
|
2749
2748
|
var maskUnformat = import_mask.unformat;
|
|
2750
|
-
|
|
2749
|
+
var TextField = (_a) => {
|
|
2751
2750
|
var _b = _a, {
|
|
2752
2751
|
children,
|
|
2753
2752
|
isValid: isValid2,
|
|
@@ -2757,7 +2756,8 @@ function TextField(_a) {
|
|
|
2757
2756
|
fontWeight,
|
|
2758
2757
|
addon,
|
|
2759
2758
|
textAlign = "left",
|
|
2760
|
-
mask
|
|
2759
|
+
mask,
|
|
2760
|
+
ref
|
|
2761
2761
|
} = _b, props = __objRest(_b, [
|
|
2762
2762
|
"children",
|
|
2763
2763
|
"isValid",
|
|
@@ -2767,7 +2767,8 @@ function TextField(_a) {
|
|
|
2767
2767
|
"fontWeight",
|
|
2768
2768
|
"addon",
|
|
2769
2769
|
"textAlign",
|
|
2770
|
-
"mask"
|
|
2770
|
+
"mask",
|
|
2771
|
+
"ref"
|
|
2771
2772
|
]);
|
|
2772
2773
|
const maskRef = mask ? (0, import_mask.useMask)(mask) : void 0;
|
|
2773
2774
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Flex2, { gap: "0", css: { width: "100%" }, children: [
|
|
@@ -2781,7 +2782,14 @@ function TextField(_a) {
|
|
|
2781
2782
|
typography,
|
|
2782
2783
|
fontWeight,
|
|
2783
2784
|
textAlign,
|
|
2784
|
-
ref:
|
|
2785
|
+
ref: (r) => {
|
|
2786
|
+
if (!r) return;
|
|
2787
|
+
if (maskRef) maskRef.current = r;
|
|
2788
|
+
if (ref) {
|
|
2789
|
+
if (typeof ref === "function") ref(r);
|
|
2790
|
+
else ref.current = r;
|
|
2791
|
+
}
|
|
2792
|
+
}
|
|
2785
2793
|
}, props), {
|
|
2786
2794
|
style: addon ? { borderTopLeftRadius: "0px", borderBottomLeftRadius: "0px" } : void 0,
|
|
2787
2795
|
children: [
|
|
@@ -2802,7 +2810,7 @@ function TextField(_a) {
|
|
|
2802
2810
|
})
|
|
2803
2811
|
)
|
|
2804
2812
|
] });
|
|
2805
|
-
}
|
|
2813
|
+
};
|
|
2806
2814
|
function TextFieldSlot(_a) {
|
|
2807
2815
|
var _b = _a, {
|
|
2808
2816
|
children,
|
|
@@ -8701,20 +8709,15 @@ function StepWrapper(_a) {
|
|
|
8701
8709
|
}
|
|
8702
8710
|
|
|
8703
8711
|
// src/components/Card.tsx
|
|
8704
|
-
var import_react7 = __toESM(require("react"));
|
|
8705
8712
|
var import_themes17 = require("@radix-ui/themes");
|
|
8706
8713
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
8707
8714
|
var CardStyled = styled(import_themes17.Card, {
|
|
8708
|
-
display: "flex",
|
|
8709
|
-
flexDirection: "column",
|
|
8710
|
-
width: "370px",
|
|
8711
8715
|
borderRadius: "$2xl",
|
|
8712
8716
|
border: "1px solid $dark100",
|
|
8713
|
-
overflow: "hidden",
|
|
8714
8717
|
padding: "16px",
|
|
8715
8718
|
defaultVariants: {
|
|
8716
8719
|
color: "primary",
|
|
8717
|
-
boxShadow:
|
|
8720
|
+
boxShadow: false
|
|
8718
8721
|
},
|
|
8719
8722
|
variants: {
|
|
8720
8723
|
color: {
|
|
@@ -8741,23 +8744,14 @@ var CardStyled = styled(import_themes17.Card, {
|
|
|
8741
8744
|
}
|
|
8742
8745
|
}
|
|
8743
8746
|
});
|
|
8744
|
-
var CardContainer = styled(import_themes17.Box, {
|
|
8745
|
-
display: "flex",
|
|
8746
|
-
flexDirection: "row"
|
|
8747
|
-
});
|
|
8748
8747
|
function Card(_a) {
|
|
8749
8748
|
var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
|
|
8750
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children
|
|
8751
|
-
if (import_react7.default.isValidElement(child)) {
|
|
8752
|
-
return import_react7.default.cloneElement(child, { size: props.size });
|
|
8753
|
-
}
|
|
8754
|
-
return child;
|
|
8755
|
-
}) }));
|
|
8749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
|
|
8756
8750
|
}
|
|
8757
8751
|
|
|
8758
8752
|
// src/components/TextareaField.tsx
|
|
8759
8753
|
var import_themes18 = require("@radix-ui/themes");
|
|
8760
|
-
var
|
|
8754
|
+
var import_react7 = require("react");
|
|
8761
8755
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
8762
8756
|
var TextareaFieldStyle = styled(import_themes18.TextArea, {
|
|
8763
8757
|
display: "flex",
|
|
@@ -8816,8 +8810,8 @@ var TextareaLimitIndicator = styled("div", {
|
|
|
8816
8810
|
});
|
|
8817
8811
|
function TextareaField(_a) {
|
|
8818
8812
|
var _b = _a, { maxLength } = _b, props = __objRest(_b, ["maxLength"]);
|
|
8819
|
-
const inputRef = (0,
|
|
8820
|
-
const badgeRef = (0,
|
|
8813
|
+
const inputRef = (0, import_react7.useRef)(null);
|
|
8814
|
+
const badgeRef = (0, import_react7.useRef)(null);
|
|
8821
8815
|
if (!maxLength) {
|
|
8822
8816
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaFieldStyle, __spreadProps(__spreadValues({}, props), { ref: inputRef })) });
|
|
8823
8817
|
}
|
|
@@ -8840,12 +8834,12 @@ function TextareaField(_a) {
|
|
|
8840
8834
|
}
|
|
8841
8835
|
|
|
8842
8836
|
// src/components/Toast/components/ToastItem.tsx
|
|
8843
|
-
var
|
|
8837
|
+
var import_react9 = require("react");
|
|
8844
8838
|
|
|
8845
8839
|
// src/components/Toast/styles/index.ts
|
|
8846
|
-
var
|
|
8840
|
+
var import_react8 = require("@stitches/react");
|
|
8847
8841
|
var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
|
|
8848
|
-
var slideIn = (0,
|
|
8842
|
+
var slideIn = (0, import_react8.keyframes)({
|
|
8849
8843
|
from: {
|
|
8850
8844
|
transform: "translateX(calc(100% + 25px))",
|
|
8851
8845
|
opacity: 0
|
|
@@ -8855,7 +8849,7 @@ var slideIn = (0, import_react9.keyframes)({
|
|
|
8855
8849
|
opacity: 1
|
|
8856
8850
|
}
|
|
8857
8851
|
});
|
|
8858
|
-
var slideOut = (0,
|
|
8852
|
+
var slideOut = (0, import_react8.keyframes)({
|
|
8859
8853
|
from: {
|
|
8860
8854
|
transform: "translateX(0)",
|
|
8861
8855
|
opacity: 1
|
|
@@ -8865,7 +8859,7 @@ var slideOut = (0, import_react9.keyframes)({
|
|
|
8865
8859
|
opacity: 0
|
|
8866
8860
|
}
|
|
8867
8861
|
});
|
|
8868
|
-
var swipeOut = (0,
|
|
8862
|
+
var swipeOut = (0, import_react8.keyframes)({
|
|
8869
8863
|
from: {
|
|
8870
8864
|
transform: "translateX(var(--radix-toast-swipe-end-x))",
|
|
8871
8865
|
opacity: 1
|
|
@@ -8971,7 +8965,7 @@ function ToastItem({
|
|
|
8971
8965
|
toast,
|
|
8972
8966
|
onRemove
|
|
8973
8967
|
}) {
|
|
8974
|
-
const [open, setOpen] = (0,
|
|
8968
|
+
const [open, setOpen] = (0, import_react9.useState)(true);
|
|
8975
8969
|
const handleOpenChange = (open2) => {
|
|
8976
8970
|
setOpen(open2);
|
|
8977
8971
|
if (!open2) {
|
|
@@ -8995,17 +8989,17 @@ function ToastItem({
|
|
|
8995
8989
|
}
|
|
8996
8990
|
|
|
8997
8991
|
// src/components/Toast/components/ToastProvider.tsx
|
|
8998
|
-
var
|
|
8992
|
+
var import_react10 = require("react");
|
|
8999
8993
|
var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
|
|
9000
8994
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
9001
|
-
var ToastContext = (0,
|
|
8995
|
+
var ToastContext = (0, import_react10.createContext)(null);
|
|
9002
8996
|
function ToastProvider({
|
|
9003
8997
|
children,
|
|
9004
8998
|
defaultDuration = 5e3,
|
|
9005
8999
|
maxToasts = 5,
|
|
9006
9000
|
swipeDirection = "right"
|
|
9007
9001
|
}) {
|
|
9008
|
-
const [toasts, setToasts] = (0,
|
|
9002
|
+
const [toasts, setToasts] = (0, import_react10.useState)([]);
|
|
9009
9003
|
const addToast = (toastData) => {
|
|
9010
9004
|
const id = Math.random().toString(36).substr(2, 9);
|
|
9011
9005
|
const newToast = __spreadProps(__spreadValues({
|
|
@@ -9041,9 +9035,9 @@ function ToastProvider({
|
|
|
9041
9035
|
}
|
|
9042
9036
|
|
|
9043
9037
|
// src/components/Toast/hooks/useToast.ts
|
|
9044
|
-
var
|
|
9038
|
+
var import_react11 = require("react");
|
|
9045
9039
|
var useToast = () => {
|
|
9046
|
-
const context = (0,
|
|
9040
|
+
const context = (0, import_react11.useContext)(ToastContext);
|
|
9047
9041
|
if (!context) {
|
|
9048
9042
|
throw new Error("useToast deve ser usado dentro de um ToastProvider");
|
|
9049
9043
|
}
|
|
@@ -9312,7 +9306,6 @@ function Section(_a) {
|
|
|
9312
9306
|
ButtonItemStyled,
|
|
9313
9307
|
Calendar,
|
|
9314
9308
|
Card,
|
|
9315
|
-
CardContainer,
|
|
9316
9309
|
CardStyled,
|
|
9317
9310
|
CheckboxGroup,
|
|
9318
9311
|
CheckboxGroupStyled,
|