@lets-events/react 12.10.16 → 12.11.0

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "@lets-events/eslint-config"
+{
+  "extends": "@lets-events/eslint-config"
 }

package/.turbo/turbo-build.log

@@ -1,19 +1,21 @@
-
-> @lets-events/react@12.10.16 build
-> tsup src/index.tsx  --format esm,cjs --dts --external react
-
-CLI Building entry: src/index.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: C:\Users\Cazuza\Desktop\Web\design-system\packages\react\tsup.config.ts
-CLI Target: es6
-ESM Build start
-CJS Build start
-CJS dist\index.js 432.14 KB
-CJS ⚡️ Build success in 274ms
-ESM dist\index.mjs 416.46 KB
-ESM ⚡️ Build success in 274ms
-DTS Build start
-DTS ⚡️ Build success in 4889ms
-DTS dist\index.d.mts 410.61 KB
-DTS dist\index.d.ts  410.61 KB
+
+
+> @lets-events/react@12.11.0 build
+> tsup src/index.tsx  --format esm,cjs --dts --external react
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/bia3003/Lets/design-system/packages/react/tsup.config.ts
+CLI Target: es6
+ESM Build start
+CJS Build start
+CJS dist/index.js 436.07 KB
+CJS ⚡️ Build success in 515ms
+ESM dist/index.mjs 420.00 KB
+ESM ⚡️ Build success in 517ms
+DTS Build start
+DTS ⚡️ Build success in 9810ms
+DTS dist/index.d.mts 411.04 KB
+DTS dist/index.d.ts  411.04 KB
+⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.11.0
+
+### Minor Changes
+
+- MultiSelect improvements
+
+## 12.10.17
+
+### Patch Changes
+
+- fix card props
+
 ## 12.10.16
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4,8 +4,8 @@ import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import PropTypes from 'prop-types';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
-import * as React$1 from 'react';
-import React__default, { ElementType, ReactNode, CSSProperties, ButtonHTMLAttributes, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
+import * as react from 'react';
+import react__default, { ElementType, ReactNode, CSSProperties, ButtonHTMLAttributes, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
 import * as _radix_ui_themes from '@radix-ui/themes';
 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';
 import { CSS } from '@stitches/react';
@@ -552,7 +552,7 @@ declare const typographyValues: {
     };
 };
 
-declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.TextProps & React$1.RefAttributes<HTMLSpanElement>>, {
+declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
     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;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {
@@ -969,7 +969,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & React$1.RefAttributes<HTMLButtonElement>>, {
+declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     active?: boolean | "true" | undefined;
 }, {
     md: "(max-width: 690px)";
@@ -1345,7 +1345,7 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
     typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
@@ -1730,7 +1730,7 @@ type ButtonGroupProps = ComponentProps<typeof ButtonGroupStyled>;
 declare function ButtonItem({ children, active, ...props }: ButtonItemProps): react_jsx_runtime.JSX.Element;
 declare function ButtonGroup({ children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
-declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & React$1.RefAttributes<HTMLImageElement>>, {
+declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & react.RefAttributes<HTMLImageElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
     radii?: "full" | undefined;
     variant?: "without-image" | "with-image" | undefined;
@@ -2115,7 +2115,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
 };
 declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
-declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<TextField$1.RootProps & React__default.RefAttributes<HTMLInputElement>>, {
+declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
     color?: "default" | "error" | undefined;
     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;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
@@ -2495,7 +2495,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<TextField$1.SlotProps & React__default.RefAttributes<HTMLDivElement>>, {
+declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
     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;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     textAlign?: "left" | "right" | "center" | undefined;
@@ -2876,7 +2876,7 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
 type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     addon?: ReactNode;
     placeholder?: string;
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     isValid?: boolean;
     name?: string;
     maxLength?: number;
@@ -2888,7 +2888,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
 };
 type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
     placeholder?: string;
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     position?: "flex-start" | "flex-end";
     onClick?: () => void;
     color?: "error" | "success" | undefined;
@@ -2898,10 +2898,10 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color">
 };
 declare const maskFormat: typeof format;
 declare const maskUnformat: typeof unformat;
-declare const TextField: React__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const TextField: react__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
 
-declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<RadioGroup$1.RootProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
     typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
@@ -3295,7 +3295,7 @@ type RadioItemProps = {
 declare function RadioGroup({ children, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_runtime.JSX.Element;
 
-declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
     typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
@@ -3674,7 +3674,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>, {}, {
+declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {
     md: "(max-width: 690px)";
 }, _stitches_react_types_css_util.CSS<{
     md: "(max-width: 690px)";
@@ -4100,7 +4100,7 @@ type DropdownMenuItemProps = {
 declare function DropdownMenu({ children, placeholder, typography, color, fontWeight, open: controlledOpen, onOpenChange, defaultOpen, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuItem({ children, typography, fontWeight, value, onSelect, onClick, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 
-declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & React__default.RefAttributes<HTMLSpanElement>>, {
+declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
     color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
     size?: "xs" | "sm" | "md" | "xl" | undefined;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
@@ -4501,13 +4501,17 @@ type ModalProps = ComponentProps<typeof Dialog.Root> & {
     children: React.ReactNode;
     zIndex?: number;
     maxWidth?: number;
+    maxHeight?: string;
+    height?: string;
+    preventAutoFocus?: boolean;
+    fitContent?: boolean;
 };
-declare function Modal({ children, title, trigger, zIndex, maxWidth, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ children, title, trigger, zIndex, maxWidth, maxHeight, height, preventAutoFocus, fitContent, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
     children: ReactNode;
     isOpen: boolean;
-    setIsOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setIsOpen: react__default.Dispatch<react__default.SetStateAction<boolean>>;
 };
 declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
 
@@ -4891,7 +4895,7 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
 type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
     selected: Date | undefined;
-    setSelected: React__default.Dispatch<React__default.SetStateAction<Date | undefined>>;
+    setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
     actionText?: string;
@@ -4912,7 +4916,7 @@ type DateRange = {
 type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
     selected: DateRange;
-    setSelected: React__default.Dispatch<React__default.SetStateAction<DateRange>>;
+    setSelected: react__default.Dispatch<react__default.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
     simpleAction?: boolean;
@@ -7944,7 +7948,7 @@ declare const TimePickerIconButton: _stitches_react_types_styled_component.Style
 }, {}>>;
 type TimePickerProps = {
     selected: string | undefined;
-    setSelected: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
+    setSelected: react__default.Dispatch<react__default.SetStateAction<string | undefined>>;
     position?: "bottom" | "top" | "top-right" | "bottom-right";
     hasError?: boolean;
     expand?: boolean;
@@ -7952,7 +7956,7 @@ type TimePickerProps = {
 };
 declare function TimePicker({ selected, setSelected, position, hasError, expand, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "info" | "warning" | "error" | "success" | undefined;
 }, {
     md: "(max-width: 690px)";
@@ -8328,7 +8332,7 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
     color?: undefined;
 }, {
     md: "(max-width: 690px)";
@@ -8704,7 +8708,7 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.DescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>, {}, {
+declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {
     md: "(max-width: 690px)";
 }, _stitches_react_types_css_util.CSS<{
     md: "(max-width: 690px)";
@@ -9078,7 +9082,7 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.TitleProps & React$1.RefAttributes<HTMLHeadingElement>>, {}, {
+declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {
     md: "(max-width: 690px)";
 }, _stitches_react_types_css_util.CSS<{
     md: "(max-width: 690px)";
@@ -10593,7 +10597,7 @@ type AlertProps = {
 };
 declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 
-declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & React$1.RefAttributes<HTMLButtonElement>>, {
+declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "brand" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 }, {
@@ -11351,29 +11355,29 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
     zIndex: "zIndices";
 }, {}>>;
 type StepProps = ComponentProps<typeof StepStyled> & {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     defaultValue: number;
 };
 declare function Step({ children, defaultValue, ...props }: StepProps): react_jsx_runtime.JSX.Element;
 declare function StepTrigger({ value, children, currentStep, ...props }: {
     value: number;
-    children: React__default.ReactNode | string;
+    children: react__default.ReactNode | string;
     currentStep?: number;
     onClick: () => void;
 }): react_jsx_runtime.JSX.Element;
 declare function StepContent({ value, children, ...props }: {
     value: number;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function StepList({ children, currentStep, ...props }: {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     currentStep: number;
 }): react_jsx_runtime.JSX.Element;
 declare function StepWrapper({ children, ...props }: {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.CardProps & React__default.RefAttributes<HTMLDivElement>>, {
+declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.CardProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "warning" | "error" | "primary" | "disable" | undefined;
     boxShadow?: boolean | "false" | "true" | undefined;
 }, {
@@ -11750,15 +11754,22 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CardProps = ComponentProps<typeof CardStyled> & {
-    children: React__default.ReactNode;
+type CardProps = {
     as?: ElementType;
+    asChild?: boolean;
+    color?: "primary" | "disable" | "error" | "warning";
+    boxShadow?: boolean;
     padding?: string;
     radius?: string;
+    children: ReactNode;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    css?: CSS<typeof config>;
 };
 declare function Card({ asChild, children, padding, radius, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 
-declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>, {
+declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>, {
     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;
 }, {
     md: "(max-width: 690px)";
@@ -12514,7 +12525,7 @@ type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color
     maxLength?: number;
     top?: string;
 };
-declare const TextareaField: React__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
+declare const TextareaField: react__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
 interface ToastConfig {
@@ -12559,10 +12570,10 @@ declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDire
 
 declare const useToast: () => ToastContextType;
 
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>, {}, {
+declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipRoot: react.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {
     md: "(max-width: 690px)";
 }, _stitches_react_types_css_util.CSS<{
     md: "(max-width: 690px)";
@@ -12937,14 +12948,14 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
     zIndex: "zIndices";
 }, {}>>;
 interface TooltipProps {
-    children: React$1.ReactNode;
-    content: React$1.ReactNode;
+    children: react.ReactNode;
+    content: react.ReactNode;
     delayDuration?: number;
     side?: "top" | "right" | "bottom" | "left";
 }
 declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     display?: "flex" | "inline-flex" | undefined;
     align?: "end" | "stretch" | "center" | "start" | "baseline" | undefined;
     justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
@@ -13721,14 +13732,20 @@ declare const StyledTrigger: _stitches_react_types_styled_component.StyledCompon
     zIndex: "zIndices";
 }, {}>>;
 
+type MultiSelectOption = {
+    label: string;
+    value: string;
+};
+type MultiSelectSection = {
+    name: string;
+    options: MultiSelectOption[];
+};
 type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
     placeholder?: string;
     value?: string[];
     onValueChange?: (v: string[]) => void;
-    options: Array<{
-        label: string;
-        value: string;
-    }>;
+    options?: MultiSelectOption[];
+    optionsBySection?: MultiSelectSection[];
     width?: string;
     zIndex?: string;
     showSelectedValues?: boolean;
@@ -13742,8 +13759,9 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
     showMoreButton?: boolean;
     showMoreButtonLabel?: string;
     showMoreButtonOnClick?: () => void;
+    helperTextAfterField?: string;
 };
-declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
 
 declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
     md: "(max-width: 690px)";
@@ -14132,9 +14150,9 @@ interface ToggleElementProps {
 }
 declare function ToggleElement({ children, label, openedLabel, defaultOpen, open, hideButtonWhenOpen, buttonProps, onOpenChange, }: ToggleElementProps): react_jsx_runtime.JSX.Element;
 
-declare const Box: React$1.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Box: react.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.GridProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.GridProps & react.RefAttributes<HTMLDivElement>>, {
     display?: "grid" | "inline-grid" | undefined;
     align?: "end" | "stretch" | "center" | "start" | undefined;
     justify?: "end" | "center" | "start" | "between" | undefined;
@@ -14525,7 +14543,7 @@ type GridProps = ComponentProps<typeof GridStyled> & {
 };
 declare function Grid({ children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
 
-declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & react.RefAttributes<HTMLDivElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
     display?: "initial" | "none" | undefined;
     align?: "left" | "right" | "center" | undefined;
@@ -14909,7 +14927,7 @@ type ContainerProps = ComponentProps<typeof ContainerStyled> & {
 };
 declare function Container({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
 
-declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & React$1.RefAttributes<HTMLDivElement>>, {
+declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & react.RefAttributes<HTMLDivElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
     display?: "initial" | "none" | undefined;
 }, {
@@ -15638,4 +15656,4 @@ declare const useImageUpload: (options: UseImageUploadOptions) => {
     reset: () => void;
 };
 
-export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, type RichEditorElement, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, 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, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };
+export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectOption, type MultiSelectProps, type MultiSelectSection, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, type RichEditorElement, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, 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, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };