@vygruppen/spor-react 12.5.3 → 12.5.5

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.5.3 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.5.5 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -10,18 +10,18 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           290.49 KB
-ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       622.85 KB
-ESM ⚡️ Build success in 2737ms
-CJS dist/index.js           311.03 KB
 CJS dist/icons/index.js     380.00 B
-CJS dist/index.js.map       622.85 KB
+CJS dist/index.js           311.06 KB
 CJS dist/icons/index.js.map 157.00 B
-CJS ⚡️ Build success in 2737ms
-DTS ⚡️ Build success in 29147ms
+CJS dist/index.js.map       622.96 KB
+CJS ⚡️ Build success in 2688ms
+ESM dist/index.mjs           290.52 KB
+ESM dist/icons/index.mjs     110.00 B
+ESM dist/index.mjs.map       622.96 KB
+ESM dist/icons/index.mjs.map 157.00 B
+ESM ⚡️ Build success in 2688ms
+DTS ⚡️ Build success in 29261ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        153.53 KB
+DTS dist/index.d.ts        153.11 KB
 DTS dist/icons/index.d.mts 44.00 B
-DTS dist/index.d.mts       153.53 KB
+DTS dist/index.d.mts       153.11 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.5.3 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.5.5 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 12.5.5
+
+### Patch Changes
+
+- 6fc249b: Fix type for expandable, so title can be ReactNode.
+
+## 12.5.4
+
+### Patch Changes
+
+- 24caa33: Fix conflicting types for inputprops and update chakra to newest minor version
+
 ## 12.5.3
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode } from 'react';
+import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxCardRootProps, CheckboxCard, Fieldset as Fieldset$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, SelectLabelProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxCardRootProps, CheckboxCard, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, SelectLabelProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
 export { Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, 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, TableColumnGroup, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -22,7 +22,7 @@ type HeadingLevel = {
 };
 type ExpandableItemProps = HeadingLevel & {
     value: string;
-    title: string;
+    title: ReactNode;
     children?: React.ReactNode;
     startElement?: React.ReactNode;
 };
@@ -67,7 +67,7 @@ declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.Acc
     startElement?: React.ReactNode;
     showChevron?: boolean;
 } & {
-    title: string;
+    title: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * An item in a set of Expandables. Must be wrapped in an `<Accordion>` component.
@@ -508,7 +508,7 @@ type FieldBaseProps = {
     errorText?: React$1.ReactNode;
     floatingLabel?: boolean;
 };
-type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & FieldBaseProps;
+type FieldProps = Omit<Field$1.RootProps, "label" | "onChange"> & React$1.PropsWithChildren<FieldVariantProps> & FieldBaseProps;
 /**
  *
  * Field is a component that wraps around other input components, like `Input` and `Select`.
@@ -525,7 +525,7 @@ type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<F
  *
  * This component is not exported and should be used as a wrapper for other input components.
  */
-declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label"> & {
+declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label" | "onChange"> & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1183,7 +1183,9 @@ declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.Cont
 declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
 
-type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette" | "placeholder"> & FieldProps & {
+type ChakraInputProps = ComponentProps<typeof Input$1>;
+
+type InputProps = FieldProps & Exclude<ChakraInputProps, "size" | "label" | "colorPalette" | "placeholder"> & {
     /** The input's label */
     label: ReactNode;
     /** Element that shows up to the left */
@@ -1191,16 +1193,7 @@ type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette" | "pla
     /** Element that shows up to the right */
     endElement?: React__default.ReactNode;
 };
-declare const Input: React__default.ForwardRefExoticComponent<InputProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: ReactNode | undefined;
-} & FieldBaseProps & {
-    /** The input's label */
-    label: ReactNode;
-    /** Element that shows up to the left */
-    startElement?: React__default.ReactNode;
-    /** Element that shows up to the right */
-    endElement?: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLInputElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const listBoxSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "description" | "label", {
     variant: {
@@ -1480,12 +1473,25 @@ interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
  *
  * @see https://spor.vy.no/components/password-input
  */
-declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const PasswordInput: React__default.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type CountryCodeAndPhoneNumber = {
     countryCode: string;
     nationalNumber: string;
 };
+type PhoneNumberInputProps = Omit<InputProps, "value"> & {
+    /** The label. Defaults to a localized version of "Phone number" */
+    label?: string;
+    /** Callback for when the country code or phone number changes */
+    onValueChange?: (change: CountryCodeAndPhoneNumber) => void;
+    /** The optional value of the country code and phone number */
+    value?: CountryCodeAndPhoneNumber;
+    /** Returns an extra optional text when true */
+    optional?: boolean;
+    allowedCountryCodes?: string[];
+    invalid?: boolean;
+    errorText?: string;
+};
 /**
  * A component for entering phone numbers.
  *
@@ -1503,19 +1509,7 @@ type CountryCodeAndPhoneNumber = {
  * />
  * ```
  */
-declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "value"> & {
-    /** The label. Defaults to a localized version of "Phone number" */
-    label?: string;
-    /** Callback for when the country code or phone number changes */
-    onValueChange?: (change: CountryCodeAndPhoneNumber) => void;
-    /** The optional value of the country code and phone number */
-    value?: CountryCodeAndPhoneNumber;
-    /** Returns an extra optional text when true */
-    optional?: boolean;
-    allowedCountryCodes?: string[];
-    invalid?: boolean;
-    errorText?: string;
-} & React$1.RefAttributes<HTMLInputElement>>;
+declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<Omit<PhoneNumberInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const radioGroupSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "label" | "itemText" | "itemControl", {
     orientation: {
@@ -1564,16 +1558,7 @@ type SearchInputProps = InputProps & {
  *
  * Includes a search icon, a localized label and a reset button.
  */
-declare const SearchInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: React$1.ReactNode | undefined;
-} & FieldBaseProps & {
-    label: React$1.ReactNode;
-    startElement?: React.ReactNode;
-    endElement?: React.ReactNode;
-} & {
-    /** Callback for when the clear button is clicked */
-    onReset?: () => void;
-} & React$1.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: React$1.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectProps = SelectRootProps & FieldProps & {
     label?: string;
@@ -1605,7 +1590,7 @@ type SelectProps = SelectRootProps & FieldProps & {
  * @see https://spor.vy.no/components/select
  *
  */
-declare const Select: React$1.ForwardRefExoticComponent<SelectRootProps<any> & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+declare const Select: React$1.ForwardRefExoticComponent<SelectRootProps<any> & Omit<_chakra_ui_react.FieldRootProps, "label" | "onChange"> & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & {
     label?: string;
@@ -1780,7 +1765,7 @@ type TextareaProps = Exclude<TextareaProps$1, "size" | "colorPalette"> & FieldPr
  * Textarea has two variants core, and floating.
  *
  */
-declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label" | "onChange"> & {
     children?: ReactNode | undefined;
 } & FieldBaseProps & {
     variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode } from 'react';
+import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxCardRootProps, CheckboxCard, Fieldset as Fieldset$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, SelectLabelProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, CheckboxCardRootProps, CheckboxCard, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, SelectLabelProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
 export { Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, 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, TableColumnGroup, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -22,7 +22,7 @@ type HeadingLevel = {
 };
 type ExpandableItemProps = HeadingLevel & {
     value: string;
-    title: string;
+    title: ReactNode;
     children?: React.ReactNode;
     startElement?: React.ReactNode;
 };
@@ -67,7 +67,7 @@ declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.Acc
     startElement?: React.ReactNode;
     showChevron?: boolean;
 } & {
-    title: string;
+    title: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 /**
  * An item in a set of Expandables. Must be wrapped in an `<Accordion>` component.
@@ -508,7 +508,7 @@ type FieldBaseProps = {
     errorText?: React$1.ReactNode;
     floatingLabel?: boolean;
 };
-type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & FieldBaseProps;
+type FieldProps = Omit<Field$1.RootProps, "label" | "onChange"> & React$1.PropsWithChildren<FieldVariantProps> & FieldBaseProps;
 /**
  *
  * Field is a component that wraps around other input components, like `Input` and `Select`.
@@ -525,7 +525,7 @@ type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<F
  *
  * This component is not exported and should be used as a wrapper for other input components.
  */
-declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label"> & {
+declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label" | "onChange"> & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1183,7 +1183,9 @@ declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.Cont
 declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
 
-type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette" | "placeholder"> & FieldProps & {
+type ChakraInputProps = ComponentProps<typeof Input$1>;
+
+type InputProps = FieldProps & Exclude<ChakraInputProps, "size" | "label" | "colorPalette" | "placeholder"> & {
     /** The input's label */
     label: ReactNode;
     /** Element that shows up to the left */
@@ -1191,16 +1193,7 @@ type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette" | "pla
     /** Element that shows up to the right */
     endElement?: React__default.ReactNode;
 };
-declare const Input: React__default.ForwardRefExoticComponent<InputProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: ReactNode | undefined;
-} & FieldBaseProps & {
-    /** The input's label */
-    label: ReactNode;
-    /** Element that shows up to the left */
-    startElement?: React__default.ReactNode;
-    /** Element that shows up to the right */
-    endElement?: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLInputElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const listBoxSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "description" | "label", {
     variant: {
@@ -1480,12 +1473,25 @@ interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
  *
  * @see https://spor.vy.no/components/password-input
  */
-declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const PasswordInput: React__default.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type CountryCodeAndPhoneNumber = {
     countryCode: string;
     nationalNumber: string;
 };
+type PhoneNumberInputProps = Omit<InputProps, "value"> & {
+    /** The label. Defaults to a localized version of "Phone number" */
+    label?: string;
+    /** Callback for when the country code or phone number changes */
+    onValueChange?: (change: CountryCodeAndPhoneNumber) => void;
+    /** The optional value of the country code and phone number */
+    value?: CountryCodeAndPhoneNumber;
+    /** Returns an extra optional text when true */
+    optional?: boolean;
+    allowedCountryCodes?: string[];
+    invalid?: boolean;
+    errorText?: string;
+};
 /**
  * A component for entering phone numbers.
  *
@@ -1503,19 +1509,7 @@ type CountryCodeAndPhoneNumber = {
  * />
  * ```
  */
-declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "value"> & {
-    /** The label. Defaults to a localized version of "Phone number" */
-    label?: string;
-    /** Callback for when the country code or phone number changes */
-    onValueChange?: (change: CountryCodeAndPhoneNumber) => void;
-    /** The optional value of the country code and phone number */
-    value?: CountryCodeAndPhoneNumber;
-    /** Returns an extra optional text when true */
-    optional?: boolean;
-    allowedCountryCodes?: string[];
-    invalid?: boolean;
-    errorText?: string;
-} & React$1.RefAttributes<HTMLInputElement>>;
+declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<Omit<PhoneNumberInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const radioGroupSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "label" | "itemText" | "itemControl", {
     orientation: {
@@ -1564,16 +1558,7 @@ type SearchInputProps = InputProps & {
  *
  * Includes a search icon, a localized label and a reset button.
  */
-declare const SearchInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
-    children?: React$1.ReactNode | undefined;
-} & FieldBaseProps & {
-    label: React$1.ReactNode;
-    startElement?: React.ReactNode;
-    endElement?: React.ReactNode;
-} & {
-    /** Callback for when the clear button is clicked */
-    onReset?: () => void;
-} & React$1.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: React$1.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
 type SelectProps = SelectRootProps & FieldProps & {
     label?: string;
@@ -1605,7 +1590,7 @@ type SelectProps = SelectRootProps & FieldProps & {
  * @see https://spor.vy.no/components/select
  *
  */
-declare const Select: React$1.ForwardRefExoticComponent<SelectRootProps<any> & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+declare const Select: React$1.ForwardRefExoticComponent<SelectRootProps<any> & Omit<_chakra_ui_react.FieldRootProps, "label" | "onChange"> & {
     children?: React$1.ReactNode | undefined;
 } & FieldBaseProps & {
     label?: string;
@@ -1780,7 +1765,7 @@ type TextareaProps = Exclude<TextareaProps$1, "size" | "colorPalette"> & FieldPr
  * Textarea has two variants core, and floating.
  *
  */
-declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1 & Omit<_chakra_ui_react.FieldRootProps, "label" | "onChange"> & {
     children?: ReactNode | undefined;
 } & FieldBaseProps & {
     variant?: _chakra_ui_react.ConditionalValue<"core" | "floating" | undefined>;

package/dist/index.js

@@ -8511,6 +8511,7 @@ var listBoxSlotRecipe = react.defineSlotRecipe({
         backgroundColor: "ghost.surface.active"
       },
       _focus: {
+        outline: "2px solid",
         outlineColor: "outline.focus"
       }
     },