@vygruppen/spor-react 12.1.2 → 12.2.1

package/dist/index.d.mts

@@ -1,15 +1,16 @@
-import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
-export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
+import React__default, { PropsWithChildren, ReactNode } from 'react';
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxCardRootProps, CheckboxCard, Field as Field$1, Fieldset as Fieldset$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+export { Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent } from '@vygruppen/spor-icon-react';
 import { ThemeProviderProps } from 'next-themes';
 import { AriaDatePickerProps, DateValue, AriaDateRangePickerProps, AriaComboBoxProps, AriaListBoxProps } from 'react-aria';
 import { DateValue as DateValue$1 } from '@internationalized/date';
 export { Time } from '@internationalized/date';
 import { TimeValue } from '@react-types/datepicker';
-import { SelectState, ListState } from 'react-stately';
+import { ListState, SelectState } from 'react-stately';
 export { Item, Section } from 'react-stately';
 export { useIsClient, useMap, useOnClickOutside } from 'usehooks-ts';
 import * as sporDesignTokens from '@vygruppen/spor-design-tokens';
@@ -26,21 +27,21 @@ type ExpandableItemProps = HeadingLevel & {
     startElement?: React.ReactNode;
 };
 
-declare const Accordion: React__default.ForwardRefExoticComponent<Accordion$1.RootProps & {
+declare const Accordion: React$1.ForwardRefExoticComponent<Accordion$1.RootProps & {
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     variant?: "ghost" | "core" | "floating";
     gap?: string | number;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const AccordionItemTrigger: React__default.ForwardRefExoticComponent<Omit<Accordion$1.ItemTriggerProps, "indicatorElement"> & HeadingLevel & {
-    startElement?: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLButtonElement>>;
-declare const AccordionItemContent: React__default.ForwardRefExoticComponent<Accordion$1.ItemContentProps & {
-    children?: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React__default.ForwardRefExoticComponent<Accordion$1.ItemProps & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItemTrigger: React$1.ForwardRefExoticComponent<Omit<Accordion$1.ItemTriggerProps, "indicatorElement"> & HeadingLevel & {
+    startElement?: React.ReactNode;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionItemContent: React$1.ForwardRefExoticComponent<Accordion$1.ItemContentProps & {
+    children?: React.ReactNode;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Accordion$1.ItemProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * A standalone expandable component.
@@ -54,18 +55,18 @@ declare const AccordionItem: React__default.ForwardRefExoticComponent<Accordion$
  * </Expandable>
  * ```
  */
-declare const Expandable: React__default.ForwardRefExoticComponent<_chakra_ui_react.AccordionRootProps & {
+declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.AccordionRootProps & {
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     variant?: "ghost" | "core" | "floating";
     gap?: string | number;
 } & Omit<_chakra_ui_react.AccordionItemTriggerProps, "indicatorElement"> & HeadingLevel & {
-    startElement?: React__default.ReactNode;
+    startElement?: React.ReactNode;
 } & {
     title: string;
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * An item in a set of Expandables. Must be wrapped in an `<Accordion>` component.
  *
@@ -85,7 +86,7 @@ declare const Expandable: React__default.ForwardRefExoticComponent<_chakra_ui_re
  *
  * @see https://spor.vy.no/components/accordion
  */
-declare const ExpandableItem: (props: ExpandableItemProps) => React__default.JSX.Element;
+declare const ExpandableItem: (props: ExpandableItemProps) => react_jsx_runtime.JSX.Element;
 
 type AlertProps = Omit<Alert$1.RootProps, "colorPalette"> & {
     /** Whether or not to show the alert icon */
@@ -116,7 +117,7 @@ type AlertProps = Omit<Alert$1.RootProps, "colorPalette"> & {
  *
  * @see Docs https://spor.vy.no/alert
  */
-declare const Alert: React__default.ForwardRefExoticComponent<Omit<Alert$1.RootProps, "colorPalette"> & {
+declare const Alert: React$1.ForwardRefExoticComponent<Omit<Alert$1.RootProps, "colorPalette"> & {
     /** Whether or not to show the alert icon */
     showIndicator?: boolean;
     /** Whether or not the alert is closable */
@@ -124,7 +125,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<Omit<Alert$1.RootP
     closable?: boolean;
     /** Callback for when the alert is closed */
     onAlertClose?: () => void;
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * An expandable alert component.
@@ -137,10 +138,10 @@ declare const Alert: React__default.ForwardRefExoticComponent<Omit<Alert$1.RootP
  * </ExpandableAlert>
  * ```
  */
-declare const ExpandableAlert: React__default.ForwardRefExoticComponent<{
+declare const ExpandableAlert: React$1.ForwardRefExoticComponent<{
     variant?: ConditionalValue<"error" | "alt" | "important" | "success" | "info" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
     /** The title string  */
     title: string;
@@ -164,7 +165,7 @@ declare const ExpandableAlert: React__default.ForwardRefExoticComponent<{
       | "global-deviation";
    */
     variant?: ConditionalValue<"important" | "success" | "alt" | "info" | "error" | undefined>;
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * A service alert component.
@@ -177,8 +178,8 @@ declare const ExpandableAlert: React__default.ForwardRefExoticComponent<{
  * </ServiceAlert>
  * ```
  */
-declare const ServiceAlert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & {
-    children?: React__default.ReactNode | undefined;
+declare const ServiceAlert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & {
+    children?: React$1.ReactNode | undefined;
 } & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
     /** The title string  */
     title: string;
@@ -197,7 +198,7 @@ declare const ServiceAlert: React__default.ForwardRefExoticComponent<Omit<AlertP
     headingLevel?: "h2" | "h3" | "h4" | "h5" | "h6";
     /** The variant of Service Alert. Default: service */
     variant?: "service" | "global-deviation";
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
  * A breadcrumb component.
@@ -214,9 +215,6 @@ declare const ServiceAlert: React__default.ForwardRefExoticComponent<Omit<AlertP
  * ```
  */
 declare const Breadcrumb: React__default.ForwardRefExoticComponent<Breadcrumb$1.RootProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbLink: React__default.ForwardRefExoticComponent<Breadcrumb$1.LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbCurrentLink: React__default.ForwardRefExoticComponent<Breadcrumb$1.CurrentLinkProps & React__default.RefAttributes<HTMLElement>>;
-declare const BreadcrumbEllipsis: React__default.ForwardRefExoticComponent<Breadcrumb$1.EllipsisProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
     variant: {
@@ -352,11 +350,11 @@ declare const groupRecipe: _chakra_ui_react.RecipeDefinition<{
 
 type GroupVariantProps = RecipeVariantProps<typeof groupRecipe>;
 type ButtonGroupProps = GroupProps & PropsWithChildren<GroupVariantProps>;
-declare const ButtonGroup: React__default.ForwardRefExoticComponent<GroupProps & {
+declare const ButtonGroup: React$1.ForwardRefExoticComponent<GroupProps & {
     disabled?: _chakra_ui_react.ConditionalValue<boolean | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
-} & React__default.RefAttributes<HTMLDivElement>>;
+    children?: React$1.ReactNode | undefined;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const ClipboardButton: React$1.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & {
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
@@ -450,10 +448,10 @@ type CloseButtonProps = Omit<IconButtonProps, "variant" | "aria-label"> & {
  * <CloseButton onClick={closeModal} />
  * ```
  */
-declare const CloseButton: React__default.ForwardRefExoticComponent<Omit<IconButtonProps, "variant" | "aria-label"> & {
+declare const CloseButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "variant" | "aria-label"> & {
     /** Defaults to a localized version of "close" */
     "aria-label"?: string;
-} & React__default.RefAttributes<HTMLButtonElement>>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Creates a floating action button.
@@ -480,9 +478,8 @@ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<Box
     isTextVisible?: boolean;
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface ColorModeProviderProps extends ThemeProviderProps {
-}
-declare function ColorModeProvider(props: ColorModeProviderProps): React$1.JSX.Element;
+type ColorModeProviderProps = ThemeProviderProps;
+declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
 type ColorMode = "light" | "dark";
 interface UseColorModeReturn {
     colorMode: ColorMode;
@@ -491,9 +488,8 @@ interface UseColorModeReturn {
 }
 declare function useColorMode(): UseColorModeReturn;
 declare function useColorModeValue<T>(light: T, dark: T): T;
-declare function ColorModeIcon(): React$1.JSX.Element;
-interface ColorModeButtonProps extends Omit<IconButtonProps$1, "aria-label"> {
-}
+declare function ColorModeIcon(): react_jsx_runtime.JSX.Element;
+type ColorModeButtonProps = Omit<IconButtonProps$1, "aria-label">;
 declare const ColorModeButton: React$1.ForwardRefExoticComponent<ColorModeButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const datePickerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "arrow" | "wrapper" | "calendarTriggerButton" | "calendarPopover" | "calendar" | "weekdays" | "weekend" | "dateCell" | "inputLabel" | "dateTimeSegment" | "box" | "rangeCalendarPopover", {
@@ -570,7 +566,7 @@ type DatePickerVariantProps = RecipeVariantProps<typeof datePickerSlotRecipe>;
 /**
  * A date picker component.
  *
- * There are three different variants – `core`, `floating` and `ghost`.
+ * There are three different variants –`core`, `floating` and `ghost`.
  *
  * ```tsx
  * <DatePicker label="Dato" variant="core" />
@@ -607,7 +603,7 @@ type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue$1>, "onChang
  * ```tsx
  * <DateRangePicker startLabel="From" startName="from" endLabel="To" endName="to" variant="core" />
  * ```
- */ declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps): React__default.JSX.Element;
+ */ declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
 
 type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
     /** The label. Defaults to a localized version of "Time" */
@@ -657,7 +653,7 @@ type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
  *
  * @see https://spor.vy.no/komponents/timepicker
  */
-declare const TimePicker: ({ label: externalLabel, value, defaultValue, onChange, minuteInterval, disabled: isDisabledExternally, name, ...boxProps }: TimePickerProps) => React__default.JSX.Element;
+declare const TimePicker: ({ label: externalLabel, value, defaultValue, onChange, minuteInterval, disabled: isDisabledExternally, name, ...boxProps }: TimePickerProps) => react_jsx_runtime.JSX.Element;
 
 interface DialogContentProps extends Dialog.ContentProps {
     portalled?: boolean;
@@ -802,31 +798,31 @@ type DrawerProps = Omit<Drawer$1.RootProps, "colorPalette" | "contained" | "unst
     children: React.ReactNode;
 };
 
-declare const DrawerContent: React__default.ForwardRefExoticComponent<Drawer$1.ContentProps & {
+declare const DrawerContent: React$1.ForwardRefExoticComponent<Drawer$1.ContentProps & {
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xl" | "xs" | "full" | undefined>;
     placement?: _chakra_ui_react.ConditionalValue<"bottom" | "top" | "end" | "start" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     portalled?: boolean;
-    portalRef?: React__default.RefObject<HTMLElement>;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const CloseDrawerLine: React__default.ForwardRefExoticComponent<React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerCloseTrigger: React__default.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerBackTrigger: React__default.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerFullScreenHeader: React__default.ForwardRefExoticComponent<Drawer$1.HeaderProps & {
+    portalRef?: React.RefObject<HTMLElement>;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const CloseDrawerLine: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerCloseTrigger: React$1.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerBackTrigger: React$1.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerFullScreenHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & {
     backTrigger?: boolean;
     title?: string;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const Drawer: (props: DrawerProps) => React__default.JSX.Element;
-declare const DrawerTrigger: React__default.ForwardRefExoticComponent<Drawer$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerFooter: React__default.ForwardRefExoticComponent<Drawer$1.FooterProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerBody: React__default.ForwardRefExoticComponent<Drawer$1.BodyProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerBackdrop: React__default.ForwardRefExoticComponent<Drawer$1.BackdropProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: React__default.ForwardRefExoticComponent<Drawer$1.TitleProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DrawerActionTrigger: React__default.ForwardRefExoticComponent<Drawer$1.ActionTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DrawerHeader: React__default.ForwardRefExoticComponent<Drawer$1.HeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const Drawer: (props: DrawerProps) => react_jsx_runtime.JSX.Element;
+declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Drawer$1.TriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerFooter: React$1.ForwardRefExoticComponent<Drawer$1.FooterProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerBody: React$1.ForwardRefExoticComponent<Drawer$1.BodyProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerBackdrop: React$1.ForwardRefExoticComponent<Drawer$1.BackdropProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React$1.ForwardRefExoticComponent<Drawer$1.TitleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DrawerActionTrigger: React$1.ForwardRefExoticComponent<Drawer$1.ActionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare enum Language {
     NorwegianBokmal = "nb",
@@ -866,7 +862,7 @@ type LanguageProviderProps = {
  * ```
  *
  */
-declare function LanguageProvider({ language, children, }: LanguageProviderProps): React__default.JSX.Element;
+declare function LanguageProvider({ language, children, }: LanguageProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * A hook that returns translation utilities. Typically used to translate text.
  *
@@ -972,21 +968,21 @@ type InputGroupProps = GroupProps & {
  * ```
  */
 type AttachedInputsProps = RecipeVariantProps<typeof attachedInputsRecipe> & InputGroupProps;
-declare const AttachedInputs: React__default.ForwardRefExoticComponent<{
+declare const AttachedInputs: React$1.ForwardRefExoticComponent<{
     orientation?: _chakra_ui_react.ConditionalValue<"horizontal" | "vertical" | undefined>;
 } & _chakra_ui_react.GroupProps & {
     startElementProps?: _chakra_ui_react.InputElementProps;
     endElementProps?: _chakra_ui_react.InputElementProps;
-    startElement?: React__default.ReactNode;
-    endElement?: React__default.ReactNode;
-    children: React__default.ReactElement;
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    children: React.ReactElement;
     label?: string;
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const CardSelect: ({ size, ...props }: PopoverRootProps) => React__default.JSX.Element;
-declare const CardSelectContent: React__default.ForwardRefExoticComponent<{
+declare const CardSelect: ({ size, ...props }: PopoverRootProps) => react_jsx_runtime.JSX.Element;
+declare const CardSelectContent: React$1.ForwardRefExoticComponent<{
     colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "blue" | "green" | "grey" | "orange" | "red" | "yellow" | "darkYellow" | undefined>;
-} & _chakra_ui_react.BoxProps & React__default.RefAttributes<HTMLDivElement>>;
+} & _chakra_ui_react.BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 type CardSelectTriggerProps = {
     /** The design of the trigger button.
      *
@@ -1000,7 +996,7 @@ type CardSelectTriggerProps = {
     /** Whether or not to show the chevron. Defaults to true */
     withChevron?: boolean;
 } & Omit<ButtonProps, "variant" | "rightIcon" | "leftIcon">;
-declare const CardSelectTrigger: React__default.ForwardRefExoticComponent<{
+declare const CardSelectTrigger: React$1.ForwardRefExoticComponent<{
     /** The design of the trigger button.
      *
      * - `ghost` is a transparent button with text
@@ -1012,7 +1008,7 @@ declare const CardSelectTrigger: React__default.ForwardRefExoticComponent<{
     icon?: ReactNode;
     /** Whether or not to show the chevron. Defaults to true */
     withChevron?: boolean;
-} & Omit<ButtonProps, "variant" | "leftIcon" | "rightIcon"> & React__default.RefAttributes<HTMLButtonElement>>;
+} & Omit<ButtonProps, "variant" | "leftIcon" | "rightIcon"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Creates a checkbox.
@@ -1062,98 +1058,47 @@ type CheckboxGroupProps = Exclude<CheckboxGroupProps$1, "colorPalette" | "size"
  */
 declare const CheckboxGroup: React__default.ForwardRefExoticComponent<Omit<CheckboxGroupProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const choiceChipRecipe: _chakra_ui_react.RecipeDefinition<{
-    variant: {
-        core: {
-            color: "core.text";
-            outlineColor: "core.outline";
-            _hover: {
-                outline: "2px solid";
-                outlineColor: "core.outline.hover";
-                _active: {
-                    outline: "1px solid";
-                    outlineColor: "core.outline";
-                    backgroundColor: "core.surface.active";
-                };
-            };
-        };
-        accent: {
-            backgroundColor: "accent.surface";
-            color: "accent.text";
-            outline: "none";
-            _hover: {
-                backgroundColor: "accent.surface.hover";
-                _active: {
-                    backgroundColor: "accent.surface.active";
-                };
-            };
-        };
-        floating: {
-            backgroundColor: "floating.surface";
-            outline: "1px solid";
-            outlineColor: "floating.outline";
-            color: "floating.text";
-            boxShadow: "sm";
-            _hover: {
-                backgroundColor: "floating.surface.hover";
-                outline: "1px solid";
-                outlineColor: "floating.outline.hover";
-                _active: {
-                    backgroundColor: "floating.surface.active";
-                    outline: "1px solid";
-                    outlineColor: "floating.outline";
-                };
-            };
-        };
-    };
-    size: {
-        xs: {
-            _checked: {
-                borderRadius: "0.563rem";
-            };
-            height: number;
-            paddingX: number;
-        };
-        sm: {
-            _checked: {
-                borderRadius: "sm";
-            };
-            height: number;
-            paddingX: number;
-        };
-        md: {
-            _checked: {
-                borderRadius: "sm";
-            };
-            height: number;
-            paddingX: number;
-        };
-        lg: {
-            _checked: {
-                borderRadius: "md";
-            };
-            height: number;
-            paddingX: number;
-        };
-    };
-}>;
-
-type ChoiceChipVariantProps = RecipeVariantProps<typeof choiceChipRecipe>;
-type ChoiceChipProps = PropsWithChildren<ChoiceChipVariantProps> & {
-    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
-    checked?: boolean;
-    disabled?: boolean;
-    defaultChecked?: boolean;
-    /** The button text */
-    children: React__default.ReactNode;
-    icon?: {
-        default: React__default.ReactNode;
-        checked: React__default.ReactNode;
-    };
-    chipType?: "icon" | "choice" | "filter";
-    "aria-label"?: string;
+type CheckBoxIcon = {
+    default: React__default.ReactNode;
+    checked: React__default.ReactNode;
+};
+type ChoiceChipProps = CheckboxCardRootProps & {
+    icon?: CheckBoxIcon;
 };
-declare const ChoiceChip: ({ children, icon, size, chipType, variant, ...props }: ChoiceChipProps) => React__default.JSX.Element;
+/**
+ * Choice chips are checkboxes that look like selectable buttons.
+ *
+ * Choice chips are available in four different sizes - `xs`, `sm`, `md` and `lg`.
+ *
+ * ```tsx
+ * <Stack flexDirection="row">
+ *   <ChoiceChip size="lg">Bus</ChoiceChip>
+ *   <ChoiceChip size="lg">Train</ChoiceChip>
+ * </Stack>
+ * ```
+ *
+ * There are also three different chipType - `icon`, `choice` and `filter`.
+ *
+ * ```tsx
+ * <Stack flexDirection="row">
+ *  <ChoiceChip chipType="icon" icon={<Bus24Icon />}>Bus</ChoiceChip>
+ *  <ChoiceChip chipType="choice" icon={<Bus24Icon />}>Bus</ChoiceChip>
+ *  <ChoiceChip chipType="filter" icon={<Bus24Icon />}>Bus</ChoiceChip>
+ * </Stack>
+ *
+ * There are also three different variants - `core`, `accent` and `floating`.
+ *
+ * ```tsx
+ * <Stack flexDirection="row">
+ *   <ChoiceChip variant="core">Bus</ChoiceChip>
+ *   <ChoiceChip variant="accent">Boat</ChoiceChip>
+ *   <ChoiceChip variant="floating">Train</ChoiceChip>
+ * </Stack>
+ * ```
+ */
+declare const ChoiceChip: React__default.ForwardRefExoticComponent<CheckboxCard.RootProps & {
+    icon?: CheckBoxIcon;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
 type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size"> & AriaComboBoxProps<T> & {
     /** The label of the combobox */
@@ -1221,12 +1166,6 @@ declare const Combobox: React__default.ForwardRefExoticComponent<_chakra_ui_reac
     children?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const Fieldset: React$1.ForwardRefExoticComponent<Fieldset$1.RootProps & React$1.RefAttributes<HTMLFieldSetElement>>;
-declare const FieldsetLegend: React$1.ForwardRefExoticComponent<Fieldset$1.LegendProps & React$1.RefAttributes<HTMLLegendElement>>;
-declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.ContentProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
-
 declare const fieldSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "label" | "requiredIndicator" | "helperText" | "errorText", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "label" | "requiredIndicator" | "helperText" | "errorText">>;
 
 type FieldVariantProps = RecipeVariantProps<typeof fieldSlotRecipe>;
@@ -1267,6 +1206,12 @@ declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "
 declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const FieldLabel: React$1.ForwardRefExoticComponent<Field$1.LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
 
+declare const Fieldset: React$1.ForwardRefExoticComponent<Fieldset$1.RootProps & React$1.RefAttributes<HTMLFieldSetElement>>;
+declare const FieldsetLegend: React$1.ForwardRefExoticComponent<Fieldset$1.LegendProps & React$1.RefAttributes<HTMLLegendElement>>;
+declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.ContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
+
 type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette"> & FieldProps & {
     /** The input's label */
     label: string;
@@ -1313,7 +1258,7 @@ declare const Input: React__default.ForwardRefExoticComponent<InputProps$1 & Omi
  *
  * @example
  * ```jsx
- * const { data, isLoading } = useSWR('/api/options')
+ * const { data, isLoading } = useSWR('/api/options')
  * const state = useListState({ items: data });
  * const ref = useRef(null);
  *
@@ -1334,7 +1279,7 @@ declare const ListBox: React__default.ForwardRefExoticComponent<AriaListBoxProps
     /** Whether or not the listbox is waiting on new data, i.e. through a autosuggest search */
     loading?: boolean;
     /** The state of the listbox, provided externally somehow. */
-    state: SelectState<object> | ListState<object>;
+    state: ListState<object> | SelectState<unknown>;
     /** UI to render if the collection is empty */
     emptyContent?: React__default.ReactNode;
     maxWidth?: BoxProps["maxWidth"];
@@ -1349,7 +1294,7 @@ declare const ListBox: React__default.ForwardRefExoticComponent<AriaListBoxProps
  */
 declare function ItemLabel({ children }: {
     children: React__default.ReactNode;
-}): React__default.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 /**
  * Renders a description for an Item.
  *
@@ -1357,7 +1302,7 @@ declare function ItemLabel({ children }: {
  */
 declare function ItemDescription({ children }: {
     children: React__default.ReactNode;
-}): React__default.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare const nativeSelectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root" | "field", {
     variant: {
@@ -1579,16 +1524,16 @@ type CountryCodeAndPhoneNumber = {
  * />
  * ```
  */
-declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: React__default.ReactNode | undefined;
+declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+    children?: React$1.ReactNode | undefined;
 } & {
-    label?: React__default.ReactNode;
-    helperText?: React__default.ReactNode;
-    errorText?: React__default.ReactNode;
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
 } & {
     label: string;
-    startElement?: React__default.ReactNode;
-    endElement?: React__default.ReactNode;
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
 } & {
     /** The label. Defaults to a localized version of "Phone number" */
     label?: string;
@@ -1598,9 +1543,10 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<_chakra
     value?: CountryCodeAndPhoneNumber;
     /** Returns an extra optional text when true */
     optional?: boolean;
+    allowedCountryCodes?: string[];
     invalid?: boolean;
     errorText?: string;
-} & React__default.RefAttributes<HTMLInputElement>>;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const radioGroupSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "label" | "itemText" | "itemControl", {
     orientation: {
@@ -1649,20 +1595,20 @@ type SearchInputProps = InputProps & {
  *
  * Includes a search icon, a localized label and a reset button.
  */
-declare const SearchInput: React__default.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: React__default.ReactNode | undefined;
+declare const SearchInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+    children?: React$1.ReactNode | undefined;
 } & {
-    label?: React__default.ReactNode;
-    helperText?: React__default.ReactNode;
-    errorText?: React__default.ReactNode;
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
 } & {
     label: string;
-    startElement?: React__default.ReactNode;
-    endElement?: React__default.ReactNode;
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
 } & {
     /** Callback for when the clear button is clicked */
     onReset?: () => void;
-} & React__default.RefAttributes<HTMLInputElement>>;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "indicator" | "label" | "control" | "itemText" | "itemDescription" | "trigger" | "indicatorGroup" | "selectContent" | "itemGroup" | "itemGroupLabel" | "valueText", {
     variant: {
@@ -1980,9 +1926,9 @@ declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1
     label: ReactNode;
 } & React__default.RefAttributes<HTMLTextAreaElement>>;
 
-declare const PressableCard: React__default.ForwardRefExoticComponent<{
+declare const PressableCard: React$1.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | "accent" | undefined>;
-} & ButtonProps$1 & React__default.RefAttributes<HTMLDivElement>>;
+} & ButtonProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.ItemProps & {
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
@@ -2000,16 +1946,16 @@ declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
 } & React__default.RefAttributes<HTMLDivElement>>;
 declare const RadioCardLabel: React__default.ForwardRefExoticComponent<RadioCard$1.LabelProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & {
+declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & {
     variant?: _chakra_ui_react.ConditionalValue<"dashed" | "solid" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | undefined>;
     orientation?: _chakra_ui_react.ConditionalValue<"horizontal" | "vertical" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     size?: "sm" | "md" | "lg";
     variant?: "solid" | "dashed";
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const staticCardRecipe: _chakra_ui_react.RecipeDefinition<{
     colorPalette: {
@@ -2042,9 +1988,9 @@ declare const staticCardRecipe: _chakra_ui_react.RecipeDefinition<{
 }>;
 
 type StaticCardProps = RecipeVariantProps<typeof staticCardRecipe> & BoxProps;
-declare const StaticCard: React__default.ForwardRefExoticComponent<{
+declare const StaticCard: React$1.ForwardRefExoticComponent<{
     colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "blue" | "green" | "grey" | "orange" | "red" | "yellow" | "darkYellow" | undefined>;
-} & BoxProps & React__default.RefAttributes<HTMLDivElement>>;
+} & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "title" | "description" | "iconContainer" | "container" | "textContainer" | "walk", {
     variant: {
@@ -2129,7 +2075,7 @@ type InfoTagProps = TagProps & PropsWithChildren<InfoTagVariantProps>;
  * ```tsx
  * <InfoTag variant="subway" title="3" description="Ringen" />
  * ```
- * They support three different sizes – `sm`, `md` and `lg`.
+ * They support three different sizes –`sm`, `md` and `lg`.
  *
  * ```tsx
  * <InfoTag
@@ -2153,7 +2099,7 @@ type InfoTagProps = TagProps & PropsWithChildren<InfoTagVariantProps>;
  *
  * @see https://spor.vy.no/components/line-tags
  */
-declare const InfoTag: ({ variant, size, title, description, ...customProps }: InfoTagProps) => React__default.JSX.Element;
+declare const InfoTag: ({ variant, size, title, description, ...customProps }: InfoTagProps) => react_jsx_runtime.JSX.Element;
 
 declare const lineIconSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root" | "title" | "iconContainer" | "desc", {
     variant: {
@@ -2287,7 +2233,7 @@ type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & PropsWithChil
  * <LineIcon variant="subway" />
  * ```
  *
- * They support three different sizes – `sm`, `md` and `lg`.
+ * They support three different sizes - `sm`, `md` and `lg`.
  *
  * ```tsx
  * <LineIcon variant="subway" size="lg" />
@@ -2470,7 +2416,7 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
  * <TravelTag variant="subway" title="3" description="Ringen" />
  * ```
  *
- * They support three different sizes – `sm`, `md` and `lg`.
+ * They support three different sizes - `sm`, `md` and `lg`.
  *
  * You can also render them with a deviation level to indicate an extra focus:
  *
@@ -2513,7 +2459,7 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
  *
  * @see https://spor.vy.no/components/line-tags
  */
-declare const TravelTag: React__default.ForwardRefExoticComponent<TravelTagProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
     variant: {
@@ -2585,7 +2531,7 @@ type ColorInlineLoaderProps = Exclude<BoxProps, "children">;
  *
  * This component should only be used on light backgrounds with low saturation (e.g. white, light grey etc.). For colored backgrounds, please use the LightInlineLoader component.
  */
-declare const ColorInlineLoader: ({ width, maxWidth, ...props }: ColorInlineLoaderProps) => React__default.JSX.Element;
+declare const ColorInlineLoader: ({ width, maxWidth, ...props }: ColorInlineLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type SpinnerProps = BoxProps;
 type ColorSpinnerProps = SpinnerProps;
@@ -2604,23 +2550,23 @@ type ColorSpinnerProps = SpinnerProps;
  *   Hold your horses
  * </ColorSpinner>
  */
-declare const ColorSpinner: ({ children, width, maxWidth, ...props }: SpinnerProps) => React__default.JSX.Element;
+declare const ColorSpinner: ({ children, width, maxWidth, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element;
 
 type ContentLoaderProps = BoxProps;
 /**
  * ContentLoader is a component that renders a loading animation.
  * It should mostly be used for loading content that is not yet available.
  */
-declare const ContentLoader: ({ children, ...props }: ContentLoaderProps) => React__default.JSX.Element;
+declare const ContentLoader: ({ children, ...props }: ContentLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type DarkFullScreenLoaderProps = BoxProps;
-declare const DarkFullScreenLoader: ({ width, maxWidth, ...props }: DarkFullScreenLoaderProps) => React__default.JSX.Element;
+declare const DarkFullScreenLoader: ({ width, maxWidth, ...props }: DarkFullScreenLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type DarkInlineLoaderProps = Exclude<BoxProps, "children">;
 /**
  * Loading component that works well in bounded contexts, like inside a button.
  */
-declare const DarkInlineLoader: ({ width, maxWidth, ...props }: DarkInlineLoaderProps) => React__default.JSX.Element;
+declare const DarkInlineLoader: ({ width, maxWidth, ...props }: DarkInlineLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type DarkSpinnerProps = BoxProps;
 /** A circular spinner
@@ -2638,16 +2584,16 @@ type DarkSpinnerProps = BoxProps;
  *   Hold your horses
  * </DarkSpinner>
  */
-declare const DarkSpinner: ({ children, width, maxWidth, ...props }: DarkSpinnerProps) => React__default.JSX.Element;
+declare const DarkSpinner: ({ children, width, maxWidth, ...props }: DarkSpinnerProps) => react_jsx_runtime.JSX.Element;
 
 type LightFullScreenLoaderProps = BoxProps;
-declare const LightFullScreenLoader: ({ width, maxWidth, ...props }: LightFullScreenLoaderProps) => React__default.JSX.Element;
+declare const LightFullScreenLoader: ({ width, maxWidth, ...props }: LightFullScreenLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type LightInlineLoaderProps = Exclude<BoxProps, "children">;
 /**
  * Loading component that works well in bounded contexts, like inside a button.
  */
-declare const LightInlineLoader: ({ width, maxWidth, ...props }: LightInlineLoaderProps) => React__default.JSX.Element;
+declare const LightInlineLoader: ({ width, maxWidth, ...props }: LightInlineLoaderProps) => react_jsx_runtime.JSX.Element;
 
 type LightSpinnerProps = BoxProps;
 /** A circular spinner
@@ -2665,7 +2611,7 @@ type LightSpinnerProps = BoxProps;
  *   Hold your horses
  * </LightSpinner>
  */
-declare const LightSpinner: ({ children, width, maxWidth, ...props }: LightSpinnerProps) => React__default.JSX.Element;
+declare const LightSpinner: ({ children, width, maxWidth, ...props }: LightSpinnerProps) => react_jsx_runtime.JSX.Element;
 
 declare const progressBarRecipe: _chakra_ui_react.SlotRecipeDefinition<"description" | "container" | "background" | "progress" | "disabledBackground", _chakra_ui_react.SlotRecipeVariantRecord<"description" | "container" | "background" | "progress" | "disabledBackground">>;
 
@@ -2921,14 +2867,14 @@ type CargonetLogoProps = {
      */
     colorPalette: "light" | "dark";
 };
-declare const CargonetLogo: React__default.ForwardRefExoticComponent<CargonetLogoProps & React__default.RefAttributes<SVGSVGElement>>;
+declare const CargonetLogo: React$1.ForwardRefExoticComponent<CargonetLogoProps & React$1.RefAttributes<SVGSVGElement>>;
 
 declare const SvgBox: _chakra_ui_react.ChakraComponent<"svg", {}>;
 type VyLogoProps = BoxProps & React__default.SVGProps<SVGSVGElement>;
 declare const VyLogo: React__default.ForwardRefExoticComponent<Omit<VyLogoProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
 type VyLogoPrideProps = BoxProps;
-declare const VyLogoPride: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<SVGSVGElement>>;
+declare const VyLogoPride: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<SVGSVGElement>>;
 
 declare const mediaControllerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root", {
     variant: {
@@ -2997,18 +2943,18 @@ type MediaControllerVariantProps = RecipeVariantProps<typeof mediaControllerSlot
  * <JumpButton direction="forward" onClick={onGoForward} />
  * ```
  */
-declare const JumpButton: React__default.ForwardRefExoticComponent<BoxProps & {
+declare const JumpButton: React$1.ForwardRefExoticComponent<BoxProps & {
     variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     onClick: () => void;
     "aria-label"?: string;
     disabled?: boolean;
     direction: "backward" | "forward";
     size: "sm" | "lg";
-} & React__default.RefAttributes<HTMLButtonElement>>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * A playback button.
@@ -3021,18 +2967,18 @@ declare const JumpButton: React__default.ForwardRefExoticComponent<BoxProps & {
  * <PlayPauseButton playing={playing} onClick={onPlaybackClick} />
  * ```
  */
-declare const PlayPauseButton: React__default.ForwardRefExoticComponent<BoxProps & {
+declare const PlayPauseButton: React$1.ForwardRefExoticComponent<BoxProps & {
     variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     onClick: () => void;
     "aria-label"?: string;
     disabled?: boolean;
     playing: boolean;
     size: "sm" | "lg";
-} & React__default.RefAttributes<HTMLButtonElement>>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
  * A skip button.
@@ -3045,28 +2991,28 @@ declare const PlayPauseButton: React__default.ForwardRefExoticComponent<BoxProps
  * <SkipButton direction="forward" onClick={onNextChapter} />
  * ```
  */
-declare const SkipButton: React__default.ForwardRefExoticComponent<BoxProps & {
+declare const SkipButton: React$1.ForwardRefExoticComponent<BoxProps & {
     variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     onClick: () => void;
     "aria-label"?: string;
     disabled?: boolean;
     direction: "backward" | "forward";
     size: "sm" | "lg";
-} & React__default.RefAttributes<HTMLButtonElement>>;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 type NudgeProps = {
     introducedDate: string;
 } & PopoverRootProps;
-declare const Nudge: (props: NudgeProps) => React__default.JSX.Element | null;
+declare const Nudge: (props: NudgeProps) => react_jsx_runtime.JSX.Element | null;
 declare const NudgeTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
 declare const NudgeContent: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const NudgeActions: ({ className, ...props }: BoxProps) => React__default.JSX.Element;
+declare const NudgeActions: ({ ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
 declare const NudgeWizardStep: {
-    ({ children }: PropsWithChildren): React__default.JSX.Element;
+    ({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const NudgeCloseTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -3082,7 +3028,7 @@ declare const PaginationEllipsis: React$1.ForwardRefExoticComponent<Pagination$1
 declare const PaginationItem: React$1.ForwardRefExoticComponent<Pagination$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PaginationPrevTrigger: React$1.ForwardRefExoticComponent<Pagination$1.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PaginationNextTrigger: React$1.ForwardRefExoticComponent<Pagination$1.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PaginationItems: (props: React$1.HTMLAttributes<HTMLElement> & {}) => React$1.JSX.Element;
+declare const PaginationItems: (props: React$1.HTMLAttributes<HTMLElement> & {}) => react_jsx_runtime.JSX.Element;
 
 declare const Popover: React__default.FC<Popover$1.RootProps>;
 declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -3163,7 +3109,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
  * );
  * ```
  */
-declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => React__default.JSX.Element;
+declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
     variant: {
@@ -3218,10 +3164,10 @@ type StepperVariantProps = RecipeVariantProps<typeof stepperSlotRecipe>;
  * />
  * ```
  **/
-declare const Stepper: React__default.ForwardRefExoticComponent<{
+declare const Stepper: React$1.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"core" | "accent" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     /** Callback for when a step is clicked */
     onClick: (clickedStep: number) => void;
@@ -3248,7 +3194,7 @@ declare const Stepper: React__default.ForwardRefExoticComponent<{
     variant: "core" | "accent";
     /** Disables all clicks */
     disabled?: boolean;
-} & React__default.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type StepperStepProps = PropsWithChildren<StepperVariantProps> & {
     children: React__default.ReactNode;
@@ -3256,7 +3202,7 @@ type StepperStepProps = PropsWithChildren<StepperVariantProps> & {
     variant: "core" | "accent";
     disabled?: boolean;
 };
-declare const StepperStep: ({ children, stepNumber, variant, disabled: disabledOverride, }: StepperStepProps) => React__default.JSX.Element;
+declare const StepperStep: ({ children, stepNumber, variant, disabled: disabledOverride, }: StepperStepProps) => react_jsx_runtime.JSX.Element;
 
 declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "indicator" | "content" | "list" | "trigger", {
     fitted: {
@@ -3646,16 +3592,16 @@ type TableProps = Exclude<TableRootProps, "variant" | "colorPalette"> & PropsWit
  * </Table>
  * ```
  */
-declare const Table: React__default.ForwardRefExoticComponent<Table$1.RootProps & {
+declare const Table: React$1.ForwardRefExoticComponent<Table$1.RootProps & {
     colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "green" | "grey" | undefined>;
     variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | undefined>;
 } & {
-    children?: React__default.ReactNode | undefined;
+    children?: React$1.ReactNode | undefined;
 } & {
     variant?: "ghost" | "core";
     colorPalette?: "grey" | "green" | "white";
-} & React__default.RefAttributes<HTMLTableElement>>;
+} & React$1.RefAttributes<HTMLTableElement>>;
 
 declare const themes: {
     VyDigital: _chakra_ui_react.SystemContext;
@@ -3680,14 +3626,14 @@ type ToastProps = {
     variant: Variant;
     id?: string;
 };
-declare const createToast: ({ text, variant, id, duration, }: ToastProps) => string | undefined;
+declare const createToast: ({ text, variant, id, duration, }: ToastProps) => string;
 
 type BadgeProps = BadgeProps$1 & {
     icon?: IconComponent;
 };
-declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps$1 & {
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps$1 & {
     icon?: IconComponent;
-} & React__default.RefAttributes<HTMLSpanElement>>;
+} & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const Code: React__default.ForwardRefExoticComponent<{
     colorPalette?: _chakra_ui_react.ConditionalValue<undefined>;
@@ -3724,14 +3670,14 @@ type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
  * <Heading as="h1" autoId>Page heading</Heading> // Will set id="page-heading"
  * ```
  */
-declare const Heading: React__default.ForwardRefExoticComponent<Omit<HeadingProps$1, "textStyle" | "as"> & {
+declare const Heading: React$1.ForwardRefExoticComponent<Omit<HeadingProps$1, "textStyle" | "as"> & {
     /** The heading level, e.g. h1, h2, h3... **/
     as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     /** The size and style of the heading. Defaults to xl-display */
     variant?: ConditionalValue<"sm" | "md" | "lg" | "xxl" | "xl-display" | "xl-sans" | "xs">;
     /** If true, generate an ID based on the children */
     autoId?: boolean;
-} & React__default.RefAttributes<HTMLHeadingElement>>;
+} & React$1.RefAttributes<HTMLHeadingElement>>;
 
 type TextProps = Omit<TextProps$1, "textStyle"> & {
     /** The size and style of the text.
@@ -3747,13 +3693,13 @@ type TextProps = Omit<TextProps$1, "textStyle"> & {
  * <Text>Welcome to this paragraph of text.</Text>
  * ```
  */
-declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps$1, "textStyle"> & {
+declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "textStyle"> & {
     /** The size and style of the text.
      *
      * Defaults to "sm"
      * textStyle values are: "sm" | "md" | "lg" | "2xl" | "xl-display" | "xl-sans" | "xs" */
     variant?: TextProps$1["textStyle"];
-} & React__default.RefAttributes<HTMLParagraphElement>>;
+} & React$1.RefAttributes<HTMLParagraphElement>>;
 
 /**
  * Makes a slug-version of any string.
@@ -3766,4 +3712,4 @@ declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps$1, "
  **/
 declare function slugify(text: string | string[], maxLength?: number): string;
 
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariantProps, CardSelect, CardSelectContent, CardSelectTrigger, type CardSelectTriggerProps, CargonetLogo, type CargonetLogoProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, ChoiceChip, type ChoiceChipProps, Clipboard, ClipboardButton, CloseButton, type CloseButtonProps, CloseDrawerLine, Code, ColorInlineLoader, type ColorInlineLoaderProps, type ColorMode, ColorModeButton, ColorModeIcon, ColorModeProvider, type ColorModeProviderProps, ColorSpinner, type ColorSpinnerProps, Combobox, type ComboboxProps, ContentLoader, type ContentLoaderProps, type CountryCodeAndPhoneNumber, DarkFullScreenLoader, DarkInlineLoader, type DarkInlineLoaderProps, DarkSpinner, type DarkSpinnerProps, DatePicker, type DatePickerVariantProps, DateRangePicker, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, Drawer, DrawerActionTrigger, DrawerBackTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerFooter, DrawerFullScreenHeader, DrawerHeader, DrawerTitle, DrawerTrigger, Expandable, ExpandableAlert, ExpandableItem, Field, FieldErrorText, FieldLabel, type FieldProps, Fieldset, FieldsetContent, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FloatingActionButton, type GroupVariantProps, Heading, type HeadingProps, IconButton, type IconButtonProps, InfoTag, type InfoTagProps, Input, type InputProps, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, type LightInlineLoaderProps, LightSpinner, type LightSpinnerProps, LineIcon, type LineIconProps, type LinkProps, List, ListBox, ListIndicator, ListItem, type MediaControllerVariantProps, NativeSelect, type NativeSelectdProps, Nudge, NudgeActions, NudgeCloseTrigger, NudgeContent, type NudgeProps, NudgeTrigger, NudgeWizardStep, NumericStepper, type NumericStepperProps, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PasswordInput, type PasswordInputProps, type PasswordVisibilityProps, PhoneNumberInput, PlayPauseButton, Popover, PopoverContent, type PopoverProps, PopoverTrigger, PressableCard, ProgressBar, type ProgressBarProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorVariantProps, ProgressLoader, type ProgressLoaderProps, type ProgressLoaderVariantProps, Radio, RadioCard, RadioCardGroup, RadioCardLabel, RadioGroup, type RadioProps, SearchInput, type SearchInputProps, Select, SelectContent, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, type SelectProps, SelectRoot, SelectTrigger, SelectValueText, Separator, ServiceAlert, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, SkipButton, type SpinnerProps, SporProvider, StaticCard, type StaticCardProps, Stepper, StepperStep, type StepperVariantProps, SvgBox, Switch, type SwitchProps, Table, type TableProps, Tabs, TabsContent, TabsIndicator, TabsList, type TabsProps, TabsTrigger, Text, TextLink, type TextProps, Textarea, type TextareaProps, TimePicker, type TranslationObject, type Translations, TravelTag, type TravelTagProps, type UseColorModeReturn, VyLogo, VyLogoPride, type VyLogoPrideProps, createTexts, createToast, fontFaces, slugify, system, themes, useColorMode, useColorModeValue, useTranslation };
+export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariantProps, CardSelect, CardSelectContent, CardSelectTrigger, type CardSelectTriggerProps, CargonetLogo, type CargonetLogoProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, ChoiceChip, type ChoiceChipProps, Clipboard, ClipboardButton, CloseButton, type CloseButtonProps, CloseDrawerLine, Code, ColorInlineLoader, type ColorInlineLoaderProps, type ColorMode, ColorModeButton, ColorModeIcon, ColorModeProvider, type ColorModeProviderProps, ColorSpinner, type ColorSpinnerProps, Combobox, type ComboboxProps, ContentLoader, type ContentLoaderProps, type CountryCodeAndPhoneNumber, DarkFullScreenLoader, DarkInlineLoader, type DarkInlineLoaderProps, DarkSpinner, type DarkSpinnerProps, DatePicker, type DatePickerVariantProps, DateRangePicker, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, Drawer, DrawerActionTrigger, DrawerBackTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerFooter, DrawerFullScreenHeader, DrawerHeader, DrawerTitle, DrawerTrigger, Expandable, ExpandableAlert, ExpandableItem, Field, FieldErrorText, FieldLabel, type FieldProps, Fieldset, FieldsetContent, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FloatingActionButton, type GroupVariantProps, Heading, type HeadingProps, IconButton, type IconButtonProps, InfoTag, type InfoTagProps, Input, type InputProps, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, type LightInlineLoaderProps, LightSpinner, type LightSpinnerProps, LineIcon, type LineIconProps, type LinkProps, List, ListBox, ListIndicator, ListItem, type MediaControllerVariantProps, NativeSelect, type NativeSelectdProps, Nudge, NudgeActions, NudgeCloseTrigger, NudgeContent, type NudgeProps, NudgeTrigger, NudgeWizardStep, NumericStepper, type NumericStepperProps, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PasswordInput, type PasswordInputProps, type PasswordVisibilityProps, PhoneNumberInput, PlayPauseButton, Popover, PopoverContent, type PopoverProps, PopoverTrigger, PressableCard, ProgressBar, type ProgressBarProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorVariantProps, ProgressLoader, type ProgressLoaderProps, type ProgressLoaderVariantProps, Radio, RadioCard, RadioCardGroup, RadioCardLabel, RadioGroup, type RadioProps, SearchInput, type SearchInputProps, Select, SelectContent, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, type SelectProps, SelectRoot, SelectTrigger, SelectValueText, Separator, ServiceAlert, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, SkipButton, type SpinnerProps, SporProvider, StaticCard, type StaticCardProps, Stepper, StepperStep, type StepperVariantProps, SvgBox, Switch, type SwitchProps, Table, type TableProps, Tabs, TabsContent, TabsIndicator, TabsList, type TabsProps, TabsTrigger, Text, TextLink, type TextProps, Textarea, type TextareaProps, TimePicker, type TranslationObject, type Translations, TravelTag, type TravelTagProps, type UseColorModeReturn, VyLogo, VyLogoPride, type VyLogoPrideProps, createTexts, createToast, fontFaces, slugify, system, themes, useColorMode, useColorModeValue, useTranslation };