@vygruppen/spor-react 9.7.0 → 9.8.0

package/dist/index.d.mts

@@ -156,6 +156,89 @@ type RadioCardGroupProps = RadioGroupProps$1 & {
  */
 declare const RadioCardGroup: ({ children, name, direction, onChange, defaultValue, variant, ...props }: RadioCardGroupProps) => React.JSX.Element;
 
+type StaticCardProps = BoxProps & {
+    children: React.ReactNode;
+    /** Defaults to "white" */
+    colorScheme: "white" | "grey" | "green" | "orange" | "red" | "yellow" | "blue" | "darkBlue" | "darkGreen" | "darkYellow";
+};
+/**
+ * `StaticCard` is a component that renders a static card.
+ *
+ * The `StaticCard` component can be used to create a card that does not respond to user interactions.
+ * It can be rendered as any HTML element by specifying the `as` prop.
+ *
+ * The `colorScheme` prop can be used to control the color scheme of the card. It defaults to "white".
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * <StaticCard>
+ *   Content
+ * </StaticCard>
+ * ```
+ *
+ * To render the card as a different HTML element, specify the `as` prop:
+ *
+ * ```tsx
+ * <StaticCard as="section">
+ *   This is now a <section /> element
+ * </StaticCard>
+ * ```
+ *
+ * To change the color scheme of the card, specify the `colorScheme` prop:
+ *
+ * ```tsx
+ * <StaticCard colorScheme="orange">
+ *   An orange card
+ * </StaticCard>
+ * ```
+ *
+ * For a card with click functionality, use the `PressableCard` component.
+ *
+ * @see PressableCard
+ */
+declare const StaticCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, StaticCardProps>;
+
+type PressableCardProps = Omit<BoxProps, "as"> & {
+    /** Use "floating" | "accent" | "base". Defaults to base  */
+    variant: "floating" | "accent" | "base";
+    /** Use "sm" | "lg". Defaults to sm  */
+    size?: "sm" | "lg";
+    /** Use "button" | "a" | "label". Defaults to button  */
+    as: "button" | "a" | "label";
+};
+/**
+ * `PressableCard` is a component that renders a pressable card.
+ *
+ * The `PressableCard` component can be used to create a card that responds to user interactions.
+ * It can be rendered as a button, link, label, or any other HTML element by specifying the `as` prop.
+ * If no `as` prop is provided, it defaults to a button.
+ *
+ * The `size` prop can be used to control the size of the card. It defaults to "sm".
+ * The `variant` prop can be used to control the style variant of the card. It defaults to "base".
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * <PressableCard>
+ *   Content
+ * </PressableCard>
+ * ```
+ *
+ * To render the card as a different HTML element, specify the `as` prop:
+ *
+ * ```tsx
+ * <PressableCard as="a">
+ *   This is now a <a /> element
+ * </PressableCard>
+ * ```
+ *
+ * For a static card with other color schemes, use the `StaticCard` component.
+ *
+ * @see StaticCard
+ */
+declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
+
 type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
     /**
      * The display variant of the accordion items.
@@ -532,64 +615,10 @@ type CardProps = Exclude<BoxProps, "size"> & {
  * </Card>
  * ```
  */
-declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
-
-/**
- * Renders a static card.
- *
- * The most basic version looks like this:
- *
- * ```tsx
- * <StaticCard colorScheme="white">
- *   Content
- * </StaticCard>
- * ```
- *
- * Static cards can also be rendered as whatever DOM element you want – like a li (list item) or an article. You do this by specifying the `as` prop:
- *
- * ```tsx
- * <StaticCard colorScheme="green" as="section">
- *   This is now a <section /> element
- * </StaticCard>
- * ```
- */
-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";
-};
 /**
- * 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>
- * ```
+ * @deprecated Card is deprecated. Use `StaticCard` or `PressableCard` instead.
  */
-declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
+declare const Card: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CardProps>;
 
 /**
  * A date picker component.
@@ -7148,42 +7177,6 @@ declare const theme: {
         };
         StaticCard: {
             baseStyle?: ((props: any) => {
-                backgroundColor: string;
-                color: string;
-                outlineWidth: string;
-                outlineColor: string;
-                outlineStyle: string;
-                outlineOffset: string;
-                _focusVisible: {
-                    outlineWidth: string;
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineOffset: string;
-                };
-                appearance: string;
-                border: string;
-                overflow: string;
-                fontSize: string;
-                display: string;
-                borderRadius: string;
-            } | {
-                backgroundColor: string;
-                color: string;
-                outline: string;
-                outlineColor: string;
-                _focusVisible: {
-                    outlineWidth: string;
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineOffset: string;
-                };
-                appearance: string;
-                border: string;
-                overflow: string;
-                fontSize: string;
-                display: string;
-                borderRadius: string;
-            } | {
                 backgroundColor: string;
                 color: string;
                 _focusVisible: {
@@ -7227,649 +7220,106 @@ declare const theme: {
             } | undefined;
         };
         PressableCard: {
-            baseStyle?: ((props: any) => {
-                _hover: {
-                    outline: string;
-                    outlineColor: string;
-                    backgroundColor: string;
-                } | {
-                    _hover: {
-                        backgroundColor: string;
-                    };
-                    _active: {
-                        backgroundColor: string;
-                    };
-                    color: string;
-                    backgroundColor: string;
-                };
+            baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
                 _disabled: {
+                    outline: string;
                     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;
-                } | {
+            }) | undefined;
+            sizes?: {
+                [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
+            } | undefined;
+            variants?: {
+                base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
                     _hover: {
-                        backgroundColor: string;
+                        outlineWidth: string;
+                        outlineColor: string;
+                        outlineStyle: string;
+                        outlineOffset: string;
+                    } | {
+                        outline: string;
+                        outlineColor: string;
                     };
                     _active: {
+                        outlineWidth: string;
+                        outlineColor: string;
+                        outlineStyle: string;
+                        outlineOffset: string;
+                        backgroundColor: string;
+                    } | {
+                        outline: string;
+                        outlineColor: string;
                         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;
+                    _hover: {
+                        outlineWidth: string;
+                        outlineColor: string;
+                        outlineStyle: string;
+                        outlineOffset: string;
+                    } | {
+                        outline: string;
+                        outlineColor: string;
+                    };
+                    _active: {
+                        outlineWidth: string;
+                        outlineColor: string;
+                        outlineStyle: string;
+                        outlineOffset: string;
+                        backgroundColor: string;
+                    } | {
+                        outline: string;
+                        outlineColor: string;
+                        backgroundColor: string;
+                    };
                     outline: string;
                     outlineColor: string;
-                    backgroundColor: string;
                 };
-                _active: {
+                accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
+                    boxShadow: string;
+                    _hover: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
                     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;
+                floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
+                    boxShadow: string;
+                    _hover: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    _active: {
+                        boxShadow: string;
+                        backgroundColor: string;
+                    };
+                    backgroundColor: string;
                 };
             } | undefined;
             defaultProps?: {
-                size?: "sm" | "lg" | undefined;
+                size?: string | number | undefined;
                 variant?: "base" | "floating" | "accent" | undefined;
                 colorScheme?: string | undefined;
             } | undefined;
@@ -9959,4 +9409,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, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, 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, RadioCard, RadioCardGroup, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, 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 };