@telefonica/mistica 15.19.0 → 15.20.1

package/dist/form.d.ts

@@ -12,5 +12,5 @@ type FormProps = {
     onValidationErrors?: (errors: FormErrors) => void;
     className?: string;
 };
-declare const Form: React.FC<FormProps>;
+declare const Form: ({ children, className, onSubmit, initialValues, autoJump, onValidationErrors, id: idProp, }: FormProps) => JSX.Element;
 export default Form;

package/dist/grid-layout.d.ts

@@ -44,5 +44,5 @@ type PropsTemplate8 = {
     children: React.ReactNode;
 };
 type Props = CommonProps & ExclusifyUnion<PropsChildren | PropsTemplate6plus6 | PropsTemplate8plus4 | PropsTemplate4plus6 | PropsTemplate5plus4 | PropsTemplate3plus9 | PropsTemplate10 | PropsTemplate8>;
-declare const GridLayout: React.FC<Props>;
+declare const GridLayout: ({ dataAttributes, template, left, right, verticalSpace, collapseBreakpoint, children, }: Props) => JSX.Element;
 export default GridLayout;

package/dist/header.d.ts

@@ -45,14 +45,14 @@ type HeaderProps = {
      */
     isErrorAmount?: boolean;
 };
-export declare const Header: React.FC<HeaderProps>;
+export declare const Header: ({ headline, pretitle, pretitleAs, title, titleAs, description, dataAttributes, small, preamount, amount, button, subtitle, isErrorAmount, secondaryButton, }: HeaderProps) => JSX.Element;
 type MainSectionHeaderProps = {
     title: string;
     titleAs?: HeadingType;
     description?: string;
     button?: RendersNullableElement<typeof ButtonPrimary> | RendersNullableElement<typeof ButtonSecondary>;
 };
-export declare const MainSectionHeader: React.FC<MainSectionHeaderProps>;
+export declare const MainSectionHeader: ({ title, titleAs, description, button, }: MainSectionHeaderProps) => JSX.Element;
 type HeaderLayoutProps = {
     isInverse?: boolean;
     breadcrumbs?: RendersNullableElement<typeof NavigationBreadcrumbs>;
@@ -68,11 +68,11 @@ type HeaderLayoutProps = {
     bleed?: boolean;
     noPaddingY?: boolean;
 };
-export declare const HeaderLayout: React.FC<HeaderLayoutProps>;
+export declare const HeaderLayout: ({ isInverse, breadcrumbs, header, extra, sideBySideExtraOnDesktop, dataAttributes, bleed, noPaddingY, }: HeaderLayoutProps) => JSX.Element;
 type MainSectionHeaderLayoutProps = {
     isInverse?: boolean;
     children: RendersElement<typeof MainSectionHeader>;
     dataAttributes?: DataAttributes;
 };
-export declare const MainSectionHeaderLayout: React.FC<MainSectionHeaderLayoutProps>;
+export declare const MainSectionHeaderLayout: ({ isInverse, children, dataAttributes, }: MainSectionHeaderLayoutProps) => JSX.Element;
 export {};

package/dist/iban-field.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 export interface IbanFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     prefix?: string;
     getSuggestions?: (value: string) => Array<string>;
 }
-declare const IbanField: React.FC<IbanFieldProps>;
+declare const IbanField: ({ disabled, error, helperText, name, optional, validate: customValidate, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, ...rest }: IbanFieldProps) => JSX.Element;
 export default IbanField;

package/dist/icon-button.d.ts

@@ -80,7 +80,7 @@ interface BaseProps {
     role?: string;
 }
 interface IconButtonBaseProps {
-    Icon: React.FC<IconProps>;
+    Icon: (props: IconProps) => JSX.Element;
     type?: IconButtonType;
     backgroundType?: IconButtonBackgroundType;
 }
@@ -93,7 +93,7 @@ export declare const RawIconButton: React.ForwardRefExoticComponent<(IconButtonP
 export declare const InternalIconButton: React.ForwardRefExoticComponent<ExclusifyUnion<DeprecatedProps | (IconButtonProps & InternalIconButtonBaseProps)> & React.RefAttributes<TouchableElement>>;
 export declare const IconButton: React.ForwardRefExoticComponent<ExclusifyUnion<DeprecatedProps | IconButtonProps> & React.RefAttributes<TouchableElement>>;
 type ToggleStateProps = {
-    Icon: React.FC<IconProps>;
+    Icon: (props: IconProps) => JSX.Element;
     type?: IconButtonType;
     backgroundType?: IconButtonBackgroundType;
 } & AriaProps;

package/dist/icons/icon-amex.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     role?: string;
     size?: number | string;
 };
-declare const IconAmex: React.FC<Props>;
+declare const IconAmex: ({ role, size }: Props) => JSX.Element;
 export default IconAmex;

package/dist/icons/icon-chevron.d.ts

@@ -8,5 +8,5 @@ type Props = {
     direction?: Direction;
     transitionDuration?: number;
 };
-declare const IconChevron: React.FC<Props>;
+declare const IconChevron: ({ size, color, className, style, transitionDuration, direction, }: Props) => JSX.Element;
 export default IconChevron;

package/dist/icons/icon-cvv-amex.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     role?: string;
     size?: number | string;
     color?: string;
 };
-declare const IconCvvAmex: React.FC<Props>;
+declare const IconCvvAmex: ({ role, size, color }: Props) => JSX.Element;
 export default IconCvvAmex;

package/dist/icons/icon-cvv-visa-mc.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     role?: string;
     size?: number | string;
     color?: string;
 };
-declare const IconCvvVisaMc: React.FC<Props>;
+declare const IconCvvVisaMc: ({ role, size, color }: Props) => JSX.Element;
 export default IconCvvVisaMc;

package/dist/icons/icon-mastercard.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     role?: string;
     size?: number | string;
 };
-declare const IconMastercard: React.FC<Props>;
+declare const IconMastercard: ({ role, size }: Props) => JSX.Element;
 export default IconMastercard;

package/dist/icons/icon-visa.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 type Props = {
     role?: string;
     size?: number | string;
 };
-declare const IconVisa: React.FC<Props>;
+declare const IconVisa: ({ role, size }: Props) => JSX.Element;
 export default IconVisa;

package/dist/inline.d.ts

@@ -13,5 +13,5 @@ type Props = {
     dataAttributes?: DataAttributes;
     wrap?: boolean;
 };
-declare const Inline: React.FC<Props>;
+declare const Inline: ({ space, className, children, role, alignItems, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
 export default Inline;

package/dist/integer-field.d.ts

@@ -8,5 +8,5 @@ export declare const IntegerInput: ({ inputRef, value, defaultValue, type, ...re
 export interface IntegerFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const IntegerField: React.FC<IntegerFieldProps>;
+declare const IntegerField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, defaultValue, dataAttributes, ...rest }: IntegerFieldProps) => JSX.Element;
 export default IntegerField;

package/dist/list.d.ts

@@ -36,7 +36,7 @@ interface ContentProps extends CommonProps {
     /** This id is to link the title with the related control */
     labelId?: string;
 }
-export declare const Content: React.FC<ContentProps>;
+export declare const Content: ({ withChevron, headline, headlineRef, extraRef, title, titleAs, titleLinesMax, subtitle, subtitleLinesMax, description, descriptionLinesMax, detail, asset, danger, badge, right, rightRef, extra, labelId, disabled, control, }: ContentProps) => JSX.Element;
 type ControlProps = {
     name?: string;
     value?: boolean;
@@ -91,7 +91,7 @@ type RowListProps = {
     role?: string;
     dataAttributes?: DataAttributes;
 };
-export declare const RowList: React.FC<RowListProps>;
+export declare const RowList: ({ children, ariaLabelledby, role, dataAttributes, }: RowListProps) => JSX.Element;
 type CommonBoxedRowProps = {
     danger: true;
     isInverse?: false;
@@ -110,5 +110,5 @@ type BoxedRowListProps = {
     role?: string;
     dataAttributes?: DataAttributes;
 };
-export declare const BoxedRowList: React.FC<BoxedRowListProps>;
+export declare const BoxedRowList: ({ children, ariaLabelledby, role, dataAttributes, }: BoxedRowListProps) => JSX.Element;
 export {};

package/dist/loading-bar.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes } from './utils/types';
 type Props = {
     visible: boolean;
     children?: void;
     dataAttributes?: DataAttributes;
 };
-declare const LoadingBar: React.FC<Props>;
+declare const LoadingBar: ({ visible, dataAttributes }: Props) => JSX.Element;
 export default LoadingBar;

package/dist/master-detail-layout.d.ts

@@ -5,5 +5,5 @@ type Props = {
     detail?: React.ReactNode;
     children?: void;
 };
-declare const MasterDetailLayout: React.FC<Props>;
+declare const MasterDetailLayout: ({ isOpen, master, detail }: Props) => JSX.Element;
 export default MasterDetailLayout;

package/dist/menu.d.ts

@@ -3,7 +3,7 @@ import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes, IconProps } from './utils/types';
 interface MenuItemBaseProps {
     label: string;
-    Icon?: React.FC<IconProps>;
+    Icon?: (props: IconProps) => JSX.Element;
     destructive?: boolean;
     disabled?: boolean;
     onPress: (item: number) => void;
@@ -17,11 +17,11 @@ interface MenuItemWithControlProps extends MenuItemBaseProps {
     checked?: boolean;
 }
 type MenuItemProps = ExclusifyUnion<MenuItemWithControlProps | MenuItemWithoutControlProps>;
-export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const MenuItem: ({ label, Icon, destructive, disabled, onPress, controlType, checked, }: MenuItemProps) => JSX.Element;
 type MenuSectionProps = {
     children?: React.ReactNode;
 };
-export declare const MenuSection: React.FC<MenuSectionProps>;
+export declare const MenuSection: ({ children }: MenuSectionProps) => JSX.Element;
 type MenuRenderProps = {
     ref: (element: HTMLElement | null) => void;
     className: string;
@@ -40,5 +40,5 @@ export type MenuProps = {
     position?: 'left' | 'right';
     dataAttributes?: DataAttributes;
 };
-export declare const Menu: React.FC<MenuProps>;
+export declare const Menu: ({ renderTarget, renderMenu, width, position, dataAttributes, }: MenuProps) => JSX.Element;
 export {};

package/dist/month-field.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 export interface DateFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     min?: Date;
     max?: Date;
 }
-declare const DateField: React.FC<DateFieldProps>;
+declare const DateField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
 export default DateField;

package/dist/mosaic.d.ts

@@ -6,10 +6,10 @@ type HorizontalMosaicProps = {
     free?: boolean;
     dataAttributes?: DataAttributes;
 };
-export declare const HorizontalMosaic: React.FC<HorizontalMosaicProps>;
-type Props = {
+export declare const HorizontalMosaic: ({ items, withBullets, free, dataAttributes, }: HorizontalMosaicProps) => JSX.Element;
+type VerticalMosaicProps = {
     items: ReadonlyArray<React.ReactElement>;
     dataAttributes?: DataAttributes;
 };
-export declare const VerticalMosaic: React.FC<Props>;
+export declare const VerticalMosaic: ({ items, dataAttributes }: VerticalMosaicProps) => JSX.Element;
 export {};

package/dist/navigation-bar.d.ts

@@ -33,7 +33,7 @@ type MainNavigationBarPropsBase = {
     large?: boolean;
 };
 type MainNavigationBarProps = MainNavigationBarPropsBase;
-export declare const MainNavigationBar: React.FC<MainNavigationBarProps>;
+export declare const MainNavigationBar: ({ sections, selectedIndex, right, variant, isInverse, topFixed, withBorder, burgerMenuExtra, logo, large, }: MainNavigationBarProps) => JSX.Element;
 interface NavigationBarCommonProps {
     /** @deprecated Use variant instead */
     isInverse?: boolean;
@@ -54,7 +54,7 @@ interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
     paddingX?: number;
 }
 type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
-export declare const NavigationBar: React.FC<NavigationBarProps>;
+export declare const NavigationBar: ({ onBack, title, titleAs, right, variant, isInverse, topFixed, paddingX, withBorder, }: NavigationBarProps) => JSX.Element;
 type FunnelNavigationBarProps = {
     variant?: Variant;
     /** @deprecated Use variant instead */
@@ -65,11 +65,11 @@ type FunnelNavigationBarProps = {
     children?: undefined;
     withBorder?: boolean;
 };
-export declare const FunnelNavigationBar: React.FC<FunnelNavigationBarProps>;
+export declare const FunnelNavigationBar: ({ logo, right, variant, isInverse, topFixed, withBorder, }: FunnelNavigationBarProps) => JSX.Element;
 type NavigationBarActionGroupProps = {
     children: React.ReactNode;
 };
-export declare const NavigationBarActionGroup: React.FC<NavigationBarActionGroupProps>;
+export declare const NavigationBarActionGroup: ({ children }: NavigationBarActionGroupProps) => JSX.Element;
 type NavigationBarActionProps = TouchableProps;
-export declare const NavigationBarAction: React.FC<NavigationBarActionProps>;
+export declare const NavigationBarAction: ({ children, ...touchableProps }: NavigationBarActionProps) => JSX.Element;
 export {};

package/dist/navigation-breadcrumbs.d.ts

@@ -2,17 +2,18 @@
  * Figma: https://www.figma.com/file/BctaFHf0PVPX2uwRSl8taf/Breadcrumbs?node-id=2%3A61
  * Accessibility: https://www.w3.org/WAI/ARIA/apg/example-index/breadcrumb/index.html
  */
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes } from './utils/types';
 export type NavigationBreadcrumbsProps = {
     title: string;
     breadcrumbs: ReadonlyArray<{
         readonly title: string;
         readonly url: string;
+        onNavigate?: () => void;
     }>;
     children?: void;
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
 };
-declare const NavigationBreadcrumbs: React.FC<NavigationBreadcrumbsProps>;
+declare const NavigationBreadcrumbs: ({ title, breadcrumbs, dataAttributes, "aria-label": ariaLabel, }: NavigationBreadcrumbsProps) => JSX.Element;
 export default NavigationBreadcrumbs;

package/dist/navigation-breadcrumbs.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return D;
+        return S;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -73,7 +73,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const N = " / ", b = (param)=>{
+const b = " / ", B = (param)=>{
     let { title: s, breadcrumbs: n, dataAttributes: c, "aria-label": m = "Breadcrumb" } = param;
     const i = (0, _themevariantcontext.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("nav", _object_spread_props(_object_spread({
@@ -82,8 +82,8 @@ const N = " / ", b = (param)=>{
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("ol", {
             className: _navigationbreadcrumbscssmistica.list,
             children: [
-                n.map((param, u)=>{
-                    let { title: a, url: d } = param;
+                n.map((param, p)=>{
+                    let { title: a, url: d, onNavigate: u } = param;
                     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
                         className: _navigationbreadcrumbscssmistica.listItem,
                         children: [
@@ -95,6 +95,7 @@ const N = " / ", b = (param)=>{
                                         color: i ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary
                                     },
                                     className: _navigationbreadcrumbscssmistica.link,
+                                    onNavigate: u,
                                     children: a
                                 })
                             }),
@@ -102,11 +103,11 @@ const N = " / ", b = (param)=>{
                                 role: "presentation",
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                                     regular: !0,
-                                    children: N
+                                    children: b
                                 })
                             })
                         ]
-                    }, u);
+                    }, p);
                 }),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
                     className: _navigationbreadcrumbscssmistica.listItem,
@@ -127,4 +128,4 @@ const N = " / ", b = (param)=>{
             ]
         })
     }));
-}, D = b;
+}, S = B;

package/dist/negative-box.d.ts

@@ -4,5 +4,5 @@ type Props = {
     right?: boolean;
     left?: boolean;
 };
-declare const NegativeBox: React.FC<Props>;
+declare const NegativeBox: ({ left, right, children }: Props) => JSX.Element;
 export default NegativeBox;

package/dist/nestable-context.d.ts

@@ -3,13 +3,13 @@ type ProviderProps = {
     children: React.ReactNode;
 };
 export type NestableContext<Value> = {
-    Getter: React.FC<{
+    Getter: (props: {
         children: (value: Value) => React.ReactNode;
-    }>;
-    Provider: React.FC<ProviderProps>;
-    Setter: React.FC<{
+    }) => JSX.Element;
+    Provider: (props: ProviderProps) => JSX.Element;
+    Setter: (props: {
         value: Value;
-    }>;
+    }) => null;
     useValue: () => Value;
     useSetValue: (value: Value) => void;
 };

package/dist/overlay.d.ts

@@ -8,5 +8,5 @@ type Props = {
     disableScroll?: boolean;
     dataAttributes?: DataAttributes;
 };
-declare const Overlay: React.FC<Props>;
+declare const Overlay: ({ onPress, children, className, style, disableScroll, dataAttributes, }: Props) => JSX.Element;
 export default Overlay;

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "15.19.0";
+const o = "15.20.1";

package/dist/password-field.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 export interface PasswordFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
 }
-declare const PasswordField: React.FC<PasswordFieldProps>;
+declare const PasswordField: ({ disabled, error, helperText, name, optional, validate, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: PasswordFieldProps) => JSX.Element;
 export default PasswordField;

package/dist/phone-number-field.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 export interface PhoneNumberFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
@@ -6,5 +6,5 @@ export interface PhoneNumberFieldProps extends CommonFormFieldProps {
     getSuggestions?: (value: string) => Array<string>;
     e164?: boolean;
 }
-declare const PhoneNumberField: React.FC<PhoneNumberFieldProps>;
+declare const PhoneNumberField: ({ disabled, error, helperText, name, optional, validate, onChange, onChangeValue, onBlur, value, defaultValue, e164, dataAttributes, ...rest }: PhoneNumberFieldProps) => JSX.Element;
 export default PhoneNumberField;

package/dist/placeholder.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 type PlaceholderProps = {
     width?: string | number;
     height?: string | number;
     children?: void;
 };
-export declare const Placeholder: React.FC<PlaceholderProps>;
+export declare const Placeholder: ({ width, height }: PlaceholderProps) => JSX.Element;
 export {};

package/dist/popover.d.ts

@@ -16,5 +16,5 @@ type Props = {
     extra?: React.ReactNode;
     dataAttributes?: DataAttributes;
 };
-declare const Popover: React.FC<Props>;
+declare const Popover: ({ open, extra, children, onClose, closeButtonLabel, dataAttributes, trackingEvent, title, description, asset, ...props }: Props) => JSX.Element;
 export default Popover;

package/dist/portal.d.ts

@@ -11,5 +11,5 @@ type Props = {
     children: React.ReactNode;
     className?: string;
 };
-export declare const Portal: React.FC<Props>;
+export declare const Portal: ({ children, className }: Props) => JSX.Element | null;
 export {};

package/dist/progress-bar.d.ts

@@ -10,7 +10,7 @@ type ProgressBarProps = {
     dataAttributes?: DataAttributes;
     reverse?: boolean;
 };
-export declare const ProgressBar: React.FC<ProgressBarProps>;
+export declare const ProgressBar: ({ progressPercent, color, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-hidden": ariaHidden, dataAttributes, reverse, }: ProgressBarProps) => JSX.Element;
 type ProgressBarSteppedProps = {
     steps: number;
     currentStep?: number;
@@ -20,5 +20,5 @@ type ProgressBarSteppedProps = {
     'aria-labelledby'?: string;
     'aria-hidden'?: React.HTMLAttributes<HTMLDivElement>['aria-hidden'];
 };
-export declare const ProgressBarStepped: React.FC<ProgressBarSteppedProps>;
+export declare const ProgressBarStepped: ({ steps, currentStep, color, dataAttributes, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-hidden": ariaHidden, }: ProgressBarSteppedProps) => JSX.Element;
 export {};

package/dist/radio-button.d.ts

@@ -32,7 +32,7 @@ type PropsChildren = {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
-declare const RadioButton: React.FC<PropsRender | PropsChildren>;
+declare const RadioButton: ({ value, id, dataAttributes, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, ...rest }: PropsRender | PropsChildren) => JSX.Element;
 type RadioGroupProps = {
     name: string;
     disabled?: boolean;
@@ -43,5 +43,5 @@ type RadioGroupProps = {
     onChange?: (value: string) => void;
     dataAttributes?: DataAttributes;
 };
-export declare const RadioGroup: React.FC<RadioGroupProps>;
+export declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
 export default RadioButton;

package/dist/responsive-layout.d.ts

@@ -10,14 +10,14 @@ type Props = {
     backgroundColor?: string;
     dataAttributes?: DataAttributes;
 };
-export declare const InternalResponsiveLayout: React.FC<Props & {
+export declare const InternalResponsiveLayout: ({ children, isInverse, variant, backgroundColor, className, fullWidth, dataAttributes, shouldExpandWhenNested, innerDivClassName, }: Props & {
     shouldExpandWhenNested?: boolean | 'desktop';
     innerDivClassName?: string;
-}>;
-declare const ResponsiveLayout: React.FC<Props>;
-export declare const ResetResponsiveLayout: React.FC<{
+}) => JSX.Element;
+declare const ResponsiveLayout: ({ children, ...props }: Props) => JSX.Element;
+export declare const ResetResponsiveLayout: ({ children, skipMobile, skipDesktop, }: {
     children: React.ReactNode;
     skipMobile?: boolean;
     skipDesktop?: boolean;
-}>;
+}) => JSX.Element;
 export default ResponsiveLayout;

package/dist/screen-reader-only.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: React.ReactNode;
     dataAttributes?: DataAttributes;
 };
-declare const ScreenReaderOnly: React.FC<Props>;
+declare const ScreenReaderOnly: ({ children, dataAttributes }: Props) => JSX.Element;
 export default ScreenReaderOnly;

package/dist/screen-size-context-provider.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 type Props = {
     children: React.ReactNode;
 };
-declare const ScreenSizeContextProvider: React.FC<Props>;
+declare const ScreenSizeContextProvider: ({ children }: Props) => JSX.Element;
 export default ScreenSizeContextProvider;

package/dist/select.d.ts

@@ -21,5 +21,5 @@ export type SelectProps = {
     native?: boolean;
     children?: void;
 };
-declare const Select: React.FC<SelectProps>;
+declare const Select: ({ id, label, helperText: helperTextProp, value: valueProp, defaultValue, onChangeValue: onChangeValueProp, name, fullWidth, options, optional, disabled: disabledProp, error: errorProp, onBlur, autoFocus, native, }: SelectProps) => JSX.Element;
 export default Select;