@lets-events/react 11.6.4 → 11.7.0

package/dist/index.d.ts

@@ -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 from 'react';
-import react__default, { ComponentProps, ElementType, ReactNode, JSX } from 'react';
+import * as React$1 from 'react';
+import React__default, { ComponentProps, ElementType, ReactNode, MouseEvent, 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 { Colors } from '@lets-events/tokens';
@@ -31,7 +31,7 @@ declare const Icon: {
     };
 };
 
-declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
+declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.TextProps & React$1.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;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -411,7 +411,7 @@ type TextProps = Omit<ComponentProps<typeof TextStyle>, "color"> & {
 };
 declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Element;
 
-declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
+declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & React$1.RefAttributes<HTMLButtonElement>>, {
     color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
     size?: "medium" | "small" | "large" | "extraSmall" | undefined;
     variant?: "text" | "contained" | "outlined" | "menuDropdownItem" | undefined;
@@ -795,7 +795,7 @@ interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariant
 }
 declare function Button({ asChild, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
+declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & React$1.RefAttributes<HTMLButtonElement>>, {
     active?: boolean | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -1167,7 +1167,7 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
+declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
     typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
@@ -1548,7 +1548,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.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & react.RefAttributes<HTMLImageElement>>, {
+declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & React$1.RefAttributes<HTMLImageElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
     radii?: "full" | undefined;
     variant?: "without-image" | "with-image" | undefined;
@@ -1929,7 +1929,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;
@@ -2305,7 +2305,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;
@@ -2682,7 +2682,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;
     typography?: string;
@@ -2692,7 +2692,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;
@@ -2702,10 +2702,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.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
+declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<RadioGroup$1.RootProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
     typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
@@ -3095,7 +3095,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.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
+declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
     typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
@@ -3470,7 +3470,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -3869,397 +3869,30 @@ type FilterItemProps = ComponentProps<typeof CheckboxItem> & {
 declare function Filter({ children, placeholder, typography, fontWeight, ...props }: FilterProps): react_jsx_runtime.JSX.Element;
 declare function FilterItem({ children, ...props }: FilterItemProps): react_jsx_runtime.JSX.Element;
 
-declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>, {
-    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
-    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-}, {}, _stitches_react_types_css_util.CSS<{}, {
-    colors: {
-        brand50: string;
-        brand100: string;
-        brand200: string;
-        brand300: string;
-        brand400: string;
-        brand500: string;
-        brand600: string;
-        brand700: string;
-        brand800: string;
-        brand900: string;
-        brand950: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue950: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red950: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purple950: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow950: string;
-        dark50: string;
-        dark100: string;
-        dark200: string;
-        dark300: string;
-        dark400: string;
-        dark500: string;
-        dark600: string;
-        dark700: string;
-        dark800: string;
-        dark900: string;
-        dark950: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutral950: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green950: string;
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey950: string;
-        error50: string;
-        error100: string;
-        error200: string;
-        error300: string;
-        error400: string;
-        error500: string;
-        error600: string;
-        error700: string;
-        error800: string;
-        error900: string;
-        error950: string;
-        success50: string;
-        success100: string;
-        success200: string;
-        success300: string;
-        success400: string;
-        success500: string;
-        success600: string;
-        success700: string;
-        success800: string;
-        success900: string;
-        success950: string;
-        warning50: string;
-        warning100: string;
-        warning200: string;
-        warning300: string;
-        warning400: string;
-        warning500: string;
-        warning600: string;
-        warning700: string;
-        warning800: string;
-        warning900: string;
-        warning950: string;
-        info50: string;
-        info100: string;
-        info200: string;
-        info300: string;
-        info400: string;
-        info500: string;
-        info600: string;
-        info700: string;
-        info800: string;
-        info900: string;
-        info950: string;
-    };
-    fontSizes: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        full: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontWeights: {
-        regular: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    lineHeights: {
-        smaller: string;
-        shorter: string;
-        short: string;
-        base: string;
-        tall: string;
-    };
-    radii: {
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        '5xl': string;
-        '6xl': string;
-        '7xl': string;
-        '8xl': string;
-        '9xl': string;
-        '10xl': string;
-        '11xl': string;
-        '12xl': string;
-        '13xl': string;
-        '14xl': string;
-        full: string;
-    };
-    space: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        full: string;
-    };
-}, {
-    height: "space";
-    width: "space";
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    blockSize: "sizes";
-    minBlockSize: "sizes";
-    maxBlockSize: "sizes";
-    inlineSize: "sizes";
-    minInlineSize: "sizes";
-    maxInlineSize: "sizes";
-    minWidth: "sizes";
-    maxWidth: "sizes";
-    minHeight: "sizes";
-    maxHeight: "sizes";
-    flexBasis: "sizes";
-    gridTemplateColumns: "sizes";
-    gridTemplateRows: "sizes";
-    borderWidth: "borderWidths";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {}>>;
-type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root> & {
+type DropdownMenuProps = {
     as?: ElementType;
     placeholder?: string;
     fontWeight: "regular" | "medium" | "semibold" | "bold";
     typography: "labelExtraSmall" | "labelSmall" | "labelMedium" | "labelLarge";
-    children: React.ReactNode;
+    children: ReactNode;
     color?: "default" | "error";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
 };
-type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuItemStyled> & {
+type DropdownMenuItemProps = {
     as?: ElementType;
     value: string;
     typography: DropdownMenuProps["typography"];
     fontWeight: DropdownMenuProps["fontWeight"];
+    children: ReactNode;
+    onSelect?: (value: string) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
-declare function DropdownMenu({ children, placeholder, typography, color, fontWeight, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ children, typography, fontWeight, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+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;
@@ -4637,7 +4270,7 @@ declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponen
 type BadgeProps = ComponentProps<typeof BadgeStyled> & {
     as?: ElementType;
     icon?: boolean;
-    children: react__default.ReactNode;
+    children: React__default.ReactNode;
 };
 declare function Badge({ asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
@@ -5398,7 +5031,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";
     action?: boolean;
     actionText?: string;
@@ -8008,12 +7641,12 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
 }, {}>>;
 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";
 };
 declare function TimePicker({ selected, setSelected, position, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
+declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: "info" | "warning" | "error" | "success" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -8385,7 +8018,7 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
+declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
     color?: undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -8757,7 +8390,7 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.DescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -9127,7 +8760,7 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.TitleProps & React$1.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -10626,7 +10259,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.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & react.RefAttributes<HTMLButtonElement>>, {
+declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & React$1.RefAttributes<HTMLButtonElement>>, {
     color?: "brand" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -11376,29 +11009,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__default.ForwardRefExoticComponent<_radix_ui_themes.CardProps & React__default.RefAttributes<HTMLDivElement>>, {
     color?: "error" | "primary" | "disable" | undefined;
     boxShadow?: boolean | "false" | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -11772,12 +11405,12 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     zIndex: "zIndices";
 }, {}>>;
 type CardProps = ComponentProps<typeof CardStyled> & {
-    children: react__default.ReactNode;
+    children: React__default.ReactNode;
     as?: ElementType;
 };
 declare function Card({ asChild, children, ...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;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -12522,7 +12155,7 @@ declare const TextareaContainer: _stitches_react_types_styled_component.StyledCo
     zIndex: "zIndices";
 }, {}>>;
 type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color"> & ComponentProps<typeof TextareaContainer>;
-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 {
@@ -12567,10 +12200,10 @@ declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDire
 
 declare const useToast: () => ToastContextType;
 
-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>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+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>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -12941,8 +12574,8 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
     zIndex: "zIndices";
 }, {}>>;
 interface TooltipProps {
-    children: react.ReactNode;
-    content: react.ReactNode;
+    children: React$1.ReactNode;
+    content: React$1.ReactNode;
     delayDuration?: number;
     side?: 'top' | 'right' | 'bottom' | 'left';
 }
@@ -13331,9 +12964,9 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
     width?: string;
     zIndex?: 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 FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
+declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & React$1.RefAttributes<HTMLDivElement>>, {
     display?: "flex" | "inline-flex" | undefined;
     align?: "end" | "stretch" | "center" | "start" | "baseline" | undefined;
     justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
@@ -13717,9 +13350,9 @@ type FlexProps = ComponentProps<typeof FlexStyled> & {
 };
 declare function Flex({ children, ...props }: FlexProps): react_jsx_runtime.JSX.Element;
 
-declare const Box: react.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react.RefAttributes<HTMLDivElement>>;
+declare const Box: React$1.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.GridProps & react.RefAttributes<HTMLDivElement>>, {
+declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.GridProps & React$1.RefAttributes<HTMLDivElement>>, {
     display?: "grid" | "inline-grid" | undefined;
     align?: "end" | "stretch" | "center" | "start" | undefined;
     justify?: "end" | "center" | "start" | "between" | undefined;
@@ -14106,7 +13739,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.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & react.RefAttributes<HTMLDivElement>>, {
+declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & React$1.RefAttributes<HTMLDivElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
     display?: "initial" | "none" | undefined;
     align?: "left" | "right" | "center" | undefined;
@@ -14486,7 +14119,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.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & react.RefAttributes<HTMLDivElement>>, {
+declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & React$1.RefAttributes<HTMLDivElement>>, {
     size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
     display?: "initial" | "none" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
@@ -14886,28 +14519,26 @@ type TextAreaFormFieldProps = TextareaFieldProps & {
 };
 declare const TextAreaFormField: ({ name, label, required, placeholder, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
 
-type TextFormFieldProps = {
+type TextFormFieldProps = TextFieldProps & {
     name: string;
     label?: string;
     required?: boolean;
-    placeholder?: string;
     mask?: MaskOptions;
-    validation?: {
-        validate?: (value: string) => boolean | string;
-    };
+    validate?: (value: string) => boolean | string;
     validationErrorMessage?: string;
-    disabled?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
+    valueFormatter?: {
+        format: (v: string) => string;
+        unformat: (v: string) => string;
+    };
 };
-declare const TextFormField: ({ name, label, required, placeholder, mask, validation, validationErrorMessage, disabled, value, onChange, }: TextFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextFormField: ({ name, label, required, mask, validate, validationErrorMessage, onChange, valueFormatter, ...inputProps }: TextFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type FormProps<T extends FieldValues = FieldValues> = UseFormProps<T> & {
     onSubmit: SubmitHandler<T>;
     children: JSX.Element;
     methods?: ReturnType<typeof useForm<T>>;
 };
-declare const Form: <T extends FieldValues = FieldValues>({ onSubmit, children, methods, ...props }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Form: <T extends FieldValues = FieldValues>({ onSubmit, children, ...props }: FormProps<T>) => react_jsx_runtime.JSX.Element;
 
 type MultiSelectFormFieldProps = MultiSelectProps & {
     name: string;
@@ -14920,9 +14551,8 @@ type PhoneFormFieldProps = {
     name: string;
     label?: string;
     required?: boolean;
-    defaultCountry?: string;
 };
-declare const PhoneFormField: ({ name, label, required, defaultCountry, ...props }: PhoneFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const PhoneFormField: ({ name, label, required, }: PhoneFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type CPFFormFieldProps = {
     name: string;