@vygruppen/spor-react 11.2.0 → 11.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/.turbo/turbo-build.log +19 -16
  2. package/CHANGELOG.md +26 -0
  3. package/README.md +1 -0
  4. package/dist/index.d.mts +243 -241
  5. package/dist/index.d.ts +243 -241
  6. package/dist/index.js +916 -6798
  7. package/dist/index.js.map +1 -0
  8. package/dist/index.mjs +834 -6719
  9. package/dist/index.mjs.map +1 -0
  10. package/package.json +25 -12
  11. package/src/button/IconButton.tsx +1 -1
  12. package/src/datepicker/CalendarTriggerButton.tsx +1 -1
  13. package/src/datepicker/StyledField.tsx +1 -1
  14. package/src/datepicker/TimePicker.tsx +3 -2
  15. package/src/input/ChoiceChip.tsx +1 -1
  16. package/src/input/InfoSelect.tsx +2 -2
  17. package/src/input/InputElement.tsx +0 -1
  18. package/src/input/PhoneNumberInput.tsx +2 -6
  19. package/src/input/Switch.tsx +2 -3
  20. package/src/layout/Divider.tsx +1 -1
  21. package/src/layout/PressableCard.tsx +2 -7
  22. package/src/layout/StaticCard.tsx +2 -7
  23. package/src/linjetag/TravelTag.tsx +1 -1
  24. package/src/toast/useToast.tsx +58 -36
  25. package/src/typography/Badge.tsx +1 -1
  26. package/src/typography/Code.tsx +1 -1
  27. package/src/typography/Heading.tsx +1 -1
  28. package/tsup.config.ts +9 -0
package/dist/index.d.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  import tokens__default from '@vygruppen/spor-design-tokens';
2
2
  import * as tokens from '@vygruppen/spor-design-tokens';
3
3
  export { tokens };
4
- import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
5
- import { DividerProps as DividerProps$1, As, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ComponentWithAs, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerContentProps, DrawerProps as DrawerProps$1, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1, useMediaQuery as useMediaQuery$1 } from '@chakra-ui/react';
4
+ import * as _chakra_ui_react from '@chakra-ui/react';
5
+ import { DividerProps as DividerProps$1, BoxProps, StackProps as StackProps$1, AccordionProps as AccordionProps$1, AccordionItemProps, BreadcrumbProps as BreadcrumbProps$1, ButtonProps as ButtonProps$1, ButtonGroupProps as ButtonGroupProps$1, IconButtonProps as IconButtonProps$1, ComponentWithAs, ResponsiveValue, FlexProps, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, StackDirection, FormControlProps as FormControlProps$1, FormLabelProps as FormLabelProps$1, InputProps as InputProps$1, InputElementProps as InputElementProps$1, SelectProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SwitchProps as SwitchProps$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, SkeletonTextProps as SkeletonTextProps$1, ModalHeaderProps as ModalHeaderProps$1, DrawerProps as DrawerProps$1, DrawerContentProps, PopoverProps, ChakraProviderProps, TabsProps as TabsProps$1, TableProps as TableProps$1, BadgeProps as BadgeProps$1, CodeProps as CodeProps$1, HeadingProps as HeadingProps$1, TextProps as TextProps$1, useMediaQuery as useMediaQuery$1 } from '@chakra-ui/react';
6
6
  export { AccordionButton, AccordionButtonProps, AccordionIcon, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, Box, BoxProps, CSSWithMultiValues, Center, CenterProps, Collapse, CollapseProps, ComponentStyleConfig, Container, ContainerProps, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormHelperText, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Img, ImgProps, InputGroup, InputGroupProps, LightMode, ListItem, ListItemProps, ListProps, Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, Portal, PortalProps, ScaleFade, ScaleFadeProps, SimpleGrid, SimpleGridProps, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, SpacerProps, Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCaption, TableCaptionProps, TableCellProps, TableColumnHeaderProps, TableFooterProps, TableHeadProps, TableRowProps, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, UseClipboardOptions, UseDisclosureProps, UseOutsideClickProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
7
7
  import React, { ChangeEvent } from 'react';
8
- import * as _chakra_ui_breadcrumb_dist_breadcrumb_link from '@chakra-ui/breadcrumb/dist/breadcrumb-link';
9
- import * as _chakra_ui_breadcrumb_dist_breadcrumb_item from '@chakra-ui/breadcrumb/dist/breadcrumb-item';
8
+ import { As } from '@chakra-ui/system';
10
9
  import { DateValue } from '@internationalized/date';
11
10
  export { Time } from '@internationalized/date';
12
11
  import { AriaDatePickerProps, AriaDateRangePickerProps, AriaPositionProps, AriaComboBoxProps, AriaListBoxProps } from 'react-aria';
@@ -31,7 +30,7 @@ type DividerProps = DividerProps$1 & {
31
30
  * There are three different sizes available: `sm`, `md` and `lg`. The default is `md`.
32
31
  * There are two different variants available: `solid` and `dashed`. The default is `solid`.
33
32
  */
34
- declare const Divider: _chakra_ui_system_dist_system_types.ComponentWithAs<As, BoxProps>;
33
+ declare const Divider: _chakra_ui_react.ComponentWithAs<As, BoxProps>;
35
34
 
36
35
  type StackProps = Exclude<StackProps$1, "direction"> & {
37
36
  flexDirection?: StackProps$1["direction"];
@@ -63,7 +62,7 @@ type StackProps = Exclude<StackProps$1, "direction"> & {
63
62
  * </Stack>
64
63
  * ```
65
64
  */
66
- declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", StackProps>;
65
+ declare const Stack: _chakra_ui_react.ComponentWithAs<"div", StackProps>;
67
66
 
68
67
  /**
69
68
  * Radio cards are used to present a set of options where only one option can be selected.
@@ -95,13 +94,13 @@ type RadioCardProps = BoxProps & {
95
94
  /** Determines if the RadioCard is disabled. */
96
95
  isDisabled?: boolean;
97
96
  };
98
- declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, BoxProps & {
97
+ declare const RadioCard: _chakra_ui_react.ComponentWithAs<React.ElementType, BoxProps & {
99
98
  /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
100
99
  value: string;
101
100
  /** The content of the RadioCard. */
102
101
  children: React.ReactNode;
103
102
  /** Determines if the RadioCard is disabled. */
104
- isDisabled?: boolean | undefined;
103
+ isDisabled?: boolean;
105
104
  }>;
106
105
 
107
106
  /**
@@ -177,7 +176,7 @@ type StaticCardProps = BoxProps & {
177
176
  *
178
177
  * @see PressableCard
179
178
  */
180
- declare const StaticCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, StaticCardProps>;
179
+ declare const StaticCard: _chakra_ui_react.ComponentWithAs<As, StaticCardProps>;
181
180
 
182
181
  type PressableCardProps = BoxProps & {
183
182
  /** Defaults to "base" */
@@ -212,7 +211,7 @@ type PressableCardProps = BoxProps & {
212
211
  *
213
212
  * @see StaticCard
214
213
  */
215
- declare const PressableCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, PressableCardProps>;
214
+ declare const PressableCard: _chakra_ui_react.ComponentWithAs<As, PressableCardProps>;
216
215
 
217
216
  type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
218
217
  /**
@@ -226,7 +225,7 @@ type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
226
225
  /** The margin between accordion items */
227
226
  spacing?: StackProps["spacing"];
228
227
  };
229
- declare const Accordion: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", AccordionProps>;
228
+ declare const Accordion: _chakra_ui_react.ComponentWithAs<"div", AccordionProps>;
230
229
 
231
230
  type HeadingLevel = "h2" | "h3" | "h4" | "h5" | "h6";
232
231
  type ExpandableProps = Omit<AccordionProps, "title" | "index" | "defaultIndex" | "onChange"> & {
@@ -425,8 +424,8 @@ type BreadcrumbProps = Omit<BreadcrumbProps$1, "variant"> & {
425
424
  * ```
426
425
  */
427
426
  declare const Breadcrumb: (props: BreadcrumbProps) => React.JSX.Element;
428
- declare const BreadcrumbItem: _chakra_ui_system_dist_system_types.ComponentWithAs<"li", _chakra_ui_breadcrumb_dist_breadcrumb_item.BreadcrumbItemProps>;
429
- declare const BreadcrumbLink: _chakra_ui_system_dist_system_types.ComponentWithAs<"a", _chakra_ui_breadcrumb_dist_breadcrumb_link.BreadcrumbLinkProps>;
427
+ declare const BreadcrumbItem: _chakra_ui_react.ComponentWithAs<"li", _chakra_ui_react.BreadcrumbItemProps>;
428
+ declare const BreadcrumbLink: _chakra_ui_react.ComponentWithAs<"a", _chakra_ui_react.BreadcrumbLinkProps>;
430
429
 
431
430
  type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "size" | "variant"> & {
432
431
  /**
@@ -470,7 +469,7 @@ type ButtonProps = Exclude<ButtonProps$1, "colorScheme" | "size" | "variant"> &
470
469
  *
471
470
  * @see https://spor.vy.no/components/button
472
471
  */
473
- declare const Button: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", ButtonProps>;
472
+ declare const Button: _chakra_ui_react.ComponentWithAs<"button", ButtonProps>;
474
473
 
475
474
  type ButtonGroupProps = ButtonGroupProps$1;
476
475
  /**
@@ -505,7 +504,7 @@ type ButtonGroupProps = ButtonGroupProps$1;
505
504
  * </ButtonGroup>
506
505
  * ```
507
506
  */
508
- declare const ButtonGroup: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", ButtonGroupProps$1>;
507
+ declare const ButtonGroup: _chakra_ui_react.ComponentWithAs<"div", ButtonGroupProps$1>;
509
508
 
510
509
  type IconButtonProps = Omit<IconButtonProps$1, "variant"> & {
511
510
  /** The button variant.
@@ -549,7 +548,7 @@ type IconButtonProps = Omit<IconButtonProps$1, "variant"> & {
549
548
  * />
550
549
  * ```
551
550
  */
552
- declare const IconButton: _chakra_ui_system_dist_system_types.ComponentWithAs<As, IconButtonProps>;
551
+ declare const IconButton: _chakra_ui_react.ComponentWithAs<As, IconButtonProps>;
553
552
 
554
553
  type CloseButtonProps = Omit<IconButtonProps, "variant" | "aria-label"> & {
555
554
  /** Defaults to a localized version of "close" */
@@ -564,7 +563,7 @@ type CloseButtonProps = Omit<IconButtonProps, "variant" | "aria-label"> & {
564
563
  * <CloseButton onClick={closeModal} />
565
564
  * ```
566
565
  */
567
- declare const CloseButton: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", CloseButtonProps>;
566
+ declare const CloseButton: _chakra_ui_react.ComponentWithAs<"button", CloseButtonProps>;
568
567
 
569
568
  type FloatingActionButtonProps = BoxProps & {
570
569
  variant?: "accent" | "base" | "brand";
@@ -585,7 +584,7 @@ type FloatingActionButtonProps = BoxProps & {
585
584
  * placement="bottom right"
586
585
  * />
587
586
  */
588
- declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button", {}>, FloatingActionButtonProps>;
587
+ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "button">, FloatingActionButtonProps>;
589
588
 
590
589
  /**
591
590
  * A date picker component.
@@ -598,10 +597,10 @@ declare const FloatingActionButton: ComponentWithAs<ComponentWithAs<"a" | "butto
598
597
  */
599
598
  declare const DatePicker: React.ForwardRefExoticComponent<Omit<AriaDatePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "width" | "minHeight"> & {
600
599
  variant: ResponsiveValue<"base" | "floating" | "ghost">;
601
- name?: string | undefined;
602
- showYearNavigation?: boolean | undefined;
603
- withPortal?: boolean | undefined;
604
- onChange?: ((value: DateValue | null) => void) | undefined;
600
+ name?: string;
601
+ showYearNavigation?: boolean;
602
+ withPortal?: boolean;
603
+ onChange?: (value: DateValue | null) => void;
605
604
  } & React.RefAttributes<HTMLDivElement>>;
606
605
 
607
606
  type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange"> & Pick<BoxProps, "minHeight"> & {
@@ -834,7 +833,7 @@ type CardSelectProps = BoxProps & {
834
833
  * @see https://spor.vy.no/components/card-select
835
834
  *
836
835
  */
837
- declare const CardSelect: _chakra_ui_system_dist_system_types.ComponentWithAs<"button", CardSelectProps>;
836
+ declare const CardSelect: _chakra_ui_react.ComponentWithAs<"button", CardSelectProps>;
838
837
 
839
838
  type CheckboxProps = CheckboxProps$1;
840
839
  /**
@@ -850,7 +849,7 @@ type CheckboxProps = CheckboxProps$1;
850
849
  *
851
850
  * You can group several of these together with a `CheckboxGroup`.
852
851
  */
853
- declare const Checkbox: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", CheckboxProps$1>;
852
+ declare const Checkbox: _chakra_ui_react.ComponentWithAs<"input", CheckboxProps$1>;
854
853
 
855
854
  type CheckboxGroupProps = Exclude<CheckboxGroupProps$1, "colorScheme" | "size" | "variant"> & {
856
855
  direction?: StackDirection;
@@ -923,7 +922,7 @@ type ChoiceChipProps = {
923
922
  * </Stack>
924
923
  * ```
925
924
  */
926
- declare const ChoiceChip: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, ChoiceChipProps>;
925
+ declare const ChoiceChip: _chakra_ui_react.ComponentWithAs<React.ElementType, ChoiceChipProps>;
927
926
 
928
927
  type OverridableInputProps = Pick<InputProps, "marginTop" | "marginBottom" | "marginRight" | "marginLeft" | "marginY" | "marginX" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingY" | "paddingX" | "leftIcon" | "rightIcon" | "borderTopRightRadius" | "borderTopLeftRadius" | "borderBottomRightRadius" | "borderBottomLeftRadius" | "onFocus">;
929
928
  type ComboboxProps<T> = AriaComboBoxProps<T> & {
@@ -965,7 +964,7 @@ type ComboboxProps<T> = AriaComboBoxProps<T> & {
965
964
  declare function Combobox<T extends object>({ label, isLoading, leftIcon, rightIcon, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius, marginBottom, marginTop, marginX, marginY, marginRight, marginLeft, paddingBottom, paddingRight, paddingTop, paddingLeft, paddingX, paddingY, emptyContent, inputRef: externalInputRef, allowsEmptyCollection, variant, ...rest }: ComboboxProps<T>): React.JSX.Element;
966
965
 
967
966
  type FormControlProps = FormControlProps$1;
968
- declare const FormControl: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", FormControlProps$1>;
967
+ declare const FormControl: _chakra_ui_react.ComponentWithAs<"div", FormControlProps$1>;
969
968
 
970
969
  type FormErrorMessageProps = BoxProps & {
971
970
  /**
@@ -1001,7 +1000,7 @@ type FormErrorMessageProps = BoxProps & {
1001
1000
  declare const FormErrorMessage: ({ children, ...boxProps }: FormErrorMessageProps) => React.JSX.Element | null;
1002
1001
 
1003
1002
  type FormLabelProps = FormLabelProps$1;
1004
- declare const FormLabel: _chakra_ui_system_dist_system_types.ComponentWithAs<"label", FormLabelProps$1>;
1003
+ declare const FormLabel: _chakra_ui_react.ComponentWithAs<"label", FormLabelProps$1>;
1005
1004
 
1006
1005
  type InfoSelectProps<T extends object> = {
1007
1006
  /**
@@ -1168,7 +1167,7 @@ type InputProps = Omit<InputProps$1, "size"> & {
1168
1167
  * <Input label="E-mail" leftIcon={<EmailOutline24Icon />} variant="floating" />
1169
1168
  * ```
1170
1169
  */
1171
- declare const Input: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;
1170
+ declare const Input: _chakra_ui_react.ComponentWithAs<"input", InputProps>;
1172
1171
 
1173
1172
  type InputElementProps = InputElementProps$1;
1174
1173
  /**
@@ -1185,7 +1184,7 @@ type InputElementProps = InputElementProps$1;
1185
1184
  * </FormControl>
1186
1185
  * ```
1187
1186
  */
1188
- declare const InputLeftElement: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", InputElementProps$1>;
1187
+ declare const InputLeftElement: _chakra_ui_react.ComponentWithAs<"div", InputElementProps$1>;
1189
1188
  /**
1190
1189
  * Places an element inside the right side of an input field.
1191
1190
  *
@@ -1200,7 +1199,7 @@ declare const InputLeftElement: _chakra_ui_system_dist_system_types.ComponentWit
1200
1199
  * </FormControl>
1201
1200
  * ```
1202
1201
  */
1203
- declare const InputRightElement: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", InputElementProps$1>;
1202
+ declare const InputRightElement: _chakra_ui_react.ComponentWithAs<"div", InputElementProps$1>;
1204
1203
 
1205
1204
  type ListBoxProps<T> = AriaListBoxProps<T> & Omit<BoxProps, "filter" | "autoFocus" | "children"> & {
1206
1205
  /** External reference to the ListBox itself */
@@ -1283,7 +1282,7 @@ type NativeSelectProps = Exclude<SelectProps, "colorScheme" | "variant" | "size"
1283
1282
  * </NativeSelect>
1284
1283
  * ```
1285
1284
  */
1286
- declare const NativeSelect: _chakra_ui_system_dist_system_types.ComponentWithAs<"select", NativeSelectProps>;
1285
+ declare const NativeSelect: _chakra_ui_react.ComponentWithAs<"select", NativeSelectProps>;
1287
1286
 
1288
1287
  type NumericStepperProps = {
1289
1288
  /** The name of the input field */
@@ -1339,7 +1338,7 @@ type NumericStepperProps = {
1339
1338
  declare function NumericStepper({ name: nameProp, id: idProp, value: valueProp, defaultValue, onChange: onChangeProp, minValue, maxValue, isDisabled, withInput, stepSize, showZero, ariaLabelContext, ...boxProps }: NumericStepperProps): React.JSX.Element;
1340
1339
 
1341
1340
  type PasswordInputProps = InputProps;
1342
- declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", InputProps>;
1341
+ declare const PasswordInput: _chakra_ui_react.ComponentWithAs<"input", InputProps>;
1343
1342
 
1344
1343
  type CountryCodeAndPhoneNumber = {
1345
1344
  countryCode: string;
@@ -1377,7 +1376,7 @@ type PhoneNumberInputProps = Omit<BoxProps, "onChange"> & {
1377
1376
  * />
1378
1377
  * ```
1379
1378
  */
1380
- declare const PhoneNumberInput: _chakra_ui_system_dist_system_types.ComponentWithAs<As, PhoneNumberInputProps>;
1379
+ declare const PhoneNumberInput: _chakra_ui_react.ComponentWithAs<As, PhoneNumberInputProps>;
1381
1380
 
1382
1381
  type RadioProps = Exclude<RadioProps$1, "colorScheme" | "size" | "variant">;
1383
1382
  /**
@@ -1398,7 +1397,7 @@ type RadioProps = Exclude<RadioProps$1, "colorScheme" | "size" | "variant">;
1398
1397
  * <Radio value="first-class">First Class</Radio>
1399
1398
  * </RadioGroup>
1400
1399
  */
1401
- declare const Radio: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", RadioProps$1>;
1400
+ declare const Radio: _chakra_ui_react.ComponentWithAs<"input", RadioProps$1>;
1402
1401
 
1403
1402
  type RadioGroupProps = Exclude<RadioGroupProps$1, "colorScheme" | "size" | "variant"> & {
1404
1403
  direction?: StackDirection;
@@ -1426,7 +1425,7 @@ type RadioGroupProps = Exclude<RadioGroupProps$1, "colorScheme" | "size" | "vari
1426
1425
  * </RadioGroup>
1427
1426
  * ```
1428
1427
  */
1429
- declare const RadioGroup: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", RadioGroupProps>;
1428
+ declare const RadioGroup: _chakra_ui_react.ComponentWithAs<"div", RadioGroupProps>;
1430
1429
 
1431
1430
  type SearchInputProps = Exclude<InputProps$1, "variant" | "size" | "leftIcon" | "rightIcon"> & {
1432
1431
  /** Optional label. Defaults to the localized version of "search" */
@@ -1438,11 +1437,10 @@ type SearchInputProps = Exclude<InputProps$1, "variant" | "size" | "leftIcon" |
1438
1437
  *
1439
1438
  * Includes a search icon, a localized label and a reset button.
1440
1439
  */
1441
- declare const SearchInput: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SearchInputProps>;
1440
+ declare const SearchInput: _chakra_ui_react.ComponentWithAs<"input", SearchInputProps>;
1442
1441
 
1443
1442
  type SwitchProps = Omit<SwitchProps$1, "colorScheme" | "variant"> & {
1444
1443
  size?: "sm" | "md" | "lg";
1445
- as?: As;
1446
1444
  };
1447
1445
  /**
1448
1446
  * A switch lets you toggle between on and off, yes and no. It's an alternative to a checkbox.
@@ -1465,7 +1463,7 @@ type SwitchProps = Omit<SwitchProps$1, "colorScheme" | "variant"> & {
1465
1463
  * </FormControl>
1466
1464
  * ```
1467
1465
  */
1468
- declare const Switch: _chakra_ui_system_dist_system_types.ComponentWithAs<"input", SwitchProps>;
1466
+ declare const Switch: _chakra_ui_react.ComponentWithAs<"input", SwitchProps>;
1469
1467
 
1470
1468
  type TextareaProps = Exclude<TextareaProps$1, "size"> & {
1471
1469
  label?: string;
@@ -1481,7 +1479,7 @@ type TextareaProps = Exclude<TextareaProps$1, "size"> & {
1481
1479
  * </FormControl>
1482
1480
  * ```
1483
1481
  */
1484
- declare const Textarea: _chakra_ui_system_dist_system_types.ComponentWithAs<"textarea", TextareaProps>;
1482
+ declare const Textarea: _chakra_ui_react.ComponentWithAs<"textarea", TextareaProps>;
1485
1483
 
1486
1484
  type Variant = "local-train" | "region-train" | "region-express-train" | "long-distance-train" | "airport-express-train" | "vy-bus" | "local-bus" | "ferry" | "subway" | "tram" | "alt-transport" | "walk";
1487
1485
  type Size = "sm" | "md" | "lg";
@@ -1650,7 +1648,7 @@ type TravelTagProps = TagProps & BoxProps & {
1650
1648
  *
1651
1649
  * @see https://spor.vy.no/components/line-tags
1652
1650
  */
1653
- declare const TravelTag: _chakra_ui_system_dist_system_types.ComponentWithAs<As, TravelTagProps>;
1651
+ declare const TravelTag: _chakra_ui_react.ComponentWithAs<As, TravelTagProps>;
1654
1652
 
1655
1653
  type LinkProps = Omit<LinkProps$1, "variant"> & {
1656
1654
  variant?: "primary" | "secondary";
@@ -1659,7 +1657,7 @@ type LinkProps = Omit<LinkProps$1, "variant"> & {
1659
1657
  *
1660
1658
  * You can specify the `variant` prop to get different link designs.
1661
1659
  */
1662
- declare const TextLink: _chakra_ui_system_dist_system_types.ComponentWithAs<"a", LinkProps>;
1660
+ declare const TextLink: _chakra_ui_react.ComponentWithAs<"a", LinkProps>;
1663
1661
 
1664
1662
  type ColorInlineLoaderProps = Exclude<BoxProps, "children">;
1665
1663
  /**
@@ -1865,7 +1863,7 @@ type SkeletonProps = BoxProps & {
1865
1863
  /**
1866
1864
  * Skeleton renders a loading animation for a given box. It works great as a placeholder to avoid layout shifts.
1867
1865
  */
1868
- declare const Skeleton: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", SkeletonProps>;
1866
+ declare const Skeleton: _chakra_ui_react.ComponentWithAs<"div", SkeletonProps>;
1869
1867
 
1870
1868
  type SkeletonCircleProps = BoxProps;
1871
1869
  /**
@@ -1977,11 +1975,11 @@ type ModalHeaderProps = ModalHeaderProps$1 & {
1977
1975
  *
1978
1976
  * You can specify the size with either `size="sm"` or `size="lg"`.
1979
1977
  */
1980
- declare const ModalHeader: _chakra_ui_system_dist_system_types.ComponentWithAs<"header", ModalHeaderProps>;
1978
+ declare const ModalHeader: _chakra_ui_react.ComponentWithAs<"header", ModalHeaderProps>;
1981
1979
 
1982
1980
  type DrawerProps = DrawerProps$1;
1983
1981
  declare const Drawer: (props: DrawerProps) => React.JSX.Element;
1984
- declare const DrawerContent: _chakra_ui_system_dist_system_types.ComponentWithAs<any, DrawerContentProps>;
1982
+ declare const DrawerContent: _chakra_ui_react.ComponentWithAs<any, DrawerContentProps>;
1985
1983
 
1986
1984
  type DrawerBodyProps = {
1987
1985
  id?: string;
@@ -2287,7 +2285,7 @@ type TabsProps = Exclude<TabsProps$1, "colorScheme" | "variant" | "orientation"
2287
2285
  /** Defaults to `sm` */
2288
2286
  size?: "xs" | "sm" | "md" | "lg";
2289
2287
  };
2290
- declare const Tabs: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", TabsProps>;
2288
+ declare const Tabs: _chakra_ui_react.ComponentWithAs<"div", TabsProps>;
2291
2289
 
2292
2290
  type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
2293
2291
  variant?: "simple" | "outline";
@@ -2311,7 +2309,7 @@ type TableProps = Omit<TableProps$1, "variant" | "colorScheme"> & {
2311
2309
  * </Table>
2312
2310
  * ```
2313
2311
  */
2314
- declare const Table: _chakra_ui_system_dist_system_types.ComponentWithAs<"table", TableProps>;
2312
+ declare const Table: _chakra_ui_react.ComponentWithAs<"table", TableProps>;
2315
2313
 
2316
2314
  type ColorsType = typeof tokens__default.color.alias & typeof tokens__default.color.palette & typeof tokens__default.color.vyDigital & {
2317
2315
  linjetag: typeof tokens__default.color.linjetag;
@@ -2785,10 +2783,10 @@ declare const theme: {
2785
2783
  parts: ("container" | "outerBox" | "serviceMessageContent" | "notificationText")[];
2786
2784
  };
2787
2785
  Badge: {
2788
- baseStyle?: (({ colorScheme }: _chakra_ui_styled_system.StyleFunctionProps) => {
2786
+ baseStyle?: (({ colorScheme }: _chakra_ui_react.StyleFunctionProps) => {
2789
2787
  backgroundColor: string;
2790
2788
  color: string;
2791
- borderColor?: string | undefined;
2789
+ borderColor?: string;
2792
2790
  borderStyle: string;
2793
2791
  display: string;
2794
2792
  alignItems: string;
@@ -2801,7 +2799,7 @@ declare const theme: {
2801
2799
  minHeight: number[];
2802
2800
  }) | undefined;
2803
2801
  sizes?: {
2804
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
2802
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
2805
2803
  } | undefined;
2806
2804
  variants?: {
2807
2805
  solid: {
@@ -2888,7 +2886,7 @@ declare const theme: {
2888
2886
  parts: ("link" | "container" | "separator" | "item")[];
2889
2887
  };
2890
2888
  Button: {
2891
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
2889
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
2892
2890
  _disabled: {
2893
2891
  color: string;
2894
2892
  backgroundColor: string;
@@ -2941,7 +2939,7 @@ declare const theme: {
2941
2939
  };
2942
2940
  } | undefined;
2943
2941
  variants?: {
2944
- primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2942
+ primary: (props: _chakra_ui_react.StyleFunctionProps) => {
2945
2943
  _hover: {
2946
2944
  backgroundColor: string;
2947
2945
  };
@@ -2951,7 +2949,7 @@ declare const theme: {
2951
2949
  color: string;
2952
2950
  backgroundColor: string;
2953
2951
  };
2954
- secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2952
+ secondary: (props: _chakra_ui_react.StyleFunctionProps) => {
2955
2953
  _hover: {
2956
2954
  backgroundColor: string;
2957
2955
  };
@@ -2961,7 +2959,7 @@ declare const theme: {
2961
2959
  color: string;
2962
2960
  backgroundColor: string;
2963
2961
  };
2964
- tertiary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
2962
+ tertiary: (props: _chakra_ui_react.StyleFunctionProps) => {
2965
2963
  _hover: {
2966
2964
  outlineWidth: string;
2967
2965
  outlineColor: string;
@@ -3014,7 +3012,7 @@ declare const theme: {
3014
3012
  color: string;
3015
3013
  backgroundColor: string;
3016
3014
  };
3017
- ghost: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3015
+ ghost: (props: _chakra_ui_react.StyleFunctionProps) => {
3018
3016
  _hover: {
3019
3017
  _disabled: {
3020
3018
  color: string;
@@ -3027,7 +3025,7 @@ declare const theme: {
3027
3025
  color: string;
3028
3026
  backgroundColor: string;
3029
3027
  };
3030
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3028
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
3031
3029
  boxShadow: string;
3032
3030
  _hover: {
3033
3031
  boxShadow: string;
@@ -3207,7 +3205,7 @@ declare const theme: {
3207
3205
  parts: ("trigger" | "card")[];
3208
3206
  };
3209
3207
  Checkbox: {
3210
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3208
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3211
3209
  container: {
3212
3210
  _hover: {
3213
3211
  "input:enabled:not([aria-invalid]) + .chakra-checkbox__control": {
@@ -3280,12 +3278,12 @@ declare const theme: {
3280
3278
  };
3281
3279
  }) | undefined;
3282
3280
  sizes?: {
3283
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3281
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
3284
3282
  keys: ("label" | "container" | "icon" | "control")[];
3285
3283
  }>;
3286
3284
  } | undefined;
3287
3285
  variants?: {
3288
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3286
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
3289
3287
  keys: ("label" | "container" | "icon" | "control")[];
3290
3288
  }>;
3291
3289
  } | undefined;
@@ -3297,7 +3295,7 @@ declare const theme: {
3297
3295
  parts: ("label" | "container" | "icon" | "control")[];
3298
3296
  };
3299
3297
  ChoiceChip: {
3300
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3298
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3301
3299
  container: {
3302
3300
  display: string;
3303
3301
  alignItems: string;
@@ -3392,7 +3390,7 @@ declare const theme: {
3392
3390
  };
3393
3391
  } | undefined;
3394
3392
  variants?: {
3395
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3393
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
3396
3394
  container: {
3397
3395
  _hover: {
3398
3396
  outlineWidth: string;
@@ -3449,7 +3447,7 @@ declare const theme: {
3449
3447
  outlineColor: string;
3450
3448
  };
3451
3449
  };
3452
- accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3450
+ accent: (props: _chakra_ui_react.StyleFunctionProps) => {
3453
3451
  container: {
3454
3452
  _hover: {
3455
3453
  color: string;
@@ -3467,7 +3465,7 @@ declare const theme: {
3467
3465
  color: string;
3468
3466
  };
3469
3467
  };
3470
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3468
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
3471
3469
  container: {
3472
3470
  boxShadow: string;
3473
3471
  _hover: {
@@ -3498,7 +3496,7 @@ declare const theme: {
3498
3496
  parts: ("label" | "container" | "icon")[];
3499
3497
  };
3500
3498
  CloseButton: {
3501
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3499
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3502
3500
  _hover: {
3503
3501
  _disabled: {
3504
3502
  color: string;
@@ -3538,7 +3536,7 @@ declare const theme: {
3538
3536
  };
3539
3537
  } | undefined;
3540
3538
  variants?: {
3541
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
3539
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
3542
3540
  } | undefined;
3543
3541
  defaultProps?: {
3544
3542
  size?: "sm" | "md" | "lg" | undefined;
@@ -3571,7 +3569,7 @@ declare const theme: {
3571
3569
  } | undefined;
3572
3570
  };
3573
3571
  Datepicker: {
3574
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3572
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3575
3573
  wrapper: {
3576
3574
  transitionProperty: string;
3577
3575
  transitionDuration: string;
@@ -3732,12 +3730,12 @@ declare const theme: {
3732
3730
  };
3733
3731
  }) | undefined;
3734
3732
  sizes?: {
3735
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3733
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
3736
3734
  keys: ("cell" | "dateCell" | "weekdays" | "weekend" | "calendar" | "calendarTriggerButton" | "dateTimeSegment" | "inputLabel" | "wrapper" | "calendarPopover" | "arrow")[];
3737
3735
  }>;
3738
3736
  } | undefined;
3739
3737
  variants?: {
3740
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3738
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
3741
3739
  wrapper: {
3742
3740
  _hover: {
3743
3741
  outlineWidth: string;
@@ -3786,7 +3784,7 @@ declare const theme: {
3786
3784
  outlineColor: string;
3787
3785
  };
3788
3786
  };
3789
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3787
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
3790
3788
  wrapper: {
3791
3789
  boxShadow: string;
3792
3790
  _hover: {
@@ -3807,7 +3805,7 @@ declare const theme: {
3807
3805
  backgroundColor: string;
3808
3806
  };
3809
3807
  };
3810
- ghost: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
3808
+ ghost: (props: _chakra_ui_react.StyleFunctionProps) => {
3811
3809
  wrapper: {
3812
3810
  _hover: {
3813
3811
  outlineWidth: string;
@@ -3863,7 +3861,7 @@ declare const theme: {
3863
3861
  } | undefined;
3864
3862
  };
3865
3863
  Drawer: {
3866
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3864
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3867
3865
  overlay: {
3868
3866
  backgroundColor: string;
3869
3867
  zIndex: string;
@@ -3921,19 +3919,19 @@ declare const theme: {
3921
3919
  full: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer", _chakra_ui_styled_system.SystemStyleObject>>;
3922
3920
  } | undefined;
3923
3921
  variants?: {
3924
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
3922
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
3925
3923
  keys: ("body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer")[];
3926
3924
  }>;
3927
3925
  } | undefined;
3928
3926
  defaultProps?: {
3929
- size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
3927
+ size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
3930
3928
  variant?: string | number | undefined;
3931
3929
  colorScheme?: string | undefined;
3932
3930
  } | undefined;
3933
3931
  parts: ("body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer")[];
3934
3932
  };
3935
3933
  FloatingActionButton: {
3936
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
3934
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
3937
3935
  container: {
3938
3936
  _disabled: {
3939
3937
  pointerEvents: string;
@@ -4093,12 +4091,12 @@ declare const theme: {
4093
4091
  };
4094
4092
  }) | undefined;
4095
4093
  sizes?: {
4096
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4094
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
4097
4095
  keys: ("text" | "container" | "icon")[];
4098
4096
  }>;
4099
4097
  } | undefined;
4100
4098
  variants?: {
4101
- brand: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4099
+ brand: (props: _chakra_ui_react.StyleFunctionProps) => {
4102
4100
  container: {
4103
4101
  _hover: {
4104
4102
  backgroundColor: string;
@@ -4110,7 +4108,7 @@ declare const theme: {
4110
4108
  backgroundColor: string;
4111
4109
  };
4112
4110
  };
4113
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4111
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
4114
4112
  container: {
4115
4113
  _hover: {
4116
4114
  outlineWidth: string;
@@ -4169,7 +4167,7 @@ declare const theme: {
4169
4167
  backgroundColor: string;
4170
4168
  };
4171
4169
  };
4172
- accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4170
+ accent: (props: _chakra_ui_react.StyleFunctionProps) => {
4173
4171
  container: {
4174
4172
  _hover: {
4175
4173
  color: string;
@@ -4191,7 +4189,7 @@ declare const theme: {
4191
4189
  parts: ("text" | "container" | "icon")[];
4192
4190
  };
4193
4191
  Form: {
4194
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
4192
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
4195
4193
  container: {
4196
4194
  width: string;
4197
4195
  position: string;
@@ -4210,12 +4208,12 @@ declare const theme: {
4210
4208
  };
4211
4209
  }) | undefined;
4212
4210
  sizes?: {
4213
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4211
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
4214
4212
  keys: ("container" | "requiredIndicator" | "helperText")[];
4215
4213
  }>;
4216
4214
  } | undefined;
4217
4215
  variants?: {
4218
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4216
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
4219
4217
  keys: ("container" | "requiredIndicator" | "helperText")[];
4220
4218
  }>;
4221
4219
  } | undefined;
@@ -4239,10 +4237,10 @@ declare const theme: {
4239
4237
  };
4240
4238
  } | undefined;
4241
4239
  sizes?: {
4242
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
4240
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
4243
4241
  } | undefined;
4244
4242
  variants?: {
4245
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
4243
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
4246
4244
  } | undefined;
4247
4245
  defaultProps?: {
4248
4246
  size?: string | number | undefined;
@@ -4251,7 +4249,7 @@ declare const theme: {
4251
4249
  } | undefined;
4252
4250
  };
4253
4251
  InfoSelect: {
4254
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
4252
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
4255
4253
  container: {};
4256
4254
  label: {
4257
4255
  border?: string | undefined;
@@ -4372,13 +4370,13 @@ declare const theme: {
4372
4370
  arrowIcon: {};
4373
4371
  }) | undefined;
4374
4372
  sizes?: {
4375
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4373
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
4376
4374
  keys: ("button" | "label" | "container" | "arrowIcon")[];
4377
4375
  }>;
4378
4376
  } | undefined;
4379
4377
  variants?: {
4380
4378
  base: () => {};
4381
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4379
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
4382
4380
  button: {
4383
4381
  _hover: {
4384
4382
  backgroundColor: string;
@@ -4404,7 +4402,7 @@ declare const theme: {
4404
4402
  parts: ("button" | "label" | "container" | "arrowIcon")[];
4405
4403
  };
4406
4404
  InfoTag: {
4407
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
4405
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
4408
4406
  iconContainer: {
4409
4407
  padding: number;
4410
4408
  "[aria-disabled=true] &": {
@@ -4527,7 +4525,7 @@ declare const theme: {
4527
4525
  };
4528
4526
  } | undefined;
4529
4527
  variants?: {
4530
- walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4528
+ walk: (props: _chakra_ui_react.StyleFunctionProps) => {
4531
4529
  iconContainer: {
4532
4530
  backgroundColor: string;
4533
4531
  boxShadow: string;
@@ -4542,7 +4540,7 @@ declare const theme: {
4542
4540
  parts: ("title" | "container" | "icon" | "description" | "iconContainer" | "textContainer")[];
4543
4541
  };
4544
4542
  Input: {
4545
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
4543
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
4546
4544
  field: {
4547
4545
  appearance: string;
4548
4546
  width: string;
@@ -4629,12 +4627,12 @@ declare const theme: {
4629
4627
  };
4630
4628
  }) | undefined;
4631
4629
  sizes?: {
4632
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
4630
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
4633
4631
  keys: ("group" | "element" | "addon" | "field")[];
4634
4632
  }>;
4635
4633
  } | undefined;
4636
4634
  variants?: {
4637
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4635
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
4638
4636
  field: {
4639
4637
  _hover: {
4640
4638
  outlineWidth: string;
@@ -4729,7 +4727,7 @@ declare const theme: {
4729
4727
  boxShadow: string;
4730
4728
  };
4731
4729
  };
4732
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4730
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
4733
4731
  field: {
4734
4732
  _hover: {
4735
4733
  outlineWidth: string;
@@ -4928,7 +4926,7 @@ declare const theme: {
4928
4926
  };
4929
4927
  };
4930
4928
  };
4931
- walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4929
+ walk: (props: _chakra_ui_react.StyleFunctionProps) => {
4932
4930
  iconContainer: {
4933
4931
  backgroundColor: string;
4934
4932
  borderWidth: number;
@@ -4942,7 +4940,7 @@ declare const theme: {
4942
4940
  };
4943
4941
  };
4944
4942
  };
4945
- custom: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4943
+ custom: (props: _chakra_ui_react.StyleFunctionProps) => {
4946
4944
  iconContainer: {
4947
4945
  backgroundColor: any;
4948
4946
  };
@@ -4956,7 +4954,7 @@ declare const theme: {
4956
4954
  parts: ("icon" | "iconContainer")[];
4957
4955
  };
4958
4956
  Link: {
4959
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
4957
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
4960
4958
  svg: {
4961
4959
  display: string;
4962
4960
  width: string;
@@ -4992,10 +4990,10 @@ declare const theme: {
4992
4990
  };
4993
4991
  }) | undefined;
4994
4992
  sizes?: {
4995
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
4993
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
4996
4994
  } | undefined;
4997
4995
  variants?: {
4998
- primary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
4996
+ primary: (props: _chakra_ui_react.StyleFunctionProps) => {
4999
4997
  _hover: {
5000
4998
  backgroundColor: string;
5001
4999
  color: string;
@@ -5006,7 +5004,7 @@ declare const theme: {
5006
5004
  };
5007
5005
  color: string;
5008
5006
  };
5009
- secondary: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5007
+ secondary: (props: _chakra_ui_react.StyleFunctionProps) => {
5010
5008
  _hover: {
5011
5009
  outlineWidth: number;
5012
5010
  backgroundColor: string;
@@ -5068,7 +5066,7 @@ declare const theme: {
5068
5066
  parts: ("container" | "icon" | "item")[];
5069
5067
  };
5070
5068
  ListBox: {
5071
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5069
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5072
5070
  container: {
5073
5071
  boxShadow: string;
5074
5072
  overflowY: string;
@@ -5110,12 +5108,12 @@ declare const theme: {
5110
5108
  };
5111
5109
  }) | undefined;
5112
5110
  sizes?: {
5113
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5111
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5114
5112
  keys: ("label" | "container" | "description" | "item")[];
5115
5113
  }>;
5116
5114
  } | undefined;
5117
5115
  variants?: {
5118
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5116
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
5119
5117
  container: {
5120
5118
  outlineWidth: string;
5121
5119
  outlineColor: string;
@@ -5126,7 +5124,7 @@ declare const theme: {
5126
5124
  outlineColor: string;
5127
5125
  };
5128
5126
  };
5129
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5127
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
5130
5128
  container: {
5131
5129
  outline: string;
5132
5130
  outlineColor: string;
@@ -5141,7 +5139,7 @@ declare const theme: {
5141
5139
  parts: ("label" | "container" | "description" | "item")[];
5142
5140
  };
5143
5141
  MediaControllerButton: {
5144
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5142
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5145
5143
  container: {
5146
5144
  _focusVisible: {
5147
5145
  outlineWidth: string;
@@ -5170,14 +5168,14 @@ declare const theme: {
5170
5168
  };
5171
5169
  }) | undefined;
5172
5170
  sizes?: {
5173
- sm: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5171
+ sm: (props: _chakra_ui_react.StyleFunctionProps) => {
5174
5172
  container: {
5175
5173
  fontSize: number;
5176
5174
  width: string | undefined;
5177
5175
  height: string | undefined;
5178
5176
  };
5179
5177
  };
5180
- lg: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5178
+ lg: (props: _chakra_ui_react.StyleFunctionProps) => {
5181
5179
  container: {
5182
5180
  fontSize: number;
5183
5181
  width: string | undefined;
@@ -5186,7 +5184,7 @@ declare const theme: {
5186
5184
  };
5187
5185
  } | undefined;
5188
5186
  variants?: {
5189
- play: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5187
+ play: (props: _chakra_ui_react.StyleFunctionProps) => {
5190
5188
  container: {
5191
5189
  _hover: {
5192
5190
  backgroundColor: string;
@@ -5206,7 +5204,7 @@ declare const theme: {
5206
5204
  padding: number;
5207
5205
  };
5208
5206
  };
5209
- jumpSkip: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5207
+ jumpSkip: (props: _chakra_ui_react.StyleFunctionProps) => {
5210
5208
  container: {
5211
5209
  _hover: {
5212
5210
  backgroundColor: string;
@@ -5234,7 +5232,7 @@ declare const theme: {
5234
5232
  parts: ("container" | "icon")[];
5235
5233
  };
5236
5234
  Modal: {
5237
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5235
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5238
5236
  overlay: {
5239
5237
  backgroundColor: string;
5240
5238
  zIndex: string;
@@ -5293,19 +5291,19 @@ declare const theme: {
5293
5291
  full: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer", _chakra_ui_styled_system.SystemStyleObject>>;
5294
5292
  } | undefined;
5295
5293
  variants?: {
5296
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5294
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5297
5295
  keys: ("body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer")[];
5298
5296
  }>;
5299
5297
  } | undefined;
5300
5298
  defaultProps?: {
5301
- size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
5299
+ size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | undefined;
5302
5300
  variant?: string | number | undefined;
5303
5301
  colorScheme?: string | undefined;
5304
5302
  } | undefined;
5305
5303
  parts: ("body" | "dialog" | "footer" | "header" | "overlay" | "closeButton" | "dialogContainer")[];
5306
5304
  };
5307
5305
  NumericStepper: {
5308
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5306
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5309
5307
  container: {
5310
5308
  display: string;
5311
5309
  flexDirection: string;
@@ -5360,12 +5358,12 @@ declare const theme: {
5360
5358
  };
5361
5359
  }) | undefined;
5362
5360
  sizes?: {
5363
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5361
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5364
5362
  keys: ("button" | "input" | "text" | "container")[];
5365
5363
  }>;
5366
5364
  } | undefined;
5367
5365
  variants?: {
5368
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5366
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5369
5367
  keys: ("button" | "input" | "text" | "container")[];
5370
5368
  }>;
5371
5369
  } | undefined;
@@ -5443,12 +5441,12 @@ declare const theme: {
5443
5441
  };
5444
5442
  }) | undefined;
5445
5443
  sizes?: {
5446
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5444
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5447
5445
  keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
5448
5446
  }>;
5449
5447
  } | undefined;
5450
5448
  variants?: {
5451
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5449
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5452
5450
  keys: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
5453
5451
  }>;
5454
5452
  } | undefined;
@@ -5460,7 +5458,7 @@ declare const theme: {
5460
5458
  parts: ("link" | "icon" | "disabled" | "listItem" | "activeButton")[];
5461
5459
  };
5462
5460
  Popover: {
5463
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5461
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5464
5462
  popper: {
5465
5463
  zIndex: string;
5466
5464
  };
@@ -5513,7 +5511,7 @@ declare const theme: {
5513
5511
  };
5514
5512
  } | undefined;
5515
5513
  variants?: {
5516
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5514
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5517
5515
  keys: ("body" | "footer" | "header" | "content" | "closeButton" | "arrow" | "popper")[];
5518
5516
  }>;
5519
5517
  } | undefined;
@@ -5567,7 +5565,7 @@ declare const theme: {
5567
5565
  parts: ("progress" | "background" | "container" | "description")[];
5568
5566
  };
5569
5567
  ProgressIndicator: {
5570
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5568
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5571
5569
  root: {
5572
5570
  width: string;
5573
5571
  };
@@ -5591,12 +5589,12 @@ declare const theme: {
5591
5589
  };
5592
5590
  }) | undefined;
5593
5591
  sizes?: {
5594
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5592
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5595
5593
  keys: ("container" | "root" | "progressDot")[];
5596
5594
  }>;
5597
5595
  } | undefined;
5598
5596
  variants?: {
5599
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5597
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5600
5598
  keys: ("container" | "root" | "progressDot")[];
5601
5599
  }>;
5602
5600
  } | undefined;
@@ -5646,12 +5644,12 @@ declare const theme: {
5646
5644
  };
5647
5645
  }) | undefined;
5648
5646
  sizes?: {
5649
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5647
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5650
5648
  keys: ("container" | "checked" | "radioInput" | "focused" | "focusedChecked")[];
5651
5649
  }>;
5652
5650
  } | undefined;
5653
5651
  variants?: {
5654
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5652
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
5655
5653
  container: {
5656
5654
  _hover: {
5657
5655
  outlineWidth: string;
@@ -5756,7 +5754,7 @@ declare const theme: {
5756
5754
  outline: string;
5757
5755
  };
5758
5756
  };
5759
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
5757
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
5760
5758
  container: {
5761
5759
  boxShadow: string;
5762
5760
  _hover: {
@@ -5814,7 +5812,7 @@ declare const theme: {
5814
5812
  parts: ("container" | "checked" | "radioInput" | "focused" | "focusedChecked")[];
5815
5813
  };
5816
5814
  Radio: {
5817
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5815
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5818
5816
  container: {
5819
5817
  _hover: {
5820
5818
  "input:enabled + .chakra-radio__control": {
@@ -5890,12 +5888,12 @@ declare const theme: {
5890
5888
  };
5891
5889
  }) | undefined;
5892
5890
  sizes?: {
5893
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5891
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5894
5892
  keys: ("label" | "container" | "control")[];
5895
5893
  }>;
5896
5894
  } | undefined;
5897
5895
  variants?: {
5898
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
5896
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
5899
5897
  keys: ("label" | "container" | "control")[];
5900
5898
  }>;
5901
5899
  } | undefined;
@@ -5907,7 +5905,7 @@ declare const theme: {
5907
5905
  parts: ("label" | "container" | "control")[];
5908
5906
  };
5909
5907
  Select: {
5910
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
5908
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
5911
5909
  root: {
5912
5910
  width: string;
5913
5911
  height: string;
@@ -6014,12 +6012,12 @@ declare const theme: {
6014
6012
  };
6015
6013
  }) | undefined;
6016
6014
  sizes?: {
6017
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6015
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
6018
6016
  keys: ("icon" | "root" | "field")[];
6019
6017
  }>;
6020
6018
  } | undefined;
6021
6019
  variants?: {
6022
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6020
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
6023
6021
  field: {
6024
6022
  _hover: {
6025
6023
  outlineWidth: string;
@@ -6114,7 +6112,7 @@ declare const theme: {
6114
6112
  boxShadow: string;
6115
6113
  };
6116
6114
  };
6117
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6115
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
6118
6116
  field: {
6119
6117
  _hover: {
6120
6118
  outlineWidth: string;
@@ -6218,7 +6216,7 @@ declare const theme: {
6218
6216
  parts: ("icon" | "root" | "field")[];
6219
6217
  };
6220
6218
  Skeleton: {
6221
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6219
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
6222
6220
  [x: string]: any;
6223
6221
  opacity: number;
6224
6222
  borderRadius: string;
@@ -6227,10 +6225,10 @@ declare const theme: {
6227
6225
  animation: string;
6228
6226
  }) | undefined;
6229
6227
  sizes?: {
6230
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
6228
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
6231
6229
  } | undefined;
6232
6230
  variants?: {
6233
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
6231
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
6234
6232
  } | undefined;
6235
6233
  defaultProps?: {
6236
6234
  size?: string | number | undefined;
@@ -6280,7 +6278,7 @@ declare const theme: {
6280
6278
  };
6281
6279
  } | undefined;
6282
6280
  sizes?: {
6283
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6281
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
6284
6282
  keys: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6285
6283
  }>;
6286
6284
  } | undefined;
@@ -6290,7 +6288,7 @@ declare const theme: {
6290
6288
  backgroundColor: string;
6291
6289
  };
6292
6290
  };
6293
- accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6291
+ accent: (props: _chakra_ui_react.StyleFunctionProps) => {
6294
6292
  root: {
6295
6293
  color: string;
6296
6294
  backgroundColor: string;
@@ -6316,7 +6314,7 @@ declare const theme: {
6316
6314
  parts: ("title" | "container" | "root" | "closeButton" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle")[];
6317
6315
  };
6318
6316
  Switch: {
6319
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6317
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
6320
6318
  container: {
6321
6319
  [x: string]: string | {
6322
6320
  [x: string]: string;
@@ -6504,7 +6502,7 @@ declare const theme: {
6504
6502
  };
6505
6503
  } | undefined;
6506
6504
  variants?: {
6507
- [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
6505
+ [key: string]: _chakra_ui_react.PartsStyleInterpolation<{
6508
6506
  keys: ("label" | "track" | "container" | "thumb")[];
6509
6507
  }>;
6510
6508
  } | undefined;
@@ -6516,7 +6514,7 @@ declare const theme: {
6516
6514
  parts: ("label" | "track" | "container" | "thumb")[];
6517
6515
  };
6518
6516
  Table: {
6519
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6517
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
6520
6518
  table: {
6521
6519
  width: string;
6522
6520
  color: string;
@@ -6600,7 +6598,7 @@ declare const theme: {
6600
6598
  };
6601
6599
  } | undefined;
6602
6600
  variants?: {
6603
- simple: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6601
+ simple: (props: _chakra_ui_react.StyleFunctionProps) => {
6604
6602
  th: {
6605
6603
  "&[data-is-numeric=true]": {
6606
6604
  textAlign: string;
@@ -6616,7 +6614,7 @@ declare const theme: {
6616
6614
  borderColor: string;
6617
6615
  };
6618
6616
  };
6619
- outline: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6617
+ outline: (props: _chakra_ui_react.StyleFunctionProps) => {
6620
6618
  tbody: {
6621
6619
  tr: {
6622
6620
  transitionDuration: string;
@@ -6668,13 +6666,13 @@ declare const theme: {
6668
6666
  } | undefined;
6669
6667
  defaultProps?: {
6670
6668
  size?: "sm" | "md" | "lg" | undefined;
6671
- variant?: "outline" | "simple" | "unstyled" | undefined;
6669
+ variant?: "outline" | "unstyled" | "simple" | undefined;
6672
6670
  colorScheme?: string | undefined;
6673
6671
  } | undefined;
6674
6672
  parts: ("caption" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
6675
6673
  };
6676
6674
  Tabs: {
6677
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6675
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
6678
6676
  root: {
6679
6677
  display: string;
6680
6678
  flexDirection: string;
@@ -6763,7 +6761,7 @@ declare const theme: {
6763
6761
  };
6764
6762
  } | undefined;
6765
6763
  variants?: {
6766
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6764
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
6767
6765
  tablist: {
6768
6766
  outlineWidth: string;
6769
6767
  outlineColor: string;
@@ -6794,7 +6792,7 @@ declare const theme: {
6794
6792
  color: string;
6795
6793
  };
6796
6794
  };
6797
- accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6795
+ accent: (props: _chakra_ui_react.StyleFunctionProps) => {
6798
6796
  tablist: {
6799
6797
  color: string;
6800
6798
  backgroundColor: string;
@@ -6818,7 +6816,7 @@ declare const theme: {
6818
6816
  parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
6819
6817
  };
6820
6818
  Textarea: {
6821
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6819
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
6822
6820
  minHeight: string;
6823
6821
  verticalAlign: string;
6824
6822
  appearance: string;
@@ -6900,10 +6898,10 @@ declare const theme: {
6900
6898
  };
6901
6899
  }) | undefined;
6902
6900
  sizes?: {
6903
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
6901
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
6904
6902
  } | undefined;
6905
6903
  variants?: {
6906
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6904
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
6907
6905
  _hover: {
6908
6906
  outlineWidth: string;
6909
6907
  outlineColor: string;
@@ -6996,7 +6994,7 @@ declare const theme: {
6996
6994
  backgroundColor: string;
6997
6995
  boxShadow: string;
6998
6996
  };
6999
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
6997
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
7000
6998
  _hover: {
7001
6999
  outlineWidth: string;
7002
7000
  outlineColor: string;
@@ -7109,7 +7107,7 @@ declare const theme: {
7109
7107
  borderRadius: string;
7110
7108
  } | undefined;
7111
7109
  sizes?: {
7112
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
7110
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
7113
7111
  } | undefined;
7114
7112
  variants?: {
7115
7113
  success: {
@@ -7161,10 +7159,10 @@ declare const theme: {
7161
7159
  color: string;
7162
7160
  }) | undefined;
7163
7161
  sizes?: {
7164
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
7162
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
7165
7163
  } | undefined;
7166
7164
  variants?: {
7167
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
7165
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
7168
7166
  } | undefined;
7169
7167
  defaultProps?: {
7170
7168
  size?: string | number | undefined;
@@ -7173,7 +7171,7 @@ declare const theme: {
7173
7171
  } | undefined;
7174
7172
  };
7175
7173
  PressableCard: {
7176
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
7174
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
7177
7175
  appearance: string;
7178
7176
  border: string;
7179
7177
  overflow: string;
@@ -7209,10 +7207,10 @@ declare const theme: {
7209
7207
  };
7210
7208
  }) | undefined;
7211
7209
  sizes?: {
7212
- [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
7210
+ [key: string]: _chakra_ui_react.SystemStyleInterpolation;
7213
7211
  } | undefined;
7214
7212
  variants?: {
7215
- base: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7213
+ base: (props: _chakra_ui_react.StyleFunctionProps) => {
7216
7214
  _hover: {
7217
7215
  outlineWidth: string;
7218
7216
  outlineColor: string;
@@ -7263,7 +7261,7 @@ declare const theme: {
7263
7261
  outlineColor: string;
7264
7262
  cursor: string;
7265
7263
  };
7266
- accent: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7264
+ accent: (props: _chakra_ui_react.StyleFunctionProps) => {
7267
7265
  boxShadow: string;
7268
7266
  _hover: {
7269
7267
  boxShadow: string;
@@ -7276,7 +7274,7 @@ declare const theme: {
7276
7274
  backgroundColor: string;
7277
7275
  color: string;
7278
7276
  };
7279
- floating: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7277
+ floating: (props: _chakra_ui_react.StyleFunctionProps) => {
7280
7278
  boxShadow: string;
7281
7279
  _hover: {
7282
7280
  boxShadow: string;
@@ -7302,7 +7300,7 @@ declare const theme: {
7302
7300
  } | undefined;
7303
7301
  };
7304
7302
  TravelTag: {
7305
- baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
7303
+ baseStyle?: ((props: _chakra_ui_react.StyleFunctionProps) => {
7306
7304
  container: {
7307
7305
  transitionDuration: string;
7308
7306
  transitionProperty: string;
@@ -7485,7 +7483,7 @@ declare const theme: {
7485
7483
  backgroundColor: string;
7486
7484
  };
7487
7485
  };
7488
- walk: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7486
+ walk: (props: _chakra_ui_react.StyleFunctionProps) => {
7489
7487
  container: {
7490
7488
  backgroundColor: string;
7491
7489
  _disabled: {
@@ -7519,7 +7517,7 @@ declare const theme: {
7519
7517
  display: string;
7520
7518
  };
7521
7519
  };
7522
- custom: (props: _chakra_ui_styled_system.StyleFunctionProps) => {
7520
+ custom: (props: _chakra_ui_react.StyleFunctionProps) => {
7523
7521
  container: {
7524
7522
  backgroundColor: any;
7525
7523
  };
@@ -7584,160 +7582,160 @@ declare const theme: {
7584
7582
  sizes?: {
7585
7583
  "2xs": {
7586
7584
  container: {
7587
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | {
7585
+ [x: string]: string | 1 | {
7588
7586
  sm: string;
7589
7587
  md: string;
7590
7588
  lg: string;
7591
7589
  xl: string;
7592
- } | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96;
7590
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7593
7591
  };
7594
7592
  excessLabel: {
7595
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7593
+ [x: string]: string | 1 | {
7596
7594
  sm: string;
7597
7595
  md: string;
7598
7596
  lg: string;
7599
7597
  xl: string;
7600
- };
7598
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7601
7599
  };
7602
7600
  };
7603
7601
  xs: {
7604
7602
  container: {
7605
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7603
+ [x: string]: string | 1 | {
7606
7604
  sm: string;
7607
7605
  md: string;
7608
7606
  lg: string;
7609
7607
  xl: string;
7610
- };
7608
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7611
7609
  };
7612
7610
  excessLabel: {
7613
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7611
+ [x: string]: string | 1 | {
7614
7612
  sm: string;
7615
7613
  md: string;
7616
7614
  lg: string;
7617
7615
  xl: string;
7618
- };
7616
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7619
7617
  };
7620
7618
  };
7621
7619
  sm: {
7622
7620
  container: {
7623
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7621
+ [x: string]: string | 1 | {
7624
7622
  sm: string;
7625
7623
  md: string;
7626
7624
  lg: string;
7627
7625
  xl: string;
7628
- };
7626
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7629
7627
  };
7630
7628
  excessLabel: {
7631
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7629
+ [x: string]: string | 1 | {
7632
7630
  sm: string;
7633
7631
  md: string;
7634
7632
  lg: string;
7635
7633
  xl: string;
7636
- };
7634
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7637
7635
  };
7638
7636
  };
7639
7637
  md: {
7640
7638
  container: {
7641
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7639
+ [x: string]: string | 1 | {
7642
7640
  sm: string;
7643
7641
  md: string;
7644
7642
  lg: string;
7645
7643
  xl: string;
7646
- };
7644
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7647
7645
  };
7648
7646
  excessLabel: {
7649
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7647
+ [x: string]: string | 1 | {
7650
7648
  sm: string;
7651
7649
  md: string;
7652
7650
  lg: string;
7653
7651
  xl: string;
7654
- };
7652
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7655
7653
  };
7656
7654
  };
7657
7655
  lg: {
7658
7656
  container: {
7659
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7657
+ [x: string]: string | 1 | {
7660
7658
  sm: string;
7661
7659
  md: string;
7662
7660
  lg: string;
7663
7661
  xl: string;
7664
- };
7662
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7665
7663
  };
7666
7664
  excessLabel: {
7667
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7665
+ [x: string]: string | 1 | {
7668
7666
  sm: string;
7669
7667
  md: string;
7670
7668
  lg: string;
7671
7669
  xl: string;
7672
- };
7670
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7673
7671
  };
7674
7672
  };
7675
7673
  xl: {
7676
7674
  container: {
7677
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7675
+ [x: string]: string | 1 | {
7678
7676
  sm: string;
7679
7677
  md: string;
7680
7678
  lg: string;
7681
7679
  xl: string;
7682
- };
7680
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7683
7681
  };
7684
7682
  excessLabel: {
7685
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7683
+ [x: string]: string | 1 | {
7686
7684
  sm: string;
7687
7685
  md: string;
7688
7686
  lg: string;
7689
7687
  xl: string;
7690
- };
7688
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7691
7689
  };
7692
7690
  };
7693
7691
  "2xl": {
7694
7692
  container: {
7695
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7693
+ [x: string]: string | 1 | {
7696
7694
  sm: string;
7697
7695
  md: string;
7698
7696
  lg: string;
7699
7697
  xl: string;
7700
- };
7698
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7701
7699
  };
7702
7700
  excessLabel: {
7703
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7701
+ [x: string]: string | 1 | {
7704
7702
  sm: string;
7705
7703
  md: string;
7706
7704
  lg: string;
7707
7705
  xl: string;
7708
- };
7706
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7709
7707
  };
7710
7708
  };
7711
7709
  full: {
7712
7710
  container: {
7713
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7711
+ [x: string]: string | 1 | {
7714
7712
  sm: string;
7715
7713
  md: string;
7716
7714
  lg: string;
7717
7715
  xl: string;
7718
- };
7716
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7719
7717
  };
7720
7718
  excessLabel: {
7721
- [x: string]: string | 1 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 14 | 16 | 20 | 1.5 | 0.5 | 2.5 | 24 | 60 | 3.5 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 64 | 72 | 80 | 96 | {
7719
+ [x: string]: string | 1 | {
7722
7720
  sm: string;
7723
7721
  md: string;
7724
7722
  lg: string;
7725
7723
  xl: string;
7726
- };
7724
+ } | 0.5 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
7727
7725
  };
7728
7726
  };
7729
7727
  } | undefined;
7730
7728
  variants?: {
7731
7729
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
7732
- keys: ("label" | "container" | "group" | "badge" | "excessLabel")[];
7730
+ keys: ("container" | "label" | "badge" | "excessLabel" | "group")[];
7733
7731
  }>;
7734
7732
  } | undefined;
7735
7733
  defaultProps?: {
7736
- size?: "sm" | "md" | "lg" | "xs" | "2xl" | "full" | "xl" | "2xs" | undefined;
7734
+ size?: "md" | "full" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | undefined;
7737
7735
  variant?: string | number | undefined;
7738
7736
  colorScheme?: string | undefined;
7739
7737
  } | undefined;
7740
- parts: ("label" | "container" | "group" | "badge" | "excessLabel")[];
7738
+ parts: ("container" | "label" | "badge" | "excessLabel" | "group")[];
7741
7739
  };
7742
7740
  Container: {
7743
7741
  baseStyle?: {
@@ -7795,12 +7793,12 @@ declare const theme: {
7795
7793
  } | undefined;
7796
7794
  sizes?: {
7797
7795
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
7798
- keys: ("input" | "textarea" | "preview")[];
7796
+ keys: ("textarea" | "preview" | "input")[];
7799
7797
  }>;
7800
7798
  } | undefined;
7801
7799
  variants?: {
7802
7800
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
7803
- keys: ("input" | "textarea" | "preview")[];
7801
+ keys: ("textarea" | "preview" | "input")[];
7804
7802
  }>;
7805
7803
  } | undefined;
7806
7804
  defaultProps?: {
@@ -7808,7 +7806,7 @@ declare const theme: {
7808
7806
  variant?: string | number | undefined;
7809
7807
  colorScheme?: string | undefined;
7810
7808
  } | undefined;
7811
- parts: ("input" | "textarea" | "preview")[];
7809
+ parts: ("textarea" | "preview" | "input")[];
7812
7810
  };
7813
7811
  FormError: {
7814
7812
  baseStyle?: {
@@ -7837,12 +7835,12 @@ declare const theme: {
7837
7835
  } | undefined;
7838
7836
  sizes?: {
7839
7837
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
7840
- keys: ("text" | "icon")[];
7838
+ keys: ("icon" | "text")[];
7841
7839
  }>;
7842
7840
  } | undefined;
7843
7841
  variants?: {
7844
7842
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
7845
- keys: ("text" | "icon")[];
7843
+ keys: ("icon" | "text")[];
7846
7844
  }>;
7847
7845
  } | undefined;
7848
7846
  defaultProps?: {
@@ -7850,7 +7848,7 @@ declare const theme: {
7850
7848
  variant?: string | number | undefined;
7851
7849
  colorScheme?: string | undefined;
7852
7850
  } | undefined;
7853
- parts: ("text" | "icon")[];
7851
+ parts: ("icon" | "text")[];
7854
7852
  };
7855
7853
  Heading: {
7856
7854
  baseStyle?: {
@@ -7895,7 +7893,7 @@ declare const theme: {
7895
7893
  [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
7896
7894
  } | undefined;
7897
7895
  defaultProps?: {
7898
- size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "3xl" | "4xl" | undefined;
7896
+ size?: "md" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | undefined;
7899
7897
  variant?: string | number | undefined;
7900
7898
  colorScheme?: string | undefined;
7901
7899
  } | undefined;
@@ -7937,7 +7935,7 @@ declare const theme: {
7937
7935
  transitionDuration: string;
7938
7936
  };
7939
7937
  list: {
7940
- [x: string]: string | number | {
7938
+ [x: string]: string | {
7941
7939
  [x: string]: string;
7942
7940
  };
7943
7941
  _dark: {
@@ -7946,7 +7944,7 @@ declare const theme: {
7946
7944
  color: string;
7947
7945
  minW: string;
7948
7946
  py: string;
7949
- zIndex: number;
7947
+ zIndex: string;
7950
7948
  borderRadius: string;
7951
7949
  borderWidth: string;
7952
7950
  bg: string;
@@ -8013,12 +8011,12 @@ declare const theme: {
8013
8011
  } | undefined;
8014
8012
  sizes?: {
8015
8013
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
8016
- keys: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
8014
+ keys: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
8017
8015
  }>;
8018
8016
  } | undefined;
8019
8017
  variants?: {
8020
8018
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
8021
- keys: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
8019
+ keys: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
8022
8020
  }>;
8023
8021
  } | undefined;
8024
8022
  defaultProps?: {
@@ -8026,7 +8024,7 @@ declare const theme: {
8026
8024
  variant?: string | number | undefined;
8027
8025
  colorScheme?: string | undefined;
8028
8026
  } | undefined;
8029
- parts: ("button" | "list" | "divider" | "icon" | "item" | "groupTitle" | "command")[];
8027
+ parts: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
8030
8028
  };
8031
8029
  NumberInput: {
8032
8030
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
@@ -8233,11 +8231,11 @@ declare const theme: {
8233
8231
  };
8234
8232
  } | undefined;
8235
8233
  defaultProps?: {
8236
- size?: "sm" | "md" | "lg" | "xs" | undefined;
8234
+ size?: "md" | "xs" | "sm" | "lg" | undefined;
8237
8235
  variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
8238
8236
  colorScheme?: string | undefined;
8239
8237
  } | undefined;
8240
- parts: ("root" | "field" | "stepper" | "stepperGroup")[];
8238
+ parts: ("root" | "field" | "stepperGroup" | "stepper")[];
8241
8239
  };
8242
8240
  PinInput: {
8243
8241
  baseStyle?: {
@@ -8291,7 +8289,7 @@ declare const theme: {
8291
8289
  unstyled: {};
8292
8290
  } | undefined;
8293
8291
  defaultProps?: {
8294
- size?: "sm" | "md" | "lg" | "xs" | undefined;
8292
+ size?: "md" | "xs" | "sm" | "lg" | undefined;
8295
8293
  variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
8296
8294
  colorScheme?: string | undefined;
8297
8295
  } | undefined;
@@ -8337,7 +8335,7 @@ declare const theme: {
8337
8335
  }>;
8338
8336
  } | undefined;
8339
8337
  defaultProps?: {
8340
- size?: "sm" | "md" | "lg" | "xs" | undefined;
8338
+ size?: "md" | "xs" | "sm" | "lg" | undefined;
8341
8339
  variant?: string | number | undefined;
8342
8340
  colorScheme?: string | undefined;
8343
8341
  } | undefined;
@@ -8377,8 +8375,6 @@ declare const theme: {
8377
8375
  Slider: {
8378
8376
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
8379
8377
  container: {
8380
- h: string;
8381
- w?: undefined;
8382
8378
  display: string;
8383
8379
  position: string;
8384
8380
  cursor: string;
@@ -8388,8 +8384,10 @@ declare const theme: {
8388
8384
  pointerEvents: string;
8389
8385
  };
8390
8386
  } | {
8391
- w: string;
8392
- h?: undefined;
8387
+ h: string;
8388
+ px: string;
8389
+ w?: undefined;
8390
+ py?: undefined;
8393
8391
  display: string;
8394
8392
  position: string;
8395
8393
  cursor: string;
@@ -8399,6 +8397,10 @@ declare const theme: {
8399
8397
  pointerEvents: string;
8400
8398
  };
8401
8399
  } | {
8400
+ w: string;
8401
+ py: string;
8402
+ h?: undefined;
8403
+ px?: undefined;
8402
8404
  display: string;
8403
8405
  position: string;
8404
8406
  cursor: string;
@@ -8423,8 +8425,6 @@ declare const theme: {
8423
8425
  };
8424
8426
  };
8425
8427
  bg: string;
8426
- h: string;
8427
- w?: undefined;
8428
8428
  } | {
8429
8429
  overflow: string;
8430
8430
  borderRadius: string;
@@ -8440,8 +8440,8 @@ declare const theme: {
8440
8440
  };
8441
8441
  };
8442
8442
  bg: string;
8443
- w: string;
8444
- h?: undefined;
8443
+ h: string;
8444
+ w?: undefined;
8445
8445
  } | {
8446
8446
  overflow: string;
8447
8447
  borderRadius: string;
@@ -8457,6 +8457,8 @@ declare const theme: {
8457
8457
  };
8458
8458
  };
8459
8459
  bg: string;
8460
+ w: string;
8461
+ h?: undefined;
8460
8462
  };
8461
8463
  thumb: {
8462
8464
  w: string;
@@ -8480,12 +8482,6 @@ declare const theme: {
8480
8482
  _disabled: {
8481
8483
  bg: string;
8482
8484
  };
8483
- left: string;
8484
- transform: string;
8485
- _active: {
8486
- transform: string;
8487
- };
8488
- top?: undefined;
8489
8485
  } | {
8490
8486
  w: string;
8491
8487
  h: string;
@@ -8508,12 +8504,12 @@ declare const theme: {
8508
8504
  _disabled: {
8509
8505
  bg: string;
8510
8506
  };
8511
- top: string;
8507
+ left: string;
8512
8508
  transform: string;
8513
8509
  _active: {
8514
8510
  transform: string;
8515
8511
  };
8516
- left?: undefined;
8512
+ top?: undefined;
8517
8513
  } | {
8518
8514
  w: string;
8519
8515
  h: string;
@@ -8536,6 +8532,12 @@ declare const theme: {
8536
8532
  _disabled: {
8537
8533
  bg: string;
8538
8534
  };
8535
+ top: string;
8536
+ transform: string;
8537
+ _active: {
8538
+ transform: string;
8539
+ };
8540
+ left?: undefined;
8539
8541
  };
8540
8542
  filledTrack: {
8541
8543
  [x: string]: string | {
@@ -8568,15 +8570,15 @@ declare const theme: {
8568
8570
  } | undefined;
8569
8571
  variants?: {
8570
8572
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
8571
- keys: ("mark" | "track" | "container" | "thumb" | "filledTrack")[];
8573
+ keys: ("container" | "track" | "filledTrack" | "thumb" | "mark")[];
8572
8574
  }>;
8573
8575
  } | undefined;
8574
8576
  defaultProps?: {
8575
- size?: "sm" | "md" | "lg" | undefined;
8577
+ size?: "md" | "sm" | "lg" | undefined;
8576
8578
  variant?: string | number | undefined;
8577
8579
  colorScheme?: string | undefined;
8578
8580
  } | undefined;
8579
- parts: ("mark" | "track" | "container" | "thumb" | "filledTrack")[];
8581
+ parts: ("container" | "track" | "filledTrack" | "thumb" | "mark")[];
8580
8582
  };
8581
8583
  Spinner: {
8582
8584
  baseStyle?: {
@@ -8604,7 +8606,7 @@ declare const theme: {
8604
8606
  [key: string]: _chakra_ui_styled_system.SystemStyleInterpolation;
8605
8607
  } | undefined;
8606
8608
  defaultProps?: {
8607
- size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
8609
+ size?: "md" | "xs" | "sm" | "lg" | "xl" | undefined;
8608
8610
  variant?: string | number | undefined;
8609
8611
  colorScheme?: string | undefined;
8610
8612
  } | undefined;
@@ -8645,7 +8647,7 @@ declare const theme: {
8645
8647
  } | undefined;
8646
8648
  variants?: {
8647
8649
  [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
8648
- keys: ("number" | "label" | "container" | "icon" | "helpText")[];
8650
+ keys: ("number" | "container" | "icon" | "label" | "helpText")[];
8649
8651
  }>;
8650
8652
  } | undefined;
8651
8653
  defaultProps?: {
@@ -8653,7 +8655,7 @@ declare const theme: {
8653
8655
  variant?: string | number | undefined;
8654
8656
  colorScheme?: string | undefined;
8655
8657
  } | undefined;
8656
- parts: ("number" | "label" | "container" | "icon" | "helpText")[];
8658
+ parts: ("number" | "container" | "icon" | "label" | "helpText")[];
8657
8659
  };
8658
8660
  Tag: {
8659
8661
  baseStyle?: {
@@ -8759,11 +8761,11 @@ declare const theme: {
8759
8761
  };
8760
8762
  } | undefined;
8761
8763
  defaultProps?: {
8762
- size?: "sm" | "md" | "lg" | undefined;
8763
- variant?: "solid" | "outline" | "subtle" | undefined;
8764
+ size?: "md" | "sm" | "lg" | undefined;
8765
+ variant?: "outline" | "solid" | "subtle" | undefined;
8764
8766
  colorScheme?: string | undefined;
8765
8767
  } | undefined;
8766
- parts: ("label" | "container" | "closeButton")[];
8768
+ parts: ("container" | "label" | "closeButton")[];
8767
8769
  };
8768
8770
  Tooltip: {
8769
8771
  baseStyle?: {
@@ -8869,11 +8871,11 @@ declare const theme: {
8869
8871
  };
8870
8872
  } | undefined;
8871
8873
  defaultProps?: {
8872
- size?: "sm" | "md" | "lg" | undefined;
8874
+ size?: "md" | "sm" | "lg" | undefined;
8873
8875
  variant?: "outline" | "filled" | "unstyled" | "elevated" | undefined;
8874
8876
  colorScheme?: string | undefined;
8875
8877
  } | undefined;
8876
- parts: ("body" | "footer" | "header" | "container")[];
8878
+ parts: ("container" | "header" | "body" | "footer")[];
8877
8879
  };
8878
8880
  };
8879
8881
  borders: {
@@ -9214,7 +9216,7 @@ declare const theme: {
9214
9216
  tooltip: number;
9215
9217
  };
9216
9218
  styles: {
9217
- global: (props: Record<string, any> | _chakra_ui_styled_system.StyleFunctionProps) => {
9219
+ global: (props: _chakra_ui_styled_system.StyleFunctionProps | Record<string, any>) => {
9218
9220
  "html, body": {
9219
9221
  color: string;
9220
9222
  };
@@ -9399,7 +9401,7 @@ type BadgeProps = Omit<BadgeProps$1, "variant" | "colorScheme" | "size"> & {
9399
9401
  * </Badge>
9400
9402
  * ```
9401
9403
  */
9402
- declare const Badge: _chakra_ui_system_dist_system_types.ComponentWithAs<As, BadgeProps>;
9404
+ declare const Badge: _chakra_ui_react.ComponentWithAs<As, BadgeProps>;
9403
9405
 
9404
9406
  type CodeProps = CodeProps$1 & {
9405
9407
  /**
@@ -9414,7 +9416,7 @@ type CodeProps = CodeProps$1 & {
9414
9416
  /**
9415
9417
  * Shows inline code.
9416
9418
  */
9417
- declare const Code: _chakra_ui_system_dist_system_types.ComponentWithAs<As, CodeProps>;
9419
+ declare const Code: _chakra_ui_react.ComponentWithAs<As, CodeProps>;
9418
9420
 
9419
9421
  type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
9420
9422
  /** The heading level, e.g. h1, h2, h3... **/
@@ -9462,7 +9464,7 @@ type TextProps = Omit<TextProps$1, "textStyle"> & {
9462
9464
  * <Text>Welcome to this paragraph of text.</Text>
9463
9465
  * ```
9464
9466
  */
9465
- declare const Text: _chakra_ui_system_dist_system_types.ComponentWithAs<"p", TextProps>;
9467
+ declare const Text: _chakra_ui_react.ComponentWithAs<"p", TextProps>;
9466
9468
 
9467
9469
  /** This file works as a proxy for all Chakra UI exports */
9468
9470
 
@@ -9482,4 +9484,4 @@ declare const useMediaQuery: typeof useMediaQuery$1;
9482
9484
  **/
9483
9485
  declare function slugify(text: string | string[], maxLength?: number): string;
9484
9486
 
9485
- export { Accordion, AccordionProps, AttachedInputs, Badge, BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CardSelect, CargonetLogo, CargonetLogoProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChoiceChip, ChoiceChipProps, ClosableAlert, CloseButton, CloseButtonProps, Code, CodeProps, ColorInlineLoader, ColorInlineLoaderProps, ColorSpinner, ColorSpinnerProps, Combobox, ComboboxProps, ContentLoader, ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, DarkInlineLoaderProps, DarkSpinner, DarkSpinnerProps, DatePicker, DateRangePicker, Divider, DividerProps, Drawer, DrawerBodyProps, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, ExpandableItemProps, FloatingActionButton, FormControl, FormControlProps, FormErrorMessage, FormErrorMessageProps, FormLabel, FormLabelProps, FullScreenDrawer, Heading, HeadingProps, IconButton, IconButtonProps, InfoSelect, InfoTag, InfoTagProps, Input, InputElementProps, InputLeftElement, InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightInlineLoaderProps, LightSpinner, LightSpinnerProps, LineIcon, LineIconProps, ListBox, ModalHeader, ModalHeaderProps, NativeSelect, NativeSelectProps, Nudge, NudgeProps, NumericStepper, Pagination, PasswordInput, PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, SearchInput, SearchInputProps, ServiceAlert, SimpleDrawer, SimpleDrawerProps, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps, SkipButton, SpinnerProps, SporProvider, Stack, StackProps, StaticAlert, StaticCard, StaticCardProps, Stepper, StepperStep, Switch, SwitchProps, Table, TableProps, Tabs, TabsProps, Text, TextLink, TextProps, Textarea, TextareaProps, TimePicker, ToastOptions, Tooltip, TooltipProps, TranslationObject, Translations, TravelTag, TravelTagProps, VyLogo, VyLogoPride, VyLogoPrideProps, VyLogoProps, WizardNudge, WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useMediaQuery, useToast, useTranslation };
9487
+ export { Accordion, type AccordionProps, AttachedInputs, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CardSelect, CargonetLogo, type CargonetLogoProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChoiceChip, type ChoiceChipProps, ClosableAlert, CloseButton, type CloseButtonProps, Code, type CodeProps, ColorInlineLoader, type ColorInlineLoaderProps, ColorSpinner, type ColorSpinnerProps, Combobox, type ComboboxProps, ContentLoader, type ContentLoaderProps, DarkFullScreenLoader, DarkInlineLoader, type DarkInlineLoaderProps, DarkSpinner, type DarkSpinnerProps, DatePicker, DateRangePicker, Divider, type DividerProps, Drawer, type DrawerBodyProps, DrawerContent, ModalHeader as DrawerHeader, Expandable, ExpandableAlert, ExpandableItem, type ExpandableItemProps, FloatingActionButton, FormControl, type FormControlProps, FormErrorMessage, type FormErrorMessageProps, FormLabel, type FormLabelProps, FullScreenDrawer, Heading, type HeadingProps, IconButton, type IconButtonProps, InfoSelect, InfoTag, type InfoTagProps, Input, type InputElementProps, InputLeftElement, type InputProps, InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, type LightInlineLoaderProps, LightSpinner, type LightSpinnerProps, LineIcon, type LineIconProps, ListBox, ModalHeader, type ModalHeaderProps, NativeSelect, type NativeSelectProps, Nudge, type NudgeProps, NumericStepper, Pagination, PasswordInput, type PasswordInputProps, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, type RadioCardProps, RadioGroup, type RadioGroupProps, type RadioProps, SearchInput, type SearchInputProps, ServiceAlert, SimpleDrawer, type SimpleDrawerProps, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, SkipButton, type SpinnerProps, SporProvider, Stack, type StackProps, StaticAlert, StaticCard, type StaticCardProps, Stepper, StepperStep, Switch, type SwitchProps, Table, type TableProps, Tabs, type TabsProps, Text, TextLink, type TextProps, Textarea, type TextareaProps, TimePicker, type ToastOptions, Tooltip, type TooltipProps, type TranslationObject, type Translations, TravelTag, type TravelTagProps, VyLogo, VyLogoPride, type VyLogoPrideProps, type VyLogoProps, WizardNudge, type WizardNudgeProps, brandTheme, createTexts, fontFaces, slugify, theme, useMediaQuery, useToast, useTranslation };