@lets-events/react 11.7.3 → 11.7.5

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 (77) hide show
  1. package/.eslintrc.json +2 -2
  2. package/.turbo/turbo-build.log +20 -18
  3. package/CHANGELOG.md +12 -0
  4. package/dist/index.d.mts +5 -374
  5. package/dist/index.d.ts +5 -374
  6. package/dist/index.js +57 -59
  7. package/dist/index.mjs +26 -28
  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 +125 -125
  12. package/src/components/Box.tsx +3 -3
  13. package/src/components/Button/index.tsx +16 -16
  14. package/src/components/Button/styledComponents.ts +287 -287
  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 +176 -176
  20. package/src/components/Container.tsx +39 -39
  21. package/src/components/Drawer/index.tsx +48 -48
  22. package/src/components/Drawer/styledComponents.ts +46 -46
  23. package/src/components/Dropdown.tsx +302 -302
  24. package/src/components/Filter.tsx +164 -164
  25. package/src/components/Flex.tsx +118 -118
  26. package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
  27. package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
  28. package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
  29. package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
  30. package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
  31. package/src/components/FormFields/BirthDateFormField.tsx +85 -85
  32. package/src/components/FormFields/CNPJFormField.tsx +87 -87
  33. package/src/components/FormFields/CPFFormField.tsx +77 -77
  34. package/src/components/FormFields/CheckboxGroupFormField.tsx +90 -90
  35. package/src/components/FormFields/EmailFormField.tsx +27 -27
  36. package/src/components/FormFields/Form.tsx +39 -39
  37. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +40 -40
  38. package/src/components/FormFields/MultiSelectFormField.tsx +55 -55
  39. package/src/components/FormFields/PhoneFormField.tsx +40 -40
  40. package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
  41. package/src/components/FormFields/SelectFormField.tsx +93 -93
  42. package/src/components/FormFields/TextAreaFormField.tsx +48 -48
  43. package/src/components/FormFields/TextFormField.tsx +112 -107
  44. package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
  45. package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
  46. package/src/components/FormFields/utils/validation.ts +23 -23
  47. package/src/components/Grid.tsx +137 -137
  48. package/src/components/Icon.tsx +47 -47
  49. package/src/components/MenuDropdown/index.tsx +30 -30
  50. package/src/components/MenuDropdown/styledComponents.ts +31 -31
  51. package/src/components/Modal.tsx +90 -90
  52. package/src/components/MultiSelect.tsx +218 -218
  53. package/src/components/RadioGroup.tsx +210 -210
  54. package/src/components/Section.tsx +33 -33
  55. package/src/components/Step.tsx +164 -164
  56. package/src/components/Switch.tsx +108 -108
  57. package/src/components/Text.tsx +38 -38
  58. package/src/components/TextField.tsx +316 -316
  59. package/src/components/TextareaField.tsx +128 -128
  60. package/src/components/TimePicker.tsx +298 -298
  61. package/src/components/Toast/components/ToastItem.tsx +41 -41
  62. package/src/components/Toast/components/ToastProvider.tsx +63 -63
  63. package/src/components/Toast/hooks/useToast.ts +12 -12
  64. package/src/components/Toast/index.tsx +5 -5
  65. package/src/components/Toast/styles/index.ts +135 -135
  66. package/src/components/Toast/types/index.ts +46 -46
  67. package/src/components/Tooltip/index.tsx +66 -66
  68. package/src/components/Tooltip/styles.ts +77 -77
  69. package/src/hooks/useCountries.ts +41 -41
  70. package/src/hooks/useOnClickOutside.tsx +20 -20
  71. package/src/index.tsx +54 -54
  72. package/src/styles/index.ts +38 -38
  73. package/src/types/typographyValues.ts +178 -178
  74. package/src/utils/getNestedValue.ts +3 -3
  75. package/src/utils/states.ts +29 -29
  76. package/tsconfig.json +3 -3
  77. package/dist/index.css +0 -171
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
5
5
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
6
6
  import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
7
7
  import * as React$1 from 'react';
8
- import React__default, { ComponentProps, ElementType, ReactNode, MouseEvent, JSX } from 'react';
8
+ import React__default, { ComponentProps, ElementType, ReactNode, MouseEvent, HTMLAttributes, JSX } from 'react';
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';
@@ -4281,381 +4281,12 @@ type ModalProps = ComponentProps<typeof Dialog.Root> & {
4281
4281
  };
4282
4282
  declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
4283
4283
 
4284
- declare const MenuDropdownContainerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4285
- colors: {
4286
- brand50: string;
4287
- brand100: string;
4288
- brand200: string;
4289
- brand300: string;
4290
- brand400: string;
4291
- brand500: string;
4292
- brand600: string;
4293
- brand700: string;
4294
- brand800: string;
4295
- brand900: string;
4296
- brand950: string;
4297
- blue50: string;
4298
- blue100: string;
4299
- blue200: string;
4300
- blue300: string;
4301
- blue400: string;
4302
- blue500: string;
4303
- blue600: string;
4304
- blue700: string;
4305
- blue800: string;
4306
- blue900: string;
4307
- blue950: string;
4308
- red50: string;
4309
- red100: string;
4310
- red200: string;
4311
- red300: string;
4312
- red400: string;
4313
- red500: string;
4314
- red600: string;
4315
- red700: string;
4316
- red800: string;
4317
- red900: string;
4318
- red950: string;
4319
- purple50: string;
4320
- purple100: string;
4321
- purple200: string;
4322
- purple300: string;
4323
- purple400: string;
4324
- purple500: string;
4325
- purple600: string;
4326
- purple700: string;
4327
- purple800: string;
4328
- purple900: string;
4329
- purple950: string;
4330
- yellow50: string;
4331
- yellow100: string;
4332
- yellow200: string;
4333
- yellow300: string;
4334
- yellow400: string;
4335
- yellow500: string;
4336
- yellow600: string;
4337
- yellow700: string;
4338
- yellow800: string;
4339
- yellow900: string;
4340
- yellow950: string;
4341
- dark50: string;
4342
- dark100: string;
4343
- dark200: string;
4344
- dark300: string;
4345
- dark400: string;
4346
- dark500: string;
4347
- dark600: string;
4348
- dark700: string;
4349
- dark800: string;
4350
- dark900: string;
4351
- dark950: string;
4352
- neutral50: string;
4353
- neutral100: string;
4354
- neutral200: string;
4355
- neutral300: string;
4356
- neutral400: string;
4357
- neutral500: string;
4358
- neutral600: string;
4359
- neutral700: string;
4360
- neutral800: string;
4361
- neutral900: string;
4362
- neutral950: string;
4363
- green50: string;
4364
- green100: string;
4365
- green200: string;
4366
- green300: string;
4367
- green400: string;
4368
- green500: string;
4369
- green600: string;
4370
- green700: string;
4371
- green800: string;
4372
- green900: string;
4373
- green950: string;
4374
- grey50: string;
4375
- grey100: string;
4376
- grey200: string;
4377
- grey300: string;
4378
- grey400: string;
4379
- grey500: string;
4380
- grey600: string;
4381
- grey700: string;
4382
- grey800: string;
4383
- grey900: string;
4384
- grey950: string;
4385
- error50: string;
4386
- error100: string;
4387
- error200: string;
4388
- error300: string;
4389
- error400: string;
4390
- error500: string;
4391
- error600: string;
4392
- error700: string;
4393
- error800: string;
4394
- error900: string;
4395
- error950: string;
4396
- success50: string;
4397
- success100: string;
4398
- success200: string;
4399
- success300: string;
4400
- success400: string;
4401
- success500: string;
4402
- success600: string;
4403
- success700: string;
4404
- success800: string;
4405
- success900: string;
4406
- success950: string;
4407
- warning50: string;
4408
- warning100: string;
4409
- warning200: string;
4410
- warning300: string;
4411
- warning400: string;
4412
- warning500: string;
4413
- warning600: string;
4414
- warning700: string;
4415
- warning800: string;
4416
- warning900: string;
4417
- warning950: string;
4418
- info50: string;
4419
- info100: string;
4420
- info200: string;
4421
- info300: string;
4422
- info400: string;
4423
- info500: string;
4424
- info600: string;
4425
- info700: string;
4426
- info800: string;
4427
- info900: string;
4428
- info950: string;
4429
- };
4430
- fontSizes: {
4431
- 2: string;
4432
- 4: string;
4433
- 6: string;
4434
- 8: string;
4435
- 10: string;
4436
- 12: string;
4437
- 13: string;
4438
- 14: string;
4439
- 16: string;
4440
- 18: string;
4441
- 20: string;
4442
- 22: string;
4443
- 24: string;
4444
- 32: string;
4445
- 36: string;
4446
- 40: string;
4447
- 48: string;
4448
- 56: string;
4449
- 64: string;
4450
- 72: string;
4451
- 80: string;
4452
- xs: string;
4453
- sm: string;
4454
- md: string;
4455
- lg: string;
4456
- '2xl': string;
4457
- '3xl': string;
4458
- '4xl': string;
4459
- full: string;
4460
- };
4461
- fonts: {
4462
- default: string;
4463
- };
4464
- fontWeights: {
4465
- regular: string;
4466
- medium: string;
4467
- semibold: string;
4468
- bold: string;
4469
- };
4470
- lineHeights: {
4471
- smaller: string;
4472
- shorter: string;
4473
- short: string;
4474
- base: string;
4475
- tall: string;
4476
- };
4477
- radii: {
4478
- '3xs': string;
4479
- '2xs': string;
4480
- xs: string;
4481
- sm: string;
4482
- md: string;
4483
- lg: string;
4484
- xl: string;
4485
- '2xl': string;
4486
- '3xl': string;
4487
- '4xl': string;
4488
- '5xl': string;
4489
- '6xl': string;
4490
- '7xl': string;
4491
- '8xl': string;
4492
- '9xl': string;
4493
- '10xl': string;
4494
- '11xl': string;
4495
- '12xl': string;
4496
- '13xl': string;
4497
- '14xl': string;
4498
- full: string;
4499
- };
4500
- space: {
4501
- 2: string;
4502
- 4: string;
4503
- 6: string;
4504
- 8: string;
4505
- 10: string;
4506
- 12: string;
4507
- 13: string;
4508
- 14: string;
4509
- 16: string;
4510
- 18: string;
4511
- 20: string;
4512
- 22: string;
4513
- 24: string;
4514
- 32: string;
4515
- 36: string;
4516
- 40: string;
4517
- 48: string;
4518
- 56: string;
4519
- 64: string;
4520
- 72: string;
4521
- 80: string;
4522
- full: string;
4523
- };
4524
- }, {
4525
- height: "space";
4526
- width: "space";
4527
- gap: "space";
4528
- gridGap: "space";
4529
- columnGap: "space";
4530
- gridColumnGap: "space";
4531
- rowGap: "space";
4532
- gridRowGap: "space";
4533
- inset: "space";
4534
- insetBlock: "space";
4535
- insetBlockEnd: "space";
4536
- insetBlockStart: "space";
4537
- insetInline: "space";
4538
- insetInlineEnd: "space";
4539
- insetInlineStart: "space";
4540
- margin: "space";
4541
- marginTop: "space";
4542
- marginRight: "space";
4543
- marginBottom: "space";
4544
- marginLeft: "space";
4545
- marginBlock: "space";
4546
- marginBlockEnd: "space";
4547
- marginBlockStart: "space";
4548
- marginInline: "space";
4549
- marginInlineEnd: "space";
4550
- marginInlineStart: "space";
4551
- padding: "space";
4552
- paddingTop: "space";
4553
- paddingRight: "space";
4554
- paddingBottom: "space";
4555
- paddingLeft: "space";
4556
- paddingBlock: "space";
4557
- paddingBlockEnd: "space";
4558
- paddingBlockStart: "space";
4559
- paddingInline: "space";
4560
- paddingInlineEnd: "space";
4561
- paddingInlineStart: "space";
4562
- scrollMargin: "space";
4563
- scrollMarginTop: "space";
4564
- scrollMarginRight: "space";
4565
- scrollMarginBottom: "space";
4566
- scrollMarginLeft: "space";
4567
- scrollMarginBlock: "space";
4568
- scrollMarginBlockEnd: "space";
4569
- scrollMarginBlockStart: "space";
4570
- scrollMarginInline: "space";
4571
- scrollMarginInlineEnd: "space";
4572
- scrollMarginInlineStart: "space";
4573
- scrollPadding: "space";
4574
- scrollPaddingTop: "space";
4575
- scrollPaddingRight: "space";
4576
- scrollPaddingBottom: "space";
4577
- scrollPaddingLeft: "space";
4578
- scrollPaddingBlock: "space";
4579
- scrollPaddingBlockEnd: "space";
4580
- scrollPaddingBlockStart: "space";
4581
- scrollPaddingInline: "space";
4582
- scrollPaddingInlineEnd: "space";
4583
- scrollPaddingInlineStart: "space";
4584
- top: "space";
4585
- right: "space";
4586
- bottom: "space";
4587
- left: "space";
4588
- fontSize: "fontSizes";
4589
- background: "colors";
4590
- backgroundColor: "colors";
4591
- backgroundImage: "colors";
4592
- borderImage: "colors";
4593
- border: "colors";
4594
- borderBlock: "colors";
4595
- borderBlockEnd: "colors";
4596
- borderBlockStart: "colors";
4597
- borderBottom: "colors";
4598
- borderBottomColor: "colors";
4599
- borderColor: "colors";
4600
- borderInline: "colors";
4601
- borderInlineEnd: "colors";
4602
- borderInlineStart: "colors";
4603
- borderLeft: "colors";
4604
- borderLeftColor: "colors";
4605
- borderRight: "colors";
4606
- borderRightColor: "colors";
4607
- borderTop: "colors";
4608
- borderTopColor: "colors";
4609
- caretColor: "colors";
4610
- color: "colors";
4611
- columnRuleColor: "colors";
4612
- outline: "colors";
4613
- outlineColor: "colors";
4614
- fill: "colors";
4615
- stroke: "colors";
4616
- textDecorationColor: "colors";
4617
- fontFamily: "fonts";
4618
- fontWeight: "fontWeights";
4619
- lineHeight: "lineHeights";
4620
- letterSpacing: "letterSpacings";
4621
- blockSize: "sizes";
4622
- minBlockSize: "sizes";
4623
- maxBlockSize: "sizes";
4624
- inlineSize: "sizes";
4625
- minInlineSize: "sizes";
4626
- maxInlineSize: "sizes";
4627
- minWidth: "sizes";
4628
- maxWidth: "sizes";
4629
- minHeight: "sizes";
4630
- maxHeight: "sizes";
4631
- flexBasis: "sizes";
4632
- gridTemplateColumns: "sizes";
4633
- gridTemplateRows: "sizes";
4634
- borderWidth: "borderWidths";
4635
- borderTopWidth: "borderWidths";
4636
- borderLeftWidth: "borderWidths";
4637
- borderRightWidth: "borderWidths";
4638
- borderBottomWidth: "borderWidths";
4639
- borderStyle: "borderStyles";
4640
- borderTopStyle: "borderStyles";
4641
- borderLeftStyle: "borderStyles";
4642
- borderRightStyle: "borderStyles";
4643
- borderBottomStyle: "borderStyles";
4644
- borderRadius: "radii";
4645
- borderTopLeftRadius: "radii";
4646
- borderTopRightRadius: "radii";
4647
- borderBottomRightRadius: "radii";
4648
- borderBottomLeftRadius: "radii";
4649
- boxShadow: "shadows";
4650
- textShadow: "shadows";
4651
- transition: "transitions";
4652
- zIndex: "zIndices";
4653
- }, {}>>;
4654
-
4655
- type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
4284
+ type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
4656
4285
  children: ReactNode;
4286
+ isOpen: boolean;
4287
+ setIsOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
4657
4288
  };
4658
- declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
4289
+ declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
4659
4290
 
4660
4291
  declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4661
4292
  colors: {