@vygruppen/spor-react 12.0.0 → 12.0.2

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @vygruppen/spor-react@12.0.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.0.2 build /home/runner/work/spor/spor/packages/spor-react
 > pnpm typegen && tsup
 
 
-> @vygruppen/spor-react@12.0.0 typegen /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.0.2 typegen /home/runner/work/spor/spor/packages/spor-react
 > npx @chakra-ui/cli typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️
@@ -31,12 +31,12 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.mjs     292.29 KB
-ESM dist/index.mjs.map 619.55 KB
-ESM ⚡️ Build success in 1903ms
-CJS dist/index.js     311.52 KB
-CJS dist/index.js.map 619.55 KB
-CJS ⚡️ Build success in 1903ms
-DTS ⚡️ Build success in 21154ms
-DTS dist/index.d.ts  131.62 KB
-DTS dist/index.d.mts 131.62 KB
+CJS dist/index.js     311.57 KB
+CJS dist/index.js.map 619.74 KB
+CJS ⚡️ Build success in 1860ms
+ESM dist/index.mjs     292.34 KB
+ESM dist/index.mjs.map 619.74 KB
+ESM ⚡️ Build success in 1861ms
+DTS ⚡️ Build success in 21713ms
+DTS dist/index.d.ts  133.66 KB
+DTS dist/index.d.mts 133.66 KB

package/.turbo/turbo-typegen.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.0.0 typegen /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.0.2 typegen /home/runner/work/spor/spor/packages/spor-react
 > npx @chakra-ui/cli typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @vygruppen/spor-react
 
+## 12.0.2
+
+### Patch Changes
+
+- 6d33265: Tables: fix for horizontal scroll for tables on mobile version
+
+## 12.0.1
+
+### Patch Changes
+
+- 14720c4: Update peer dependencies to support all versions of react 18. Fix type errors with NativeSelect and Heading
+- Updated dependencies [14720c4]
+  - @vygruppen/spor-icon-react@4.0.1
+
 ## 12.0.0
 
 ### Major Changes

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as sporDesignTokens from '@vygruppen/spor-design-tokens';
 export { sporDesignTokens as tokens };
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, ConditionalValue, Alert as Alert$1, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, IconButtonProps as IconButtonProps$1, BoxProps, Clipboard as Clipboard$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field, InputProps as InputProps$1, ListRootProps, RadioGroup as RadioGroup$1, Switch as Switch$1, TextareaProps as TextareaProps$1, SelectRootProps, Select as Select$1, CollectionItem, SeparatorProps, RadioCard as RadioCard$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Drawer as Drawer$1, Dialog, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, 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';
+import { Accordion as Accordion$1, ConditionalValue, Alert as Alert$1, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, IconButtonProps as IconButtonProps$1, BoxProps, Clipboard as Clipboard$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, Switch as Switch$1, TextareaProps as TextareaProps$1, SelectRootProps, Select as Select$1, CollectionItem, SeparatorProps, RadioCard as RadioCard$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Drawer as Drawer$1, Dialog, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, 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, 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';
@@ -1205,6 +1205,59 @@ declare function ItemDescription({ children }: {
     children: React__default.ReactNode;
 }): React__default.JSX.Element;
 
+declare const nativeSelectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "icon" | "field", {
+    variant: {
+        core: {
+            field: {
+                backgroundColor?: "transparent" | undefined;
+                outline?: "1px solid" | undefined;
+                outlineColor?: "core.outline" | undefined;
+                _hover?: {
+                    outline: "2px solid";
+                    outlineColor: "core.outline.hover";
+                    _active: {
+                        outline: "1px solid";
+                        outlineColor: "outline.disabled";
+                        backgroundColor: "core.surface.active";
+                    };
+                } | undefined;
+                _focus?: {
+                    outline: "2px solid";
+                    outlineColor: "outline.focus";
+                } | undefined;
+            };
+        };
+        floating: {
+            field: {
+                boxShadow?: "sm" | undefined;
+                bg?: "floating.surface" | undefined;
+                outline?: "1px solid" | undefined;
+                outlineColor?: "floating.outline" | undefined;
+                _hover?: {
+                    outline: "1px solid";
+                    outlineColor: "floating.outline.hover";
+                } | undefined;
+                _active?: {
+                    outline: "1px solid";
+                    outlineColor: "floating.outline.active";
+                    backgroundColor: "floating.surface.active";
+                } | undefined;
+                focus?: {
+                    outline: string;
+                    outlineColor: string;
+                } | undefined;
+            };
+        };
+    };
+}>;
+
+type NativeSelectVariantProps = RecipeVariantProps<typeof nativeSelectSlotRecipe>;
+type NativeSelectdProps = React$1.PropsWithChildren<NativeSelectVariantProps> & NativeSelectFieldProps & {
+    icon?: React$1.ReactNode;
+    label: string;
+    invalid?: boolean;
+    disabled?: boolean;
+};
 /**
  * Selects let you choose between several options
  *
@@ -1225,7 +1278,7 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
-} & {
+} & NativeSelect$1.FieldProps & {
     icon?: React$1.ReactNode;
     label: string;
     invalid?: boolean;
@@ -3645,7 +3698,7 @@ type HeadingProps = 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" | "2xl" | "xl-display" | "xl-sans" | "xs">;
+    variant?: ConditionalValue<"sm" | "md" | "lg" | "xxl" | "xl-display" | "xl-sans" | "xs">;
     /** If true, generate an ID based on the children */
     autoId?: boolean;
 };
@@ -3659,10 +3712,10 @@ type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
  * <Heading as="h1">Page heading</Heading>
  * ```
  *
- * You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "2xl". The default is "xl-sans".
+ * You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "xxl". The default is "xl-sans".
  *
  * ```tsx
- * <Heading as="h1" variant="2xl">Look at me!</Heading>
+ * <Heading as="h1" variant="xxl">Look at me!</Heading>
  * ```
  *
  * If you want to generate an ID based on the children, you can use the `autoId` prop.
@@ -3676,7 +3729,7 @@ declare const Heading: React__default.ForwardRefExoticComponent<Omit<HeadingProp
     /** 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" | "2xl" | "xl-display" | "xl-sans" | "xs">;
+    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>>;
@@ -3721,4 +3774,4 @@ type PopoverProps = Popover$1.ContentProps & React__default.RefAttributes<HTMLDi
 };
 declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-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, 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, 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, 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, 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 };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as sporDesignTokens from '@vygruppen/spor-design-tokens';
 export { sporDesignTokens as tokens };
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, ConditionalValue, Alert as Alert$1, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, IconButtonProps as IconButtonProps$1, BoxProps, Clipboard as Clipboard$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field, InputProps as InputProps$1, ListRootProps, RadioGroup as RadioGroup$1, Switch as Switch$1, TextareaProps as TextareaProps$1, SelectRootProps, Select as Select$1, CollectionItem, SeparatorProps, RadioCard as RadioCard$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Drawer as Drawer$1, Dialog, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, 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';
+import { Accordion as Accordion$1, ConditionalValue, Alert as Alert$1, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, IconButtonProps as IconButtonProps$1, BoxProps, Clipboard as Clipboard$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, Switch as Switch$1, TextareaProps as TextareaProps$1, SelectRootProps, Select as Select$1, CollectionItem, SeparatorProps, RadioCard as RadioCard$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Drawer as Drawer$1, Dialog, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, 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, 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';
@@ -1205,6 +1205,59 @@ declare function ItemDescription({ children }: {
     children: React__default.ReactNode;
 }): React__default.JSX.Element;
 
+declare const nativeSelectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "icon" | "field", {
+    variant: {
+        core: {
+            field: {
+                backgroundColor?: "transparent" | undefined;
+                outline?: "1px solid" | undefined;
+                outlineColor?: "core.outline" | undefined;
+                _hover?: {
+                    outline: "2px solid";
+                    outlineColor: "core.outline.hover";
+                    _active: {
+                        outline: "1px solid";
+                        outlineColor: "outline.disabled";
+                        backgroundColor: "core.surface.active";
+                    };
+                } | undefined;
+                _focus?: {
+                    outline: "2px solid";
+                    outlineColor: "outline.focus";
+                } | undefined;
+            };
+        };
+        floating: {
+            field: {
+                boxShadow?: "sm" | undefined;
+                bg?: "floating.surface" | undefined;
+                outline?: "1px solid" | undefined;
+                outlineColor?: "floating.outline" | undefined;
+                _hover?: {
+                    outline: "1px solid";
+                    outlineColor: "floating.outline.hover";
+                } | undefined;
+                _active?: {
+                    outline: "1px solid";
+                    outlineColor: "floating.outline.active";
+                    backgroundColor: "floating.surface.active";
+                } | undefined;
+                focus?: {
+                    outline: string;
+                    outlineColor: string;
+                } | undefined;
+            };
+        };
+    };
+}>;
+
+type NativeSelectVariantProps = RecipeVariantProps<typeof nativeSelectSlotRecipe>;
+type NativeSelectdProps = React$1.PropsWithChildren<NativeSelectVariantProps> & NativeSelectFieldProps & {
+    icon?: React$1.ReactNode;
+    label: string;
+    invalid?: boolean;
+    disabled?: boolean;
+};
 /**
  * Selects let you choose between several options
  *
@@ -1225,7 +1278,7 @@ declare const NativeSelect: React$1.ForwardRefExoticComponent<{
     variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
 } & {
     children?: React$1.ReactNode | undefined;
-} & {
+} & NativeSelect$1.FieldProps & {
     icon?: React$1.ReactNode;
     label: string;
     invalid?: boolean;
@@ -3645,7 +3698,7 @@ type HeadingProps = 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" | "2xl" | "xl-display" | "xl-sans" | "xs">;
+    variant?: ConditionalValue<"sm" | "md" | "lg" | "xxl" | "xl-display" | "xl-sans" | "xs">;
     /** If true, generate an ID based on the children */
     autoId?: boolean;
 };
@@ -3659,10 +3712,10 @@ type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
  * <Heading as="h1">Page heading</Heading>
  * ```
  *
- * You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "2xl". The default is "xl-sans".
+ * You can specify the variant, which is one of "xs", "sm", "md", "lg", "xl-sans", "xs-serif" and "xxl". The default is "xl-sans".
  *
  * ```tsx
- * <Heading as="h1" variant="2xl">Look at me!</Heading>
+ * <Heading as="h1" variant="xxl">Look at me!</Heading>
  * ```
  *
  * If you want to generate an ID based on the children, you can use the `autoId` prop.
@@ -3676,7 +3729,7 @@ declare const Heading: React__default.ForwardRefExoticComponent<Omit<HeadingProp
     /** 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" | "2xl" | "xl-display" | "xl-sans" | "xs">;
+    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>>;
@@ -3721,4 +3774,4 @@ type PopoverProps = Popover$1.ContentProps & React__default.RefAttributes<HTMLDi
 };
 declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-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, 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, 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, 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, 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 };

package/dist/index.js

@@ -6560,7 +6560,9 @@ var tableSlotRecipe = react.defineSlotRecipe({
     root: {
       tableLayout: "fixed",
       borderCollapse: "collapse",
-      width: "100%"
+      width: "100%",
+      minWidth: "36rem",
+      overflowX: "auto"
     },
     columnHeader: {
       fontWeight: "bold",