@vygruppen/spor-react 9.4.1 → 9.6.0

package/dist/index.d.ts

@@ -464,6 +464,42 @@ declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, Card
  */
 declare const StaticCard: ({ colorScheme, ...props }: any) => React.JSX.Element;
 
+type PressableCardProps = Omit<BoxProps, "as"> & {
+    variant: "floating" | "accent" | "base";
+    size?: "sm" | "lg";
+    as: "button" | "a" | "label" | React.ComponentType;
+};
+/**
+ * Renders a Pressable card.
+ *
+ * The most basic version looks like this:
+ *
+ * ```tsx
+ * <PressableCard>
+ *   Content
+ * </PressableCard>
+ * ```
+ *
+ * There are lots of color schemes available. You can also set the size as either `sm` or `lg`. The default is `sm`.
+ *
+ * ```tsx
+ * <PressableCard colorScheme="orange" size="lg">
+ *   A smaller card
+ * </PressableCard>
+ * ```
+ *
+ * Pressable cards can also be rendered as button, link or label – like a li (list item) or an article.
+ * You do this by specifying the `as` prop. If no `as` is specified, button is chosen as default:
+ *
+ *
+ * ```tsx
+ * <PressableCard colorScheme="green" as="section">
+ *   This is now a <section /> element
+ * </PressableCard>
+ * ```
+ */
+declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
+
 /**
  * A date picker component.
  *
@@ -1978,6 +2014,29 @@ type WizardNudgeProps = Omit<NudgeProps, "actions" | "content"> & {
  */
 declare const WizardNudge: ({ children, name, onClose, content, ...props }: WizardNudgeProps) => React.JSX.Element;
 
+type PaginationProps = {
+    /** Specify the total amount of pages */
+    totalPages: number;
+    /** Specify the currently selected page */
+    selectedPage: number;
+    /** Callback for when a page is clicked */
+    onPageChange: (selected: number) => void;
+};
+/**
+ * A pagination component is used to navigate between multiple pages.
+ *
+ * You specify the total amount of pages and the currently selected page.
+ *
+ * ```tsx
+ * <Pagination
+ *   totalPages={10}
+ *   selectedPage={3}
+ *   onPageChange={handlePageChange}
+ * />
+ * ```
+ **/
+declare const Pagination: ({ totalPages, selectedPage, onPageChange, }: PaginationProps) => React.JSX.Element;
+
 type ProgressIndicatorProps = {
     numberOfSteps: number;
     activeStep: number;
@@ -3804,14 +3863,6 @@ declare const theme: {
                     [x: string]: string;
                 };
                 calendarPopover: {
-                    boxShadow: string;
-                    outlineWidth: string;
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineOffset: string;
-                    color: string;
-                    backgroundColor: string;
-                } | {
                     boxShadow: string;
                     outline: string;
                     outlineColor: string;
@@ -5467,6 +5518,89 @@ declare const theme: {
             } | undefined;
             parts: ("button" | "input" | "text" | "container")[];
         };
+        Pagination: {
+            baseStyle?: ((props: any) => {
+                activeButton: {
+                    _hover: {
+                        borderRadius: number;
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                        borderRadius: number;
+                    };
+                    backgroundColor: string;
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    width: number;
+                    height: number;
+                    backgroundImage: string;
+                    borderRadius: number;
+                    fontSize: string;
+                    fontWeight: string;
+                };
+                disabled: {
+                    color: string;
+                    cursor: string;
+                    pointerEvents: string;
+                    boxShadow: string;
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    width: number;
+                    height: number;
+                    backgroundImage: string;
+                    borderRadius: number;
+                    fontSize: string;
+                };
+                listItem: {
+                    display: string;
+                };
+                link: {
+                    _hover: {
+                        borderRadius: number;
+                        _disabled: {
+                            color: string;
+                        };
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                        borderRadius: number;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    width: number;
+                    height: number;
+                    backgroundImage: string;
+                    borderRadius: number;
+                    fontSize: string;
+                };
+                icon: {
+                    bottom: string;
+                };
+            }) | undefined;
+            sizes?: {
+                [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
+                    keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
+                }>;
+            } | undefined;
+            variants?: {
+                [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
+                    keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
+                }>;
+            } | undefined;
+            defaultProps?: {
+                size?: string | number | undefined;
+                variant?: string | number | undefined;
+                colorScheme?: string | undefined;
+            } | undefined;
+            parts: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
+        };
         Popover: {
             baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
                 popper: {
@@ -6844,6 +6978,15 @@ declare const theme: {
                 display: string;
                 borderRadius: string;
                 color: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
             }) | undefined;
             sizes?: {
                 [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
@@ -6857,6 +7000,654 @@ declare const theme: {
                 colorScheme?: string | undefined;
             } | undefined;
         };
+        PressableCard: {
+            baseStyle?: ((props: any) => {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                color: string;
+                outlineWidth: string;
+                outlineStyle: string;
+                outlineOffset: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                outline: string;
+                outlineColor: string;
+                outlineWidth: string;
+                outlineStyle: string;
+                outlineOffset: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                outlineWidth: string;
+                outlineStyle: string;
+                outlineOffset: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                outlineWidth: string;
+                outlineColor: string;
+                outlineStyle: string;
+                outlineOffset: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                color: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                outline: string;
+                outlineColor: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                outline: string;
+                outlineColor: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                outline: string;
+                outlineColor: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                outline: string;
+                outlineColor: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            } | {
+                _hover: {
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                } | {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    color: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    pointerEvents: string;
+                    color: string;
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                    backgroundColor: string;
+                } | {
+                    pointerEvents: string;
+                    color: string;
+                    outline: string;
+                    outlineColor: string;
+                    backgroundColor: string;
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                _focusVisible: {
+                    outlineWidth: string;
+                    outlineColor: string;
+                    outlineStyle: string;
+                    outlineOffset: string;
+                };
+                appearance: string;
+                border: string;
+                overflow: string;
+                fontSize: string;
+                display: string;
+                borderRadius: string;
+            }) | undefined;
+            sizes?: {
+                sm: {
+                    boxShadow: string;
+                    _hover: {
+                        boxShadow: string;
+                    };
+                    _active: {
+                        boxShadow: string;
+                    };
+                };
+                lg: {
+                    boxShadow: string;
+                    _hover: {
+                        boxShadow: string;
+                    };
+                    _active: {
+                        boxShadow: string;
+                    };
+                };
+            } | undefined;
+            variants?: {
+                base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                };
+                accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                };
+                floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
+                };
+            } | undefined;
+            defaultProps?: {
+                size?: "sm" | "lg" | undefined;
+                variant?: "base" | "floating" | "accent" | undefined;
+                colorScheme?: string | undefined;
+            } | undefined;
+        };
         TravelTag: {
             baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
                 container: {
@@ -8942,4 +9733,4 @@ declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", Tex
  **/
 declare function slugify(text: string | string[], maxLength?: number): string;
 
-export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };
+export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, CardSelect, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useToast, useTranslation };