@lets-events/react 11.2.0 → 11.3.0

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 (56) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +20 -18
  3. package/CHANGELOG.md +6 -0
  4. package/dist/index.d.mts +771 -12
  5. package/dist/index.d.ts +771 -12
  6. package/dist/index.js +283 -146
  7. package/dist/index.mjs +260 -125
  8. package/package.json +1 -1
  9. package/src/components/Alert.tsx +303 -303
  10. package/src/components/Avatar.tsx +55 -55
  11. package/src/components/Badge.tsx +128 -128
  12. package/src/components/Box.tsx +3 -3
  13. package/src/components/Button/index.tsx +16 -13
  14. package/src/components/Button/styledComponents.ts +287 -276
  15. package/src/components/ButtonGroup.tsx +484 -484
  16. package/src/components/Calendar/index.tsx +136 -136
  17. package/src/components/Calendar/styledComponents.ts +209 -209
  18. package/src/components/Card.tsx +48 -48
  19. package/src/components/CheckboxGroup.tsx +214 -214
  20. package/src/components/Container.tsx +39 -39
  21. package/src/components/Drawer/index.tsx +48 -0
  22. package/src/components/Drawer/styledComponents.ts +46 -0
  23. package/src/components/Dropdown.tsx +167 -167
  24. package/src/components/Filter.tsx +164 -164
  25. package/src/components/Flex.tsx +118 -118
  26. package/src/components/FormFields/ErrorFormMessage.tsx +36 -36
  27. package/src/components/FormFields/Form.tsx +25 -25
  28. package/src/components/FormFields/FormLabel.tsx +29 -29
  29. package/src/components/FormFields/TextAreaFormField.tsx +46 -46
  30. package/src/components/FormFields/TextFormField.tsx +46 -46
  31. package/src/components/Grid.tsx +137 -137
  32. package/src/components/Icon.tsx +47 -47
  33. package/src/components/MenuDropdown/index.tsx +30 -0
  34. package/src/components/MenuDropdown/styledComponents.ts +31 -0
  35. package/src/components/Modal.tsx +90 -90
  36. package/src/components/RadioGroup.tsx +210 -210
  37. package/src/components/Section.tsx +33 -33
  38. package/src/components/Step.tsx +164 -164
  39. package/src/components/Switch.tsx +108 -108
  40. package/src/components/Text.tsx +39 -39
  41. package/src/components/TextField.tsx +315 -315
  42. package/src/components/TextareaField.tsx +128 -128
  43. package/src/components/TimePicker.tsx +298 -298
  44. package/src/components/Toast/components/ToastItem.tsx +41 -41
  45. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  46. package/src/components/Toast/hooks/useToast.ts +12 -12
  47. package/src/components/Toast/index.tsx +5 -5
  48. package/src/components/Toast/styles/index.ts +135 -135
  49. package/src/components/Toast/types/index.ts +46 -46
  50. package/src/components/Tooltip/index.tsx +66 -66
  51. package/src/components/Tooltip/styles.ts +77 -77
  52. package/src/hooks/useOnClickOutside.tsx +20 -20
  53. package/src/index.tsx +42 -40
  54. package/src/styles/index.ts +38 -38
  55. package/src/types/typographyValues.ts +178 -178
  56. package/tsconfig.json +3 -3
package/dist/index.d.mts CHANGED
@@ -9,6 +9,7 @@ import react__default, { ComponentProps, ElementType, ReactNode, JSX } from 'rea
9
9
  import * as _radix_ui_themes from '@radix-ui/themes';
10
10
  import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
11
11
  import { Colors } from '@lets-events/tokens';
12
+ import { VariantProps } from '@stitches/react';
12
13
  import { MaskOptions, format, unformat } from '@react-input/mask';
13
14
  import { Dialog } from 'radix-ui';
14
15
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -413,7 +414,7 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
413
414
  declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
414
415
  color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
415
416
  size?: "medium" | "small" | "large" | "extraSmall" | undefined;
416
- variant?: "text" | "contained" | "outlined" | undefined;
417
+ variant?: "text" | "contained" | "outlined" | "menuDropdownItem" | undefined;
417
418
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
418
419
  outlinedBgColor?: "transparent" | "neutral" | undefined;
419
420
  radii?: "full" | undefined;
@@ -788,7 +789,8 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
788
789
  zIndex: "zIndices";
789
790
  }, {}>>;
790
791
 
791
- interface ButtonProps extends ComponentProps<typeof ButtonStyled> {
792
+ type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
793
+ interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariantProps {
792
794
  asChild?: boolean;
793
795
  }
794
796
  declare function Button({ asChild, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -4276,7 +4278,7 @@ type ModalProps = ComponentProps<typeof Dialog.Root> & {
4276
4278
  };
4277
4279
  declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
4278
4280
 
4279
- declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4281
+ declare const MenuDropdownContainerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4280
4282
  colors: {
4281
4283
  brand50: string;
4282
4284
  brand100: string;
@@ -4647,15 +4649,772 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
4647
4649
  zIndex: "zIndices";
4648
4650
  }, {}>>;
4649
4651
 
4650
- type CalendarProps = ComponentProps<typeof CalendarStyled> & {
4651
- calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
4652
- selected: Date | undefined;
4653
- setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
4654
- position?: "top" | "bottom";
4655
- action?: boolean;
4656
- actionText?: string;
4652
+ type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
4653
+ children: ReactNode;
4657
4654
  };
4658
- declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4655
+ declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
4656
+
4657
+ declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4658
+ colors: {
4659
+ brand50: string;
4660
+ brand100: string;
4661
+ brand200: string;
4662
+ brand300: string;
4663
+ brand400: string;
4664
+ brand500: string;
4665
+ brand600: string;
4666
+ brand700: string;
4667
+ brand800: string;
4668
+ brand900: string;
4669
+ brand950: string;
4670
+ blue50: string;
4671
+ blue100: string;
4672
+ blue200: string;
4673
+ blue300: string;
4674
+ blue400: string;
4675
+ blue500: string;
4676
+ blue600: string;
4677
+ blue700: string;
4678
+ blue800: string;
4679
+ blue900: string;
4680
+ blue950: string;
4681
+ red50: string;
4682
+ red100: string;
4683
+ red200: string;
4684
+ red300: string;
4685
+ red400: string;
4686
+ red500: string;
4687
+ red600: string;
4688
+ red700: string;
4689
+ red800: string;
4690
+ red900: string;
4691
+ red950: string;
4692
+ purple50: string;
4693
+ purple100: string;
4694
+ purple200: string;
4695
+ purple300: string;
4696
+ purple400: string;
4697
+ purple500: string;
4698
+ purple600: string;
4699
+ purple700: string;
4700
+ purple800: string;
4701
+ purple900: string;
4702
+ purple950: string;
4703
+ yellow50: string;
4704
+ yellow100: string;
4705
+ yellow200: string;
4706
+ yellow300: string;
4707
+ yellow400: string;
4708
+ yellow500: string;
4709
+ yellow600: string;
4710
+ yellow700: string;
4711
+ yellow800: string;
4712
+ yellow900: string;
4713
+ yellow950: string;
4714
+ dark50: string;
4715
+ dark100: string;
4716
+ dark200: string;
4717
+ dark300: string;
4718
+ dark400: string;
4719
+ dark500: string;
4720
+ dark600: string;
4721
+ dark700: string;
4722
+ dark800: string;
4723
+ dark900: string;
4724
+ dark950: string;
4725
+ neutral50: string;
4726
+ neutral100: string;
4727
+ neutral200: string;
4728
+ neutral300: string;
4729
+ neutral400: string;
4730
+ neutral500: string;
4731
+ neutral600: string;
4732
+ neutral700: string;
4733
+ neutral800: string;
4734
+ neutral900: string;
4735
+ neutral950: string;
4736
+ green50: string;
4737
+ green100: string;
4738
+ green200: string;
4739
+ green300: string;
4740
+ green400: string;
4741
+ green500: string;
4742
+ green600: string;
4743
+ green700: string;
4744
+ green800: string;
4745
+ green900: string;
4746
+ green950: string;
4747
+ grey50: string;
4748
+ grey100: string;
4749
+ grey200: string;
4750
+ grey300: string;
4751
+ grey400: string;
4752
+ grey500: string;
4753
+ grey600: string;
4754
+ grey700: string;
4755
+ grey800: string;
4756
+ grey900: string;
4757
+ grey950: string;
4758
+ error50: string;
4759
+ error100: string;
4760
+ error200: string;
4761
+ error300: string;
4762
+ error400: string;
4763
+ error500: string;
4764
+ error600: string;
4765
+ error700: string;
4766
+ error800: string;
4767
+ error900: string;
4768
+ error950: string;
4769
+ success50: string;
4770
+ success100: string;
4771
+ success200: string;
4772
+ success300: string;
4773
+ success400: string;
4774
+ success500: string;
4775
+ success600: string;
4776
+ success700: string;
4777
+ success800: string;
4778
+ success900: string;
4779
+ success950: string;
4780
+ warning50: string;
4781
+ warning100: string;
4782
+ warning200: string;
4783
+ warning300: string;
4784
+ warning400: string;
4785
+ warning500: string;
4786
+ warning600: string;
4787
+ warning700: string;
4788
+ warning800: string;
4789
+ warning900: string;
4790
+ warning950: string;
4791
+ info50: string;
4792
+ info100: string;
4793
+ info200: string;
4794
+ info300: string;
4795
+ info400: string;
4796
+ info500: string;
4797
+ info600: string;
4798
+ info700: string;
4799
+ info800: string;
4800
+ info900: string;
4801
+ info950: string;
4802
+ };
4803
+ fontSizes: {
4804
+ 2: string;
4805
+ 4: string;
4806
+ 6: string;
4807
+ 8: string;
4808
+ 10: string;
4809
+ 12: string;
4810
+ 13: string;
4811
+ 14: string;
4812
+ 16: string;
4813
+ 18: string;
4814
+ 20: string;
4815
+ 22: string;
4816
+ 24: string;
4817
+ 32: string;
4818
+ 36: string;
4819
+ 40: string;
4820
+ 48: string;
4821
+ 56: string;
4822
+ 64: string;
4823
+ 72: string;
4824
+ 80: string;
4825
+ xs: string;
4826
+ sm: string;
4827
+ md: string;
4828
+ lg: string;
4829
+ '2xl': string;
4830
+ '3xl': string;
4831
+ '4xl': string;
4832
+ full: string;
4833
+ };
4834
+ fonts: {
4835
+ default: string;
4836
+ };
4837
+ fontWeights: {
4838
+ regular: string;
4839
+ medium: string;
4840
+ semibold: string;
4841
+ bold: string;
4842
+ };
4843
+ lineHeights: {
4844
+ smaller: string;
4845
+ shorter: string;
4846
+ short: string;
4847
+ base: string;
4848
+ tall: string;
4849
+ };
4850
+ radii: {
4851
+ '3xs': string;
4852
+ '2xs': string;
4853
+ xs: string;
4854
+ sm: string;
4855
+ md: string;
4856
+ lg: string;
4857
+ xl: string;
4858
+ '2xl': string;
4859
+ '3xl': string;
4860
+ '4xl': string;
4861
+ '5xl': string;
4862
+ '6xl': string;
4863
+ '7xl': string;
4864
+ '8xl': string;
4865
+ '9xl': string;
4866
+ '10xl': string;
4867
+ '11xl': string;
4868
+ '12xl': string;
4869
+ '13xl': string;
4870
+ '14xl': string;
4871
+ full: string;
4872
+ };
4873
+ space: {
4874
+ 2: string;
4875
+ 4: string;
4876
+ 6: string;
4877
+ 8: string;
4878
+ 10: string;
4879
+ 12: string;
4880
+ 13: string;
4881
+ 14: string;
4882
+ 16: string;
4883
+ 18: string;
4884
+ 20: string;
4885
+ 22: string;
4886
+ 24: string;
4887
+ 32: string;
4888
+ 36: string;
4889
+ 40: string;
4890
+ 48: string;
4891
+ 56: string;
4892
+ 64: string;
4893
+ 72: string;
4894
+ 80: string;
4895
+ full: string;
4896
+ };
4897
+ }, {
4898
+ height: "space";
4899
+ width: "space";
4900
+ gap: "space";
4901
+ gridGap: "space";
4902
+ columnGap: "space";
4903
+ gridColumnGap: "space";
4904
+ rowGap: "space";
4905
+ gridRowGap: "space";
4906
+ inset: "space";
4907
+ insetBlock: "space";
4908
+ insetBlockEnd: "space";
4909
+ insetBlockStart: "space";
4910
+ insetInline: "space";
4911
+ insetInlineEnd: "space";
4912
+ insetInlineStart: "space";
4913
+ margin: "space";
4914
+ marginTop: "space";
4915
+ marginRight: "space";
4916
+ marginBottom: "space";
4917
+ marginLeft: "space";
4918
+ marginBlock: "space";
4919
+ marginBlockEnd: "space";
4920
+ marginBlockStart: "space";
4921
+ marginInline: "space";
4922
+ marginInlineEnd: "space";
4923
+ marginInlineStart: "space";
4924
+ padding: "space";
4925
+ paddingTop: "space";
4926
+ paddingRight: "space";
4927
+ paddingBottom: "space";
4928
+ paddingLeft: "space";
4929
+ paddingBlock: "space";
4930
+ paddingBlockEnd: "space";
4931
+ paddingBlockStart: "space";
4932
+ paddingInline: "space";
4933
+ paddingInlineEnd: "space";
4934
+ paddingInlineStart: "space";
4935
+ scrollMargin: "space";
4936
+ scrollMarginTop: "space";
4937
+ scrollMarginRight: "space";
4938
+ scrollMarginBottom: "space";
4939
+ scrollMarginLeft: "space";
4940
+ scrollMarginBlock: "space";
4941
+ scrollMarginBlockEnd: "space";
4942
+ scrollMarginBlockStart: "space";
4943
+ scrollMarginInline: "space";
4944
+ scrollMarginInlineEnd: "space";
4945
+ scrollMarginInlineStart: "space";
4946
+ scrollPadding: "space";
4947
+ scrollPaddingTop: "space";
4948
+ scrollPaddingRight: "space";
4949
+ scrollPaddingBottom: "space";
4950
+ scrollPaddingLeft: "space";
4951
+ scrollPaddingBlock: "space";
4952
+ scrollPaddingBlockEnd: "space";
4953
+ scrollPaddingBlockStart: "space";
4954
+ scrollPaddingInline: "space";
4955
+ scrollPaddingInlineEnd: "space";
4956
+ scrollPaddingInlineStart: "space";
4957
+ top: "space";
4958
+ right: "space";
4959
+ bottom: "space";
4960
+ left: "space";
4961
+ fontSize: "fontSizes";
4962
+ background: "colors";
4963
+ backgroundColor: "colors";
4964
+ backgroundImage: "colors";
4965
+ borderImage: "colors";
4966
+ border: "colors";
4967
+ borderBlock: "colors";
4968
+ borderBlockEnd: "colors";
4969
+ borderBlockStart: "colors";
4970
+ borderBottom: "colors";
4971
+ borderBottomColor: "colors";
4972
+ borderColor: "colors";
4973
+ borderInline: "colors";
4974
+ borderInlineEnd: "colors";
4975
+ borderInlineStart: "colors";
4976
+ borderLeft: "colors";
4977
+ borderLeftColor: "colors";
4978
+ borderRight: "colors";
4979
+ borderRightColor: "colors";
4980
+ borderTop: "colors";
4981
+ borderTopColor: "colors";
4982
+ caretColor: "colors";
4983
+ color: "colors";
4984
+ columnRuleColor: "colors";
4985
+ outline: "colors";
4986
+ outlineColor: "colors";
4987
+ fill: "colors";
4988
+ stroke: "colors";
4989
+ textDecorationColor: "colors";
4990
+ fontFamily: "fonts";
4991
+ fontWeight: "fontWeights";
4992
+ lineHeight: "lineHeights";
4993
+ letterSpacing: "letterSpacings";
4994
+ blockSize: "sizes";
4995
+ minBlockSize: "sizes";
4996
+ maxBlockSize: "sizes";
4997
+ inlineSize: "sizes";
4998
+ minInlineSize: "sizes";
4999
+ maxInlineSize: "sizes";
5000
+ minWidth: "sizes";
5001
+ maxWidth: "sizes";
5002
+ minHeight: "sizes";
5003
+ maxHeight: "sizes";
5004
+ flexBasis: "sizes";
5005
+ gridTemplateColumns: "sizes";
5006
+ gridTemplateRows: "sizes";
5007
+ borderWidth: "borderWidths";
5008
+ borderTopWidth: "borderWidths";
5009
+ borderLeftWidth: "borderWidths";
5010
+ borderRightWidth: "borderWidths";
5011
+ borderBottomWidth: "borderWidths";
5012
+ borderStyle: "borderStyles";
5013
+ borderTopStyle: "borderStyles";
5014
+ borderLeftStyle: "borderStyles";
5015
+ borderRightStyle: "borderStyles";
5016
+ borderBottomStyle: "borderStyles";
5017
+ borderRadius: "radii";
5018
+ borderTopLeftRadius: "radii";
5019
+ borderTopRightRadius: "radii";
5020
+ borderBottomRightRadius: "radii";
5021
+ borderBottomLeftRadius: "radii";
5022
+ boxShadow: "shadows";
5023
+ textShadow: "shadows";
5024
+ transition: "transitions";
5025
+ zIndex: "zIndices";
5026
+ }, {}>>;
5027
+
5028
+ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
5029
+ calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
5030
+ selected: Date | undefined;
5031
+ setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
5032
+ position?: "top" | "bottom";
5033
+ action?: boolean;
5034
+ actionText?: string;
5035
+ };
5036
+ declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
5037
+
5038
+ declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5039
+ colors: {
5040
+ brand50: string;
5041
+ brand100: string;
5042
+ brand200: string;
5043
+ brand300: string;
5044
+ brand400: string;
5045
+ brand500: string;
5046
+ brand600: string;
5047
+ brand700: string;
5048
+ brand800: string;
5049
+ brand900: string;
5050
+ brand950: string;
5051
+ blue50: string;
5052
+ blue100: string;
5053
+ blue200: string;
5054
+ blue300: string;
5055
+ blue400: string;
5056
+ blue500: string;
5057
+ blue600: string;
5058
+ blue700: string;
5059
+ blue800: string;
5060
+ blue900: string;
5061
+ blue950: string;
5062
+ red50: string;
5063
+ red100: string;
5064
+ red200: string;
5065
+ red300: string;
5066
+ red400: string;
5067
+ red500: string;
5068
+ red600: string;
5069
+ red700: string;
5070
+ red800: string;
5071
+ red900: string;
5072
+ red950: string;
5073
+ purple50: string;
5074
+ purple100: string;
5075
+ purple200: string;
5076
+ purple300: string;
5077
+ purple400: string;
5078
+ purple500: string;
5079
+ purple600: string;
5080
+ purple700: string;
5081
+ purple800: string;
5082
+ purple900: string;
5083
+ purple950: string;
5084
+ yellow50: string;
5085
+ yellow100: string;
5086
+ yellow200: string;
5087
+ yellow300: string;
5088
+ yellow400: string;
5089
+ yellow500: string;
5090
+ yellow600: string;
5091
+ yellow700: string;
5092
+ yellow800: string;
5093
+ yellow900: string;
5094
+ yellow950: string;
5095
+ dark50: string;
5096
+ dark100: string;
5097
+ dark200: string;
5098
+ dark300: string;
5099
+ dark400: string;
5100
+ dark500: string;
5101
+ dark600: string;
5102
+ dark700: string;
5103
+ dark800: string;
5104
+ dark900: string;
5105
+ dark950: string;
5106
+ neutral50: string;
5107
+ neutral100: string;
5108
+ neutral200: string;
5109
+ neutral300: string;
5110
+ neutral400: string;
5111
+ neutral500: string;
5112
+ neutral600: string;
5113
+ neutral700: string;
5114
+ neutral800: string;
5115
+ neutral900: string;
5116
+ neutral950: string;
5117
+ green50: string;
5118
+ green100: string;
5119
+ green200: string;
5120
+ green300: string;
5121
+ green400: string;
5122
+ green500: string;
5123
+ green600: string;
5124
+ green700: string;
5125
+ green800: string;
5126
+ green900: string;
5127
+ green950: string;
5128
+ grey50: string;
5129
+ grey100: string;
5130
+ grey200: string;
5131
+ grey300: string;
5132
+ grey400: string;
5133
+ grey500: string;
5134
+ grey600: string;
5135
+ grey700: string;
5136
+ grey800: string;
5137
+ grey900: string;
5138
+ grey950: string;
5139
+ error50: string;
5140
+ error100: string;
5141
+ error200: string;
5142
+ error300: string;
5143
+ error400: string;
5144
+ error500: string;
5145
+ error600: string;
5146
+ error700: string;
5147
+ error800: string;
5148
+ error900: string;
5149
+ error950: string;
5150
+ success50: string;
5151
+ success100: string;
5152
+ success200: string;
5153
+ success300: string;
5154
+ success400: string;
5155
+ success500: string;
5156
+ success600: string;
5157
+ success700: string;
5158
+ success800: string;
5159
+ success900: string;
5160
+ success950: string;
5161
+ warning50: string;
5162
+ warning100: string;
5163
+ warning200: string;
5164
+ warning300: string;
5165
+ warning400: string;
5166
+ warning500: string;
5167
+ warning600: string;
5168
+ warning700: string;
5169
+ warning800: string;
5170
+ warning900: string;
5171
+ warning950: string;
5172
+ info50: string;
5173
+ info100: string;
5174
+ info200: string;
5175
+ info300: string;
5176
+ info400: string;
5177
+ info500: string;
5178
+ info600: string;
5179
+ info700: string;
5180
+ info800: string;
5181
+ info900: string;
5182
+ info950: string;
5183
+ };
5184
+ fontSizes: {
5185
+ 2: string;
5186
+ 4: string;
5187
+ 6: string;
5188
+ 8: string;
5189
+ 10: string;
5190
+ 12: string;
5191
+ 13: string;
5192
+ 14: string;
5193
+ 16: string;
5194
+ 18: string;
5195
+ 20: string;
5196
+ 22: string;
5197
+ 24: string;
5198
+ 32: string;
5199
+ 36: string;
5200
+ 40: string;
5201
+ 48: string;
5202
+ 56: string;
5203
+ 64: string;
5204
+ 72: string;
5205
+ 80: string;
5206
+ xs: string;
5207
+ sm: string;
5208
+ md: string;
5209
+ lg: string;
5210
+ '2xl': string;
5211
+ '3xl': string;
5212
+ '4xl': string;
5213
+ full: string;
5214
+ };
5215
+ fonts: {
5216
+ default: string;
5217
+ };
5218
+ fontWeights: {
5219
+ regular: string;
5220
+ medium: string;
5221
+ semibold: string;
5222
+ bold: string;
5223
+ };
5224
+ lineHeights: {
5225
+ smaller: string;
5226
+ shorter: string;
5227
+ short: string;
5228
+ base: string;
5229
+ tall: string;
5230
+ };
5231
+ radii: {
5232
+ '3xs': string;
5233
+ '2xs': string;
5234
+ xs: string;
5235
+ sm: string;
5236
+ md: string;
5237
+ lg: string;
5238
+ xl: string;
5239
+ '2xl': string;
5240
+ '3xl': string;
5241
+ '4xl': string;
5242
+ '5xl': string;
5243
+ '6xl': string;
5244
+ '7xl': string;
5245
+ '8xl': string;
5246
+ '9xl': string;
5247
+ '10xl': string;
5248
+ '11xl': string;
5249
+ '12xl': string;
5250
+ '13xl': string;
5251
+ '14xl': string;
5252
+ full: string;
5253
+ };
5254
+ space: {
5255
+ 2: string;
5256
+ 4: string;
5257
+ 6: string;
5258
+ 8: string;
5259
+ 10: string;
5260
+ 12: string;
5261
+ 13: string;
5262
+ 14: string;
5263
+ 16: string;
5264
+ 18: string;
5265
+ 20: string;
5266
+ 22: string;
5267
+ 24: string;
5268
+ 32: string;
5269
+ 36: string;
5270
+ 40: string;
5271
+ 48: string;
5272
+ 56: string;
5273
+ 64: string;
5274
+ 72: string;
5275
+ 80: string;
5276
+ full: string;
5277
+ };
5278
+ }, {
5279
+ height: "space";
5280
+ width: "space";
5281
+ gap: "space";
5282
+ gridGap: "space";
5283
+ columnGap: "space";
5284
+ gridColumnGap: "space";
5285
+ rowGap: "space";
5286
+ gridRowGap: "space";
5287
+ inset: "space";
5288
+ insetBlock: "space";
5289
+ insetBlockEnd: "space";
5290
+ insetBlockStart: "space";
5291
+ insetInline: "space";
5292
+ insetInlineEnd: "space";
5293
+ insetInlineStart: "space";
5294
+ margin: "space";
5295
+ marginTop: "space";
5296
+ marginRight: "space";
5297
+ marginBottom: "space";
5298
+ marginLeft: "space";
5299
+ marginBlock: "space";
5300
+ marginBlockEnd: "space";
5301
+ marginBlockStart: "space";
5302
+ marginInline: "space";
5303
+ marginInlineEnd: "space";
5304
+ marginInlineStart: "space";
5305
+ padding: "space";
5306
+ paddingTop: "space";
5307
+ paddingRight: "space";
5308
+ paddingBottom: "space";
5309
+ paddingLeft: "space";
5310
+ paddingBlock: "space";
5311
+ paddingBlockEnd: "space";
5312
+ paddingBlockStart: "space";
5313
+ paddingInline: "space";
5314
+ paddingInlineEnd: "space";
5315
+ paddingInlineStart: "space";
5316
+ scrollMargin: "space";
5317
+ scrollMarginTop: "space";
5318
+ scrollMarginRight: "space";
5319
+ scrollMarginBottom: "space";
5320
+ scrollMarginLeft: "space";
5321
+ scrollMarginBlock: "space";
5322
+ scrollMarginBlockEnd: "space";
5323
+ scrollMarginBlockStart: "space";
5324
+ scrollMarginInline: "space";
5325
+ scrollMarginInlineEnd: "space";
5326
+ scrollMarginInlineStart: "space";
5327
+ scrollPadding: "space";
5328
+ scrollPaddingTop: "space";
5329
+ scrollPaddingRight: "space";
5330
+ scrollPaddingBottom: "space";
5331
+ scrollPaddingLeft: "space";
5332
+ scrollPaddingBlock: "space";
5333
+ scrollPaddingBlockEnd: "space";
5334
+ scrollPaddingBlockStart: "space";
5335
+ scrollPaddingInline: "space";
5336
+ scrollPaddingInlineEnd: "space";
5337
+ scrollPaddingInlineStart: "space";
5338
+ top: "space";
5339
+ right: "space";
5340
+ bottom: "space";
5341
+ left: "space";
5342
+ fontSize: "fontSizes";
5343
+ background: "colors";
5344
+ backgroundColor: "colors";
5345
+ backgroundImage: "colors";
5346
+ borderImage: "colors";
5347
+ border: "colors";
5348
+ borderBlock: "colors";
5349
+ borderBlockEnd: "colors";
5350
+ borderBlockStart: "colors";
5351
+ borderBottom: "colors";
5352
+ borderBottomColor: "colors";
5353
+ borderColor: "colors";
5354
+ borderInline: "colors";
5355
+ borderInlineEnd: "colors";
5356
+ borderInlineStart: "colors";
5357
+ borderLeft: "colors";
5358
+ borderLeftColor: "colors";
5359
+ borderRight: "colors";
5360
+ borderRightColor: "colors";
5361
+ borderTop: "colors";
5362
+ borderTopColor: "colors";
5363
+ caretColor: "colors";
5364
+ color: "colors";
5365
+ columnRuleColor: "colors";
5366
+ outline: "colors";
5367
+ outlineColor: "colors";
5368
+ fill: "colors";
5369
+ stroke: "colors";
5370
+ textDecorationColor: "colors";
5371
+ fontFamily: "fonts";
5372
+ fontWeight: "fontWeights";
5373
+ lineHeight: "lineHeights";
5374
+ letterSpacing: "letterSpacings";
5375
+ blockSize: "sizes";
5376
+ minBlockSize: "sizes";
5377
+ maxBlockSize: "sizes";
5378
+ inlineSize: "sizes";
5379
+ minInlineSize: "sizes";
5380
+ maxInlineSize: "sizes";
5381
+ minWidth: "sizes";
5382
+ maxWidth: "sizes";
5383
+ minHeight: "sizes";
5384
+ maxHeight: "sizes";
5385
+ flexBasis: "sizes";
5386
+ gridTemplateColumns: "sizes";
5387
+ gridTemplateRows: "sizes";
5388
+ borderWidth: "borderWidths";
5389
+ borderTopWidth: "borderWidths";
5390
+ borderLeftWidth: "borderWidths";
5391
+ borderRightWidth: "borderWidths";
5392
+ borderBottomWidth: "borderWidths";
5393
+ borderStyle: "borderStyles";
5394
+ borderTopStyle: "borderStyles";
5395
+ borderLeftStyle: "borderStyles";
5396
+ borderRightStyle: "borderStyles";
5397
+ borderBottomStyle: "borderStyles";
5398
+ borderRadius: "radii";
5399
+ borderTopLeftRadius: "radii";
5400
+ borderTopRightRadius: "radii";
5401
+ borderBottomRightRadius: "radii";
5402
+ borderBottomLeftRadius: "radii";
5403
+ boxShadow: "shadows";
5404
+ textShadow: "shadows";
5405
+ transition: "transitions";
5406
+ zIndex: "zIndices";
5407
+ }, {}>>;
5408
+
5409
+ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
5410
+ isOpen: boolean;
5411
+ onClose: () => void;
5412
+ width?: string;
5413
+ backgroundColor?: keyof Colors;
5414
+ title: string;
5415
+ children?: ReactNode;
5416
+ };
5417
+ declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
4659
5418
 
4660
5419
  declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4661
5420
  colors: {
@@ -13386,4 +14145,4 @@ type FormProps = UseFormProps & {
13386
14145
  };
13387
14146
  declare const Form: ({ onSubmit, children, ...props }: FormProps) => react_jsx_runtime.JSX.Element;
13388
14147
 
13389
- 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, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, 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, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, 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 };
14148
+ 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, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, InputStyled, MenuDropdown, type MenuDropdownProps, 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, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, 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 };