@lets-events/react 11.2.0 → 11.4.0

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import react__default, { ComponentProps, ElementType, ReactNode, JSX } from 'rea
 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';
+import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -413,7 +414,7 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
 declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
     size?: "medium" | "small" | "large" | "extraSmall" | undefined;
-    variant?: "text" | "contained" | "outlined" | undefined;
+    variant?: "text" | "contained" | "outlined" | "menuDropdownItem" | undefined;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     outlinedBgColor?: "transparent" | "neutral" | undefined;
     radii?: "full" | undefined;
@@ -788,7 +789,8 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
     zIndex: "zIndices";
 }, {}>>;
 
-interface ButtonProps extends ComponentProps<typeof ButtonStyled> {
+type ButtonVariantProps = VariantProps<typeof ButtonStyled>;
+interface ButtonProps extends ComponentProps<typeof ButtonStyled>, ButtonVariantProps {
     asChild?: boolean;
 }
 declare function Button({ asChild, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -3468,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;
@@ -3870,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;
@@ -4261,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 CalendarStyled: _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;
@@ -4646,18 +4633,21 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
     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 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 ModalProps = ComponentProps<typeof Dialog.Root> & {
+    trigger?: React.ReactNode;
+    title?: string;
+    children: React.ReactNode;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ children, title, trigger, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
 
-declare const TimePickerStyled: _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;
@@ -5027,7 +5017,13 @@ 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 MenuDropdownProps = ComponentProps<typeof MenuDropdownContainerStyled> & {
+    children: ReactNode;
+};
+declare function MenuDropdown({ children }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
+
+declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -5397,7 +5393,18 @@ 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<{}, {
+
+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 Calendar({ action, actionText, calendarLayout, selected, setSelected, position, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -5767,7 +5774,18 @@ 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<{}, {
+
+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;
@@ -6137,7 +6155,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 TimePickerDropdownStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6507,7 +6525,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 TimePickerFooterStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -6877,16 +6895,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 TimerPickerContentStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7256,9 +7265,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>>, {
-    color?: undefined;
-}, {}, _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;
@@ -7628,7 +7635,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 TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -7998,7 +8005,16 @@ 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<{}, {
+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;
         brand100: string;
@@ -8368,7 +8384,9 @@ 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 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;
@@ -8738,7 +8756,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 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;
@@ -9108,7 +9126,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 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;
@@ -9478,29 +9496,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 AlertDialogSubtitleStyled: _stitches_react_types_styled_component.StyledComponent<typeof Text, {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -9870,13 +9866,7 @@ 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';
-};
-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<{}, {
+declare const AlertDialogRowStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -10246,33 +10236,7 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
     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 }: {
-    value: number;
-    children: react__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function StepList({ children, currentStep, ...props }: {
-    children: react__default.ReactNode;
-    currentStep: number;
-}): react_jsx_runtime.JSX.Element;
-declare function StepWrapper({ children, ...props }: {
-    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>>, {
-    color?: "error" | "primary" | "disable" | undefined;
-    boxShadow?: boolean | "false" | "true" | 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;
@@ -10642,9 +10606,1173 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-type CardProps = ComponentProps<typeof CardStyled> & {
-    children: react__default.ReactNode;
-    as?: ElementType;
+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<{}, {
+    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 SwitchProps = ComponentProps<typeof Switch$1> & {
+    color?: 'brand';
+    size?: 'sm' | 'md' | 'lg';
+};
+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 }: {
+    value: number;
+    children: react__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function StepList({ children, currentStep, ...props }: {
+    children: react__default.ReactNode;
+    currentStep: number;
+}): react_jsx_runtime.JSX.Element;
+declare function StepWrapper({ children, ...props }: {
+    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>>, {
+    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;
 
@@ -11020,9 +12148,428 @@ 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<{}, {
+declare const TextareaContainer: _stitches_react_types_styled_component.StyledComponent<"div", {
+    color?: "default" | "error" | 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 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;
@@ -11392,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;
@@ -11811,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;
@@ -13386,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, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
+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 };