@lets-events/react 11.0.1 → 11.0.2

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.
@@ -1,5 +1,5 @@
1
1
 
2
- > @lets-events/react@11.0.1 build
2
+ > @lets-events/react@11.0.2 build
3
3
  > tsup src/index.tsx --format esm,cjs --dts --external react
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
8
8
  CLI Target: es6
9
9
  ESM Build start
10
10
  CJS Build start
11
- CJS dist\index.js 283.96 KB
12
- CJS ⚡️ Build success in 222ms
13
- ESM dist\index.mjs 275.51 KB
14
- ESM ⚡️ Build success in 223ms
11
+ ESM dist\index.mjs 275.12 KB
12
+ ESM ⚡️ Build success in 224ms
13
+ CJS dist\index.js 283.47 KB
14
+ CJS ⚡️ Build success in 225ms
15
15
  DTS Build start
16
- DTS ⚡️ Build success in 3557ms
17
- DTS dist\index.d.mts 347.68 KB
18
- DTS dist\index.d.ts 347.68 KB
16
+ DTS ⚡️ Build success in 3530ms
17
+ DTS dist\index.d.mts 338.30 KB
18
+ DTS dist\index.d.ts 338.30 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @lets-events/react
2
2
 
3
+ ## 11.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - fix card component
8
+
3
9
  ## 11.0.1
4
10
 
5
11
  ### Patch Changes
package/dist/index.d.mts CHANGED
@@ -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, CardContainer, 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 };
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.d.ts CHANGED
@@ -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, CardContainer, 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 };
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,
@@ -8701,20 +8700,15 @@ function StepWrapper(_a) {
8701
8700
  }
8702
8701
 
8703
8702
  // src/components/Card.tsx
8704
- var import_react7 = __toESM(require("react"));
8705
8703
  var import_themes17 = require("@radix-ui/themes");
8706
8704
  var import_jsx_runtime19 = require("react/jsx-runtime");
8707
8705
  var CardStyled = styled(import_themes17.Card, {
8708
- display: "flex",
8709
- flexDirection: "column",
8710
- width: "370px",
8711
8706
  borderRadius: "$2xl",
8712
8707
  border: "1px solid $dark100",
8713
- overflow: "hidden",
8714
8708
  padding: "16px",
8715
8709
  defaultVariants: {
8716
8710
  color: "primary",
8717
- boxShadow: true
8711
+ boxShadow: false
8718
8712
  },
8719
8713
  variants: {
8720
8714
  color: {
@@ -8741,23 +8735,14 @@ var CardStyled = styled(import_themes17.Card, {
8741
8735
  }
8742
8736
  }
8743
8737
  });
8744
- var CardContainer = styled(import_themes17.Box, {
8745
- display: "flex",
8746
- flexDirection: "row"
8747
- });
8748
8738
  function Card(_a) {
8749
8739
  var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
8750
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children: import_react7.default.Children.map(children, (child) => {
8751
- if (import_react7.default.isValidElement(child)) {
8752
- return import_react7.default.cloneElement(child, { size: props.size });
8753
- }
8754
- return child;
8755
- }) }));
8740
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
8756
8741
  }
8757
8742
 
8758
8743
  // src/components/TextareaField.tsx
8759
8744
  var import_themes18 = require("@radix-ui/themes");
8760
- var import_react8 = require("react");
8745
+ var import_react7 = require("react");
8761
8746
  var import_jsx_runtime20 = require("react/jsx-runtime");
8762
8747
  var TextareaFieldStyle = styled(import_themes18.TextArea, {
8763
8748
  display: "flex",
@@ -8816,8 +8801,8 @@ var TextareaLimitIndicator = styled("div", {
8816
8801
  });
8817
8802
  function TextareaField(_a) {
8818
8803
  var _b = _a, { maxLength } = _b, props = __objRest(_b, ["maxLength"]);
8819
- const inputRef = (0, import_react8.useRef)(null);
8820
- const badgeRef = (0, import_react8.useRef)(null);
8804
+ const inputRef = (0, import_react7.useRef)(null);
8805
+ const badgeRef = (0, import_react7.useRef)(null);
8821
8806
  if (!maxLength) {
8822
8807
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaFieldStyle, __spreadProps(__spreadValues({}, props), { ref: inputRef })) });
8823
8808
  }
@@ -8840,12 +8825,12 @@ function TextareaField(_a) {
8840
8825
  }
8841
8826
 
8842
8827
  // src/components/Toast/components/ToastItem.tsx
8843
- var import_react10 = require("react");
8828
+ var import_react9 = require("react");
8844
8829
 
8845
8830
  // src/components/Toast/styles/index.ts
8846
- var import_react9 = require("@stitches/react");
8831
+ var import_react8 = require("@stitches/react");
8847
8832
  var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
8848
- var slideIn = (0, import_react9.keyframes)({
8833
+ var slideIn = (0, import_react8.keyframes)({
8849
8834
  from: {
8850
8835
  transform: "translateX(calc(100% + 25px))",
8851
8836
  opacity: 0
@@ -8855,7 +8840,7 @@ var slideIn = (0, import_react9.keyframes)({
8855
8840
  opacity: 1
8856
8841
  }
8857
8842
  });
8858
- var slideOut = (0, import_react9.keyframes)({
8843
+ var slideOut = (0, import_react8.keyframes)({
8859
8844
  from: {
8860
8845
  transform: "translateX(0)",
8861
8846
  opacity: 1
@@ -8865,7 +8850,7 @@ var slideOut = (0, import_react9.keyframes)({
8865
8850
  opacity: 0
8866
8851
  }
8867
8852
  });
8868
- var swipeOut = (0, import_react9.keyframes)({
8853
+ var swipeOut = (0, import_react8.keyframes)({
8869
8854
  from: {
8870
8855
  transform: "translateX(var(--radix-toast-swipe-end-x))",
8871
8856
  opacity: 1
@@ -8971,7 +8956,7 @@ function ToastItem({
8971
8956
  toast,
8972
8957
  onRemove
8973
8958
  }) {
8974
- const [open, setOpen] = (0, import_react10.useState)(true);
8959
+ const [open, setOpen] = (0, import_react9.useState)(true);
8975
8960
  const handleOpenChange = (open2) => {
8976
8961
  setOpen(open2);
8977
8962
  if (!open2) {
@@ -8995,17 +8980,17 @@ function ToastItem({
8995
8980
  }
8996
8981
 
8997
8982
  // src/components/Toast/components/ToastProvider.tsx
8998
- var import_react11 = require("react");
8983
+ var import_react10 = require("react");
8999
8984
  var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
9000
8985
  var import_jsx_runtime22 = require("react/jsx-runtime");
9001
- var ToastContext = (0, import_react11.createContext)(null);
8986
+ var ToastContext = (0, import_react10.createContext)(null);
9002
8987
  function ToastProvider({
9003
8988
  children,
9004
8989
  defaultDuration = 5e3,
9005
8990
  maxToasts = 5,
9006
8991
  swipeDirection = "right"
9007
8992
  }) {
9008
- const [toasts, setToasts] = (0, import_react11.useState)([]);
8993
+ const [toasts, setToasts] = (0, import_react10.useState)([]);
9009
8994
  const addToast = (toastData) => {
9010
8995
  const id = Math.random().toString(36).substr(2, 9);
9011
8996
  const newToast = __spreadProps(__spreadValues({
@@ -9041,9 +9026,9 @@ function ToastProvider({
9041
9026
  }
9042
9027
 
9043
9028
  // src/components/Toast/hooks/useToast.ts
9044
- var import_react12 = require("react");
9029
+ var import_react11 = require("react");
9045
9030
  var useToast = () => {
9046
- const context = (0, import_react12.useContext)(ToastContext);
9031
+ const context = (0, import_react11.useContext)(ToastContext);
9047
9032
  if (!context) {
9048
9033
  throw new Error("useToast deve ser usado dentro de um ToastProvider");
9049
9034
  }
@@ -9312,7 +9297,6 @@ function Section(_a) {
9312
9297
  ButtonItemStyled,
9313
9298
  Calendar,
9314
9299
  Card,
9315
- CardContainer,
9316
9300
  CardStyled,
9317
9301
  CheckboxGroup,
9318
9302
  CheckboxGroupStyled,
package/dist/index.mjs CHANGED
@@ -8614,20 +8614,15 @@ function StepWrapper(_a) {
8614
8614
  }
8615
8615
 
8616
8616
  // src/components/Card.tsx
8617
- import React5 from "react";
8618
- import { Box as Box3, Card as CardRadix } from "@radix-ui/themes";
8617
+ import { Card as CardRadix } from "@radix-ui/themes";
8619
8618
  import { jsx as jsx19 } from "react/jsx-runtime";
8620
8619
  var CardStyled = styled(CardRadix, {
8621
- display: "flex",
8622
- flexDirection: "column",
8623
- width: "370px",
8624
8620
  borderRadius: "$2xl",
8625
8621
  border: "1px solid $dark100",
8626
- overflow: "hidden",
8627
8622
  padding: "16px",
8628
8623
  defaultVariants: {
8629
8624
  color: "primary",
8630
- boxShadow: true
8625
+ boxShadow: false
8631
8626
  },
8632
8627
  variants: {
8633
8628
  color: {
@@ -8654,18 +8649,9 @@ var CardStyled = styled(CardRadix, {
8654
8649
  }
8655
8650
  }
8656
8651
  });
8657
- var CardContainer = styled(Box3, {
8658
- display: "flex",
8659
- flexDirection: "row"
8660
- });
8661
8652
  function Card(_a) {
8662
8653
  var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
8663
- return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children: React5.Children.map(children, (child) => {
8664
- if (React5.isValidElement(child)) {
8665
- return React5.cloneElement(child, { size: props.size });
8666
- }
8667
- return child;
8668
- }) }));
8654
+ return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
8669
8655
  }
8670
8656
 
8671
8657
  // src/components/TextareaField.tsx
@@ -9224,7 +9210,6 @@ export {
9224
9210
  ButtonItemStyled,
9225
9211
  Calendar,
9226
9212
  Card,
9227
- CardContainer,
9228
9213
  CardStyled,
9229
9214
  CheckboxGroup,
9230
9215
  CheckboxGroupStyled,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lets-events/react",
3
- "version": "11.0.1",
3
+ "version": "11.0.2",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -1,69 +1,48 @@
1
- import React from 'react'
2
- import { ComponentProps, ElementType } from 'react'
3
- import { styled } from '../styles'
4
- import { Box, Card as CardRadix } from '@radix-ui/themes'
1
+ import React from "react";
2
+ import { ComponentProps, ElementType } from "react";
3
+ import { styled } from "../styles";
4
+ import { Box, Card as CardRadix } from "@radix-ui/themes";
5
5
 
6
6
  export const CardStyled = styled(CardRadix, {
7
- display: 'flex',
8
- flexDirection: 'column',
9
- width: '370px',
10
- borderRadius: '$2xl',
11
- border: '1px solid $dark100',
12
- overflow: 'hidden',
13
- padding: '16px',
14
- defaultVariants: {
15
- color: 'primary',
16
- boxShadow: true,
7
+ borderRadius: "$2xl",
8
+ border: "1px solid $dark100",
9
+ padding: "16px",
10
+ defaultVariants: {
11
+ color: "primary",
12
+ boxShadow: false,
13
+ },
14
+ variants: {
15
+ color: {
16
+ primary: {
17
+ backgroundColor: "$dark50",
18
+ border: "1px solid $dark200",
19
+ },
20
+ disable: {
21
+ backgroundColor: "$grey50",
22
+ border: "1px solid $dark200",
23
+ },
24
+ error: {
25
+ backgroundColor: "$error50",
26
+ border: "1px solid $error600",
27
+ },
17
28
  },
18
- variants: {
19
- color: {
20
- primary: {
21
- backgroundColor: '$dark50',
22
- border: '1px solid $dark200',
23
- },
24
- disable: {
25
- backgroundColor: '$grey50',
26
- border: '1px solid $dark200',
27
- },
28
- error: {
29
- backgroundColor: '$error50',
30
- border: '1px solid $error600',
31
- }
32
- },
33
- boxShadow:{
34
- true: {
35
- boxShadow: '0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)',
36
- },
37
- false: {
38
- boxShadow: 'none',
39
- }
40
- }
41
- }
29
+ boxShadow: {
30
+ true: {
31
+ boxShadow:
32
+ "0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)",
33
+ },
34
+ false: {
35
+ boxShadow: "none",
36
+ },
37
+ },
38
+ },
42
39
  });
43
40
 
44
-
45
-
46
- export const CardContainer = styled(Box, {
47
- display: 'flex',
48
- flexDirection: 'row'
49
- })
50
-
51
41
  export type CardProps = ComponentProps<typeof CardStyled> & {
52
- children: React.ReactNode
53
- as?: ElementType
54
- }
55
-
56
-
42
+ children: React.ReactNode;
43
+ as?: ElementType;
44
+ };
57
45
 
58
46
  export function Card({ asChild, children, ...props }: CardProps) {
59
- return (
60
- <CardStyled {...props}>
61
- {React.Children.map(children, (child) => {
62
- if (React.isValidElement(child)) {
63
- return React.cloneElement(child, { size: props.size } as any)
64
- }
65
- return child
66
- })}
67
- </CardStyled>
68
- )
47
+ return <CardStyled {...props}>{children}</CardStyled>;
69
48
  }