@lets-events/react 11.3.0 → 11.4.0

package/dist/index.d.ts

@@ -3470,39 +3470,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CheckboxGroupProps = ComponentProps<typeof CheckboxGroupStyled> & {
-    placeholder?: string;
-    children?: React.ReactNode;
-    color?: string;
-    disabled?: boolean;
-};
-type CheckboxItemProps = {
-    children?: React.ReactNode;
-    value: string;
-    style?: React.CSSProperties;
-};
-declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-declare function CheckboxItem({ children, ...props }: CheckboxItemProps): react_jsx_runtime.JSX.Element;
-
-type FilterProps = ComponentProps<typeof DropdownMenu$1.Root> & {
-    as?: ElementType;
-    placeholder?: string;
-    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
-    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
-};
-type FilterItemProps = ComponentProps<typeof CheckboxItem> & {
-    as?: ElementType;
-    value: string;
-    typography: FilterProps['typography'];
-    fontWeight: FilterProps['fontWeight'];
-};
-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<{}, {
+declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -3872,27 +3840,38 @@ declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.Sty
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root> & {
+type CheckboxGroupProps = ComponentProps<typeof CheckboxGroupStyled> & {
+    placeholder?: string;
+    children?: React.ReactNode;
+    color?: string;
+    disabled?: boolean;
+};
+type CheckboxItemProps = ComponentProps<typeof StyledItem> & {
+    children?: React.ReactNode;
+    value: string;
+    style?: React.CSSProperties;
+};
+declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxItem({ children, ...props }: CheckboxItemProps): react_jsx_runtime.JSX.Element;
+
+type FilterProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
     placeholder?: string;
     fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
     typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
-    children: React.ReactNode;
 };
-type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuItemStyled> & {
+type FilterItemProps = ComponentProps<typeof CheckboxItem> & {
     as?: ElementType;
     value: string;
-    typography: DropdownMenuProps['typography'];
-    fontWeight: DropdownMenuProps['fontWeight'];
+    typography: FilterProps['typography'];
+    fontWeight: FilterProps['fontWeight'];
 };
-declare function DropdownMenu({ children, placeholder, typography, fontWeight, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ children, typography, fontWeight, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+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 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;
+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;
-    radii?: "full" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -4263,22 +4242,28 @@ declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponen
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type BadgeProps = ComponentProps<typeof BadgeStyled> & {
+type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
-    icon?: boolean;
-    size: 'md';
-    children: react__default.ReactNode;
-};
-declare function Badge({ asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-type ModalProps = ComponentProps<typeof Dialog.Root> & {
-    trigger?: React.ReactNode;
-    title?: string;
+    placeholder?: string;
+    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
+    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
     children: React.ReactNode;
 };
-declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuItemStyled> & {
+    as?: ElementType;
+    value: string;
+    typography: DropdownMenuProps['typography'];
+    fontWeight: DropdownMenuProps['fontWeight'];
+};
+declare function DropdownMenu({ children, placeholder, typography, fontWeight, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ children, typography, fontWeight, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 
-declare const MenuDropdownContainerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+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;
+    radii?: "full" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -4648,13 +4633,21 @@ declare const MenuDropdownContainerStyled: _stitches_react_types_styled_componen
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
+type BadgeProps = ComponentProps<typeof BadgeStyled> & {
+    as?: ElementType;
+    icon?: boolean;
+    children: react__default.ReactNode;
+};
+declare function Badge({ asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
-    children: ReactNode;
+type ModalProps = ComponentProps<typeof Dialog.Root> & {
+    trigger?: React.ReactNode;
+    title?: string;
+    children: React.ReactNode;
 };
-declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
 
-declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const MenuDropdownContainerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -5025,17 +5018,12 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
     zIndex: "zIndices";
 }, {}>>;
 
-type CalendarProps = ComponentProps<typeof CalendarStyled> & {
-    calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
-    selected: Date | undefined;
-    setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
-    position?: "top" | "bottom";
-    action?: boolean;
-    actionText?: string;
+type MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
+    children: ReactNode;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
 
-declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -5406,17 +5394,17 @@ declare const DrawerOverlayStyled: _stitches_react_types_styled_component.Styled
     zIndex: "zIndices";
 }, {}>>;
 
-type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
-    isOpen: boolean;
-    onClose: () => void;
-    width?: string;
-    backgroundColor?: keyof Colors;
-    title: string;
-    children?: ReactNode;
+type CalendarProps = ComponentProps<typeof CalendarStyled> & {
+    calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
+    selected: Date | undefined;
+    setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
+    position?: "top" | "bottom";
+    action?: boolean;
+    actionText?: string;
 };
-declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
-declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -5786,7 +5774,18 @@ declare const TimePickerStyled: _stitches_react_types_styled_component.StyledCom
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+
+type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
+    isOpen: boolean;
+    onClose: () => void;
+    width?: string;
+    backgroundColor?: keyof Colors;
+    title: string;
+    children?: ReactNode;
+};
+declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+
+declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6156,7 +6155,7 @@ declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.S
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimePickerFooterStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6526,7 +6525,7 @@ declare const TimePickerFooterStyled: _stitches_react_types_styled_component.Sty
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimerPickerContentStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerFooterStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6896,7 +6895,7 @@ declare const TimerPickerContentStyled: _stitches_react_types_styled_component.S
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const InputStyled: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimerPickerContentStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7266,7 +7265,7 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const InputStyled: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7636,16 +7635,7 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type TimePickerProps = {
-    selected: 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>>, {
-    color?: "info" | "warning" | "error" | "success" | undefined;
-}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -8015,8 +8005,15 @@ 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>>, {
-    color?: undefined;
+type TimePickerProps = {
+    selected: 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>>, {
+    color?: "info" | "warning" | "error" | "success" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -8387,7 +8384,9 @@ 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 AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
+    color?: undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -8757,7 +8756,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 AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -9127,7 +9126,7 @@ declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.Sty
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.StyledComponent<typeof Text, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -9497,7 +9496,7 @@ declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialogRowStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.StyledComponent<typeof Text, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -9867,7 +9866,7 @@ declare const AlertDialogRowStyled: _stitches_react_types_styled_component.Style
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const AlertDialoghrStyled: _stitches_react_types_styled_component.StyledComponent<"hr", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialogRowStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -10237,29 +10236,7 @@ declare const AlertDialoghrStyled: _stitches_react_types_styled_component.Styled
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type AlertProps = {
-    trigger: React.ReactNode;
-    color?: "error" | "warning" | "success" | "info";
-    simpleAlert?: {
-        description: string;
-        cancel: boolean;
-    };
-    completAlert?: {
-        title?: string;
-        subtitle?: string;
-        description: string;
-        cancel: boolean;
-        cancelText?: string;
-        actionText?: string;
-        onAction?: () => void;
-    };
-};
-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>>, {
-    color?: "brand" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const AlertDialoghrStyled: _stitches_react_types_styled_component.StyledComponent<"hr", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -10629,13 +10606,29 @@ declare const SwitchStyled: _stitches_react_types_styled_component.StyledCompone
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type SwitchProps = ComponentProps<typeof Switch$1> & {
-    color?: 'brand';
-    size?: 'sm' | 'md' | 'lg';
+type AlertProps = {
+    trigger: React.ReactNode;
+    color?: "error" | "warning" | "success" | "info";
+    simpleAlert?: {
+        description: string;
+        cancel: boolean;
+    };
+    completAlert?: {
+        title?: string;
+        subtitle?: string;
+        description: string;
+        cancel: boolean;
+        cancelText?: string;
+        actionText?: string;
+        onAction?: () => void;
+    };
 };
-declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 
-declare const StepStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
+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;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -11005,15 +10998,391 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type StepProps = ComponentProps<typeof StepStyled> & {
-    children: react__default.ReactNode;
-    defaultValue: number;
+type SwitchProps = ComponentProps<typeof Switch$1> & {
+    color?: 'brand';
+    size?: 'sm' | 'md' | 'lg';
 };
-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;
-    currentStep?: number;
+declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
+
+declare const StepStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _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 StepProps = ComponentProps<typeof StepStyled> & {
+    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;
+    currentStep?: number;
     onClick: () => void;
 }): react_jsx_runtime.JSX.Element;
 declare function StepContent({ value, children, ...props }: {
@@ -11026,11 +11395,389 @@ declare function StepList({ children, currentStep, ...props }: {
 }): react_jsx_runtime.JSX.Element;
 declare function StepWrapper({ children, ...props }: {
     children: react__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): 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>>, {
+    color?: "error" | "primary" | "disable" | undefined;
+    boxShadow?: boolean | "false" | "true" | 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 CardProps = ComponentProps<typeof CardStyled> & {
+    children: react__default.ReactNode;
+    as?: ElementType;
+};
+declare function Card({ asChild, children, ...props }: CardProps): 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>>, {
-    color?: "error" | "primary" | "disable" | undefined;
-    boxShadow?: boolean | "false" | "true" | undefined;
+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: {
         brand50: string;
@@ -11401,14 +12148,8 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CardProps = ComponentProps<typeof CardStyled> & {
-    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>>, {
-    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;
+declare const TextareaContainer: _stitches_react_types_styled_component.StyledComponent<"div", {
+    color?: "default" | "error" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -11779,9 +12520,56 @@ declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledC
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TextareaContainer: _stitches_react_types_styled_component.StyledComponent<"div", {
-    color?: "default" | "error" | undefined;
-}, {}, _stitches_react_types_css_util.CSS<{}, {
+type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color"> & ComponentProps<typeof TextareaContainer>;
+declare const TextareaField: react__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
+
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+interface ToastConfig {
+    icon: string;
+}
+interface ToastOptions {
+    type?: ToastType;
+    title?: string;
+    duration?: number;
+}
+interface Toast {
+    id: string;
+    message: string;
+    icon?: IconName;
+    type?: ToastType;
+    duration?: number;
+    createdAt: number;
+}
+interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id' | 'createdAt'>) => string;
+    removeToast: (id: string) => void;
+    removeAllToasts: () => void;
+}
+interface ToastProviderProps {
+    children: ReactNode;
+    defaultDuration?: number;
+    maxToasts?: number;
+    swipeDirection?: 'right' | 'left' | 'up' | 'down';
+}
+interface ToastComponentProps {
+    toast: Toast;
+    onRemove: (id: string) => void;
+}
+interface ToasterShowOptions extends ToastOptions {
+    onClose?: () => void;
+}
+
+declare function ToastItem({ toast, onRemove, }: ToastComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDirection, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
+
+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<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -12151,56 +12939,17 @@ declare const TextareaContainer: _stitches_react_types_styled_component.StyledCo
     transition: "transitions";
     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>>;
-
-type ToastType = 'success' | 'error' | 'warning' | 'info';
-interface ToastConfig {
-    icon: string;
-}
-interface ToastOptions {
-    type?: ToastType;
-    title?: string;
-    duration?: number;
-}
-interface Toast {
-    id: string;
-    message: string;
-    icon?: IconName;
-    type?: ToastType;
-    duration?: number;
-    createdAt: number;
-}
-interface ToastContextType {
-    toasts: Toast[];
-    addToast: (toast: Omit<Toast, 'id' | 'createdAt'>) => string;
-    removeToast: (id: string) => void;
-    removeAllToasts: () => void;
-}
-interface ToastProviderProps {
-    children: ReactNode;
-    defaultDuration?: number;
-    maxToasts?: number;
-    swipeDirection?: 'right' | 'left' | 'up' | 'down';
-}
-interface ToastComponentProps {
-    toast: Toast;
-    onRemove: (id: string) => void;
-}
-interface ToasterShowOptions extends ToastOptions {
-    onClose?: () => void;
+interface TooltipProps {
+    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 function ToastItem({ toast, onRemove, }: ToastComponentProps): react_jsx_runtime.JSX.Element;
-
-declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDirection, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
-
-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 StyledTrigger: _stitches_react_types_styled_component.StyledComponent<"div", {
+    color?: "default" | "error" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -12570,13 +13319,17 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-interface TooltipProps {
-    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;
+type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
+    placeholder?: string;
+    value?: string[];
+    onValueChange?: (v: string[]) => void;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    width?: string;
+};
+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>>, {
     display?: "flex" | "inline-flex" | undefined;
@@ -14145,4 +14898,11 @@ type FormProps = UseFormProps & {
 };
 declare const Form: ({ onSubmit, children, ...props }: FormProps) => react_jsx_runtime.JSX.Element;
 
-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 };
+type MultiSelectFormFieldProps = MultiSelectProps & {
+    name: string;
+    label?: string;
+    required?: boolean;
+};
+declare const MultiSelectFormField: ({ name, label, required, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
+
+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, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, 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 };