@telefonica/mistica 15.20.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,7 +2,7 @@
  * 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;
@@ -15,5 +15,5 @@ export type NavigationBreadcrumbsProps = {
     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/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.20.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;

package/dist/snackbar.js

@@ -126,31 +126,31 @@ const ee = [
     "CONSECUTIVE",
     "BUTTON"
 ], re = 5e3, te = 1e4, ne = /*#__PURE__*/ _react.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o, type: c, withDismiss: p = !1, dataAttributes: R } = param;
-    const { texts: T } = (0, _hooks.useTheme)(), [a, s] = _react.useState(!1), { width: I, ref: v } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: i } = (0, _hooks.useScreenSize)(), l = I > (i ? 160 : 128), B = _react.useRef(null), E = t === 1 / 0 && !n || p, h = _react.useRef(o);
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o, type: c, withDismiss: d = !1, dataAttributes: R } = param;
+    const { texts: T } = (0, _hooks.useTheme)(), [a, s] = _react.useState(!1), { width: p, ref: v } = (0, _hooks.useElementDimensions)(), { isDesktopOrBigger: i } = (0, _hooks.useScreenSize)(), l = p > (i ? 160 : 128), k = _react.useRef(null), E = t === 1 / 0 && !n || d, h = _react.useRef(o);
     _react.useEffect(()=>{
         h.current = o;
     }, [
         o
     ]);
-    const f = _react.useCallback((k)=>{
+    const f = _react.useCallback((B)=>{
         s(!1), setTimeout(()=>{
             var S;
-            (S = h.current) == null || S.call(h, k);
+            (S = h.current) == null || S.call(h, B);
         }, process.env.NODE_ENV === "test" ? 0 : _snackbarcssmistica.TRANSITION_TIME_IN_MS);
     }, []);
-    return _react.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
+    return _react.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, k), {
             close: f
         }), [
         f
     ]), _react.useEffect(()=>{
-        const k = setTimeout(()=>{
+        const B = setTimeout(()=>{
             s(!0);
         }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(k), clearTimeout(S);
+            clearTimeout(B), clearTimeout(S);
         };
     }, [
         f,
@@ -158,7 +158,7 @@ const ee = [
     ]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _snackbarcssmistica.snackbarContainer,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-            ref: B,
+            ref: k,
             className: (0, _classnames.default)(_snackbarcssmistica.snackbar, {
                 [_snackbarcssmistica.snackbarOpen]: a
             }),
@@ -224,7 +224,7 @@ const ee = [
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": d !== null && d !== void 0 ? d : T.closeButtonLabel,
+                        "aria-label": I !== null && I !== void 0 ? I : T.closeButtonLabel,
                         className: _snackbarcssmistica.dismissButton[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
@@ -244,24 +244,22 @@ const ee = [
         })
     });
 }), oe = /*#__PURE__*/ _react.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: p, dataAttributes: R } = param;
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: d, dataAttributes: R } = param;
     const T = n ? te : re;
     t = Math.max(t !== null && t !== void 0 ? t : T, T);
-    const a = (0, _webviewbridge.isWebViewBridgeAvailable)(), s = _react.useRef(o), I = _react.useRef(!1);
+    const a = (0, _webviewbridge.isWebViewBridgeAvailable)(), s = _react.useRef(o), p = _react.useRef(!1);
     return _react.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), _react.useEffect(()=>{
-        a && !I.current && (I.current = !0, (0, _webviewbridge.nativeMessage)({
+        a && !p.current && (p.current = !0, (0, _webviewbridge.nativeMessage)({
             message: m,
-            // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
             duration: t === 1 / 0 ? "PERSISTENT" : void 0,
             buttonText: n,
             buttonAccessibilityLabel: u,
-            closeButtonLabel: d,
             type: c,
-            withDismiss: p
+            withDismiss: d
         }).then((v)=>{
             const i = v;
             i != null && i.action && ee.includes(i.action) ? s.current({
@@ -270,27 +268,27 @@ const ee = [
                 action: "DISMISS"
             });
         }).finally(()=>{
-            I.current = !1;
+            p.current = !1;
         }));
     }, [
         u,
-        d,
+        I,
         n,
         t,
         m,
         a,
         c,
-        p
+        d
     ]), a ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(ne, {
         ref: g,
         message: m,
         duration: t,
         buttonText: n,
         buttonAccessibilityLabel: u,
-        closeButtonLabel: d,
+        closeButtonLabel: I,
         type: c,
         onClose: s.current,
-        withDismiss: p,
+        withDismiss: d,
         dataAttributes: R
     });
 }), Se = oe;

package/dist/spinner.d.ts

@@ -7,5 +7,5 @@ type Props = {
     style?: React.CSSProperties;
     children?: void;
 };
-declare const Spinner: React.FC<Props>;
+declare const Spinner: ({ color, delay, size, style, rolePresentation }: Props) => JSX.Element;
 export default Spinner;

package/dist/stack.d.ts

@@ -10,5 +10,5 @@ type Props = {
     'aria-labelledby'?: string;
     dataAttributes?: DataAttributes;
 };
-declare const Stack: React.FC<Props>;
+declare const Stack: ({ space, className, children, role, "aria-labelledby": ariaLabelledby, dataAttributes, }: Props) => JSX.Element;
 export default Stack;