@telefonica/mistica 15.20.0 → 15.20.1

package/dist/button.d.ts

@@ -20,8 +20,8 @@ interface CommonProps {
     'aria-expanded'?: 'true' | 'false' | boolean;
     'aria-haspopup'?: 'true' | 'false' | 'menu' | 'dialog' | boolean;
     tabIndex?: number;
-    StartIcon?: React.FC<IconProps>;
-    EndIcon?: React.FC<IconProps>;
+    StartIcon?: (props: IconProps) => JSX.Element;
+    EndIcon?: (props: IconProps) => JSX.Element;
     /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
     role?: string;
 }

package/dist/callout.d.ts

@@ -16,5 +16,5 @@ type Props = {
     dataAttributes?: DataAttributes;
     role?: string;
 };
-declare const Callout: React.FC<Props>;
+declare const Callout: ({ title, titleAs, description, icon, onClose, closeButtonLabel, button, secondaryButton, buttonLink, "aria-label": ariaLabel, dataAttributes, role, }: Props) => JSX.Element;
 export default Callout;

package/dist/card.d.ts

@@ -9,7 +9,7 @@ import type { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes, HeadingType, IconProps, RendersElement, RendersNullableElement, TrackingEvent } from './utils/types';
 type BaseIconButtonAction = {
-    Icon: React.FC<IconProps>;
+    Icon: (props: IconProps) => JSX.Element;
     label: string;
 };
 type IconButtonAction = BaseIconButtonAction & ExclusifyUnion<{

package/dist/checkbox.d.ts

@@ -11,7 +11,7 @@ type RenderProps = {
         labelId: string;
         disabled: boolean;
         checked: boolean;
-    }) => React.ReactElement<any, any>;
+    }) => React.ReactElement;
     children?: undefined;
     disabled?: boolean;
     'aria-labelledby'?: string;

package/dist/chip.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { TouchableComponentProps } from './touchable';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes, IconProps } from './utils/types';
 interface SimpleChipProps {
     children: string;
-    Icon?: React.FC<IconProps>;
+    Icon?: (props: IconProps) => JSX.Element;
     id?: string;
     dataAttributes?: DataAttributes;
     badge?: boolean | number;
@@ -20,5 +20,5 @@ type ClickableChipProps = TouchableComponentProps<SimpleChipProps & {
     active?: boolean;
 }>;
 type ChipProps = ExclusifyUnion<ClosableChipProps | ToggleChipProps | ClickableChipProps>;
-declare const Chip: React.FC<ChipProps>;
+declare const Chip: (props: ChipProps) => JSX.Element;
 export default Chip;

package/dist/circle.d.ts

@@ -15,5 +15,5 @@ type BackgroundShorthandProps = {
     backgroundImage?: string;
 };
 type Props = CommonProps & ExclusifyUnion<BackgroundProps | BackgroundShorthandProps>;
-declare const Circle: React.FC<Props>;
+declare const Circle: ({ children, background, backgroundColor, backgroundImage, size, border, dataAttributes, }: Props) => JSX.Element;
 export default Circle;

package/dist/community/blocks.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type StackingGroup from '../stacking-group';
 import type Image from '../image';
 import type Tag from '../tag';
@@ -15,13 +15,13 @@ interface RowBlockWithStackingGroup extends RowBlockBaseProps {
     stackingGroup?: RendersNullableElement<typeof StackingGroup>;
 }
 type RowBlockProps = ExclusifyUnion<RowBlockWithDescription | RowBlockWithStackingGroup>;
-export declare const RowBlock: React.FC<RowBlockProps>;
+export declare const RowBlock: ({ title, stackingGroup, description, "aria-label": ariaLabel, }: RowBlockProps) => JSX.Element;
 interface SimpleBlockProps {
     image?: RendersNullableElement<typeof Image>;
     description?: string;
     'aria-label'?: string;
 }
-export declare const SimpleBlock: React.FC<SimpleBlockProps>;
+export declare const SimpleBlock: ({ image, description, "aria-label": ariaLabel }: SimpleBlockProps) => JSX.Element;
 interface InformationBlockProps {
     title?: string;
     description?: ReadonlyArray<string> | string;
@@ -30,7 +30,7 @@ interface InformationBlockProps {
     valueColor?: string;
     'aria-label'?: string;
 }
-export declare const InformationBlock: React.FC<InformationBlockProps>;
+export declare const InformationBlock: ({ title, description, secondaryValue, value, valueColor, "aria-label": ariaLabel, }: InformationBlockProps) => JSX.Element;
 interface Heading {
     value: string;
     text?: string;
@@ -57,7 +57,7 @@ interface HighlightedValueBlockProps {
     valueColor?: string;
     'aria-label'?: string;
 }
-export declare const HighlightedValueBlock: React.FC<HighlightedValueBlockProps>;
+export declare const HighlightedValueBlock: ({ headline, headings, mainHeading, secondHeading, secondaryValue, title, description, valueColor, "aria-label": ariaLabel, }: HighlightedValueBlockProps) => JSX.Element;
 interface ValueBlockProps {
     title?: string;
     value?: string;
@@ -65,7 +65,7 @@ interface ValueBlockProps {
     valueColor?: string;
     'aria-label'?: string;
 }
-export declare const ValueBlock: React.FC<ValueBlockProps>;
+export declare const ValueBlock: ({ title, value, description, valueColor, "aria-label": ariaLabel, }: ValueBlockProps) => JSX.Element;
 interface ProgressBlockProps {
     title?: string;
     stackingGroup?: RendersNullableElement<typeof StackingGroup>;
@@ -79,5 +79,5 @@ interface ProgressBlockProps {
     description?: string;
     'aria-label'?: string;
 }
-export declare const ProgressBlock: React.FC<ProgressBlockProps>;
+export declare const ProgressBlock: ({ title, stackingGroup, progressPercent, reverse, heading, description, "aria-label": ariaLabel, }: ProgressBlockProps) => JSX.Element;
 export {};

package/dist/counter.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { DataAttributes } from './utils/types';
 type Props = {
     value?: number;
@@ -15,5 +15,5 @@ type Props = {
     decreaseLabel?: string;
     valueLabel?: string;
 };
-declare const Counter: React.FC<Props>;
+declare const Counter: ({ value, defaultValue, onChangeValue, onRemove, min, max, dataAttributes, disabled, removeLabel, increaseLabel, decreaseLabel, valueLabel, }: Props) => JSX.Element;
 export default Counter;

package/dist/credit-card-expiration-field.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CommonFormFieldProps } from './text-field-base';
 type ExpirationDateValue = {
     month: number | null;
@@ -9,5 +9,5 @@ export interface CreditCardExpirationFieldProps extends CommonFormFieldProps {
     validate?: (value: ExpirationDateValue | undefined, rawValue: string) => string | undefined;
     onChangeValue?: (value: ExpirationDateValue) => void;
 }
-declare const CreditCardExpirationField: React.FC<CreditCardExpirationFieldProps>;
+declare const CreditCardExpirationField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, autoComplete, defaultValue, dataAttributes, ...rest }: CreditCardExpirationFieldProps) => JSX.Element;
 export default CreditCardExpirationField;

package/dist/credit-card-fields.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { CardOptions } from './utils/credit-card';
 type CreditCardFieldsProps = {
     numberFieldName?: string;
@@ -7,5 +7,5 @@ type CreditCardFieldsProps = {
     acceptedCards?: CardOptions;
     children?: void;
 };
-declare const CreditCardFields: React.FC<CreditCardFieldsProps>;
+declare const CreditCardFields: ({ numberFieldName, expirationFieldName, cvvFieldName, acceptedCards, }: CreditCardFieldsProps) => JSX.Element;
 export default CreditCardFields;

package/dist/credit-card-number-field.d.ts

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

package/dist/cvv-field.d.ts

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

package/dist/date-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/date-time-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 FormDateField: React.FC<DateFieldProps>;
+declare const FormDateField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue: onChangeValueProp, onBlur, value, defaultValue, min, max, dataAttributes, ...rest }: DateFieldProps) => JSX.Element;
 export default FormDateField;

package/dist/date-time-picker.d.ts

@@ -4,7 +4,7 @@
  *
  * This component is a fallback for browsers that don't support datetime-local or date inputs
  */
-import * as React from 'react';
+/// <reference types="react" />
 import 'moment/locale/es';
 import 'moment/locale/de';
 import 'moment/locale/pt-br';
@@ -17,5 +17,5 @@ export interface DateTimePickerProps extends CommonFormFieldProps {
     withTime?: boolean;
     mode?: 'year-month';
 }
-declare const DateTimePicker: React.FC<DateTimePickerProps>;
+declare const DateTimePicker: ({ withTime, mode, isValidDate, optional, ...rest }: DateTimePickerProps) => JSX.Element;
 export default DateTimePicker;

package/dist/decimal-field.d.ts

@@ -9,12 +9,12 @@ import type { CommonFormFieldProps } from './text-field-base';
  * type DecimalInputProps = React.HTMLProps<HTMLInputElement> & {inputRef: React.Ref<HTMLInputElement>}
  */
 type DecimalInputProps = any;
-export declare const DecimalInput: React.FC<DecimalInputProps>;
+export declare const DecimalInput: ({ inputRef, value, defaultValue, onChange, maxDecimals, ...rest }: DecimalInputProps) => JSX.Element;
 export interface DecimalFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
     prefix?: React.ReactNode;
     /** defaults to Infinity */
     maxDecimals?: number;
 }
-declare const DecimalField: React.FC<DecimalFieldProps>;
+declare const DecimalField: ({ disabled, error, helperText, name, optional, validate: validateProp, onChange, onChangeValue, onBlur, value, defaultValue, maxDecimals, dataAttributes, ...rest }: DecimalFieldProps) => JSX.Element;
 export default DecimalField;

package/dist/dialog.js

@@ -154,35 +154,35 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAcceptanceTest)(), ue = (t)=>{
-    const { texts: i } = (0, _hooks.useTheme)(), { className: u, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, d = t.type === "dialog", p = d && !!t.link || l || s, y = {
+    const { texts: l } = (0, _hooks.useTheme)(), { className: m, title: i, message: g, icon: a, extra: r, showCancelButton: s, showAcceptButton: c, cancelText: d = l.dialogCancelButton, acceptText: h = l.dialogAcceptButton, onCancel: u, onAccept: C, destructive: B = !1 } = t, f = t.type === "dialog", p = f && !!t.link || c || s, y = {
         onPress: C || (()=>{}),
-        children: m,
+        children: h,
         // @deprecated - testid should be removed but many webapp tests depend on this
         dataAttributes: {
             testid: "dialog-accept-button"
         }
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(_dialogcssmistica.variants[d ? "dialog" : "default"], u),
+        className: (0, _classnames.default)(_dialogcssmistica.variants[f ? "dialog" : "default"], m),
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 24,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _dialogcssmistica.iconContainer,
-                    children: /*#__PURE__*/ _react.cloneElement(o, {
+                    children: /*#__PURE__*/ _react.cloneElement(a, {
                         size: "100%"
                     })
                 })
             }),
-            r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+            i && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingBottom: 16,
-                children: d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                children: f ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
                     as: "h2",
-                    children: r
+                    children: i
                 }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
                     regular: !0,
                     as: "h2",
-                    children: r
+                    children: i
                 })
             }),
             t.subtitle && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -201,167 +201,169 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !(0, _platform.isRunningAccept
                         /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                             color: _skincontractcssmistica.vars.colors.textSecondary,
                             regular: !0,
-                            children: f
+                            children: g
                         }),
-                        c
+                        r
                     ]
                 })
             }),
             p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: _dialogcssmistica.dialogActions,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
-                    link: d ? t.link : void 0,
-                    primaryButton: l ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
+                    link: f ? t.link : void 0,
+                    primaryButton: c ? B ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonDanger, _object_spread({
                         tabIndex: 1
                     }, y)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, _object_spread({
                         tabIndex: 1
                     }, y)) : void 0,
                     secondaryButton: s ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
                         tabIndex: 2,
-                        onPress: h || (()=>{}),
+                        onPress: u || (()=>{}),
                         dataAttributes: {
                             testid: "dialog-cancel-button"
                         },
-                        children: g
+                        children: d
                     }) : void 0
                 })
             })
         ]
     });
 }, de = (param)=>{
-    let { type: t, message: i, title: u, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
+    let { type: t, message: l, title: m, acceptText: i, cancelText: g, destructive: a, onAccept: r, onCancel: s, onDestroy: c } = param;
     return t === "confirm" ? (0, _webviewbridge.nativeConfirm)({
-        message: i,
-        title: u,
-        cancelText: f,
-        acceptText: r
-    }).then((l)=>{
-        l ? o == null || o() : c == null || c(), s();
+        message: l,
+        title: m,
+        cancelText: g,
+        acceptText: i,
+        destructive: a
+    }).then((d)=>{
+        d ? r == null || r() : s == null || s(), c();
     }) : (0, _webviewbridge.nativeAlert)({
-        message: i,
-        title: u,
-        buttonText: r
+        message: l,
+        title: m,
+        buttonText: i
     }).then(()=>{
-        o == null || o(), s();
+        r == null || r(), c();
     });
 }, me = (param)=>{
-    let { type: t, onAccept: i, onCancel: u, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
-    const { texts: l } = (0, _hooks.useTheme)(), g = _react.useRef({
+    let { type: t, onAccept: l, onCancel: m, onDestroy: i, acceptText: g, cancelText: a, message: r, title: s, destructive: c } = param;
+    const { texts: d } = (0, _hooks.useTheme)(), h = _react.useRef({
         type: t,
-        onAccept: i,
-        onCancel: u,
-        onDestroy: r,
-        acceptText: f || l.dialogAcceptButton,
-        cancelText: o || l.dialogCancelButton,
-        message: c,
-        title: s
-    }), m = _react.useRef(!1);
+        onAccept: l,
+        onCancel: m,
+        onDestroy: i,
+        acceptText: g || d.dialogAcceptButton,
+        cancelText: a || d.dialogCancelButton,
+        message: r,
+        title: s,
+        destructive: c
+    }), u = _react.useRef(!1);
     return _react.useEffect(()=>{
-        m.current || (m.current = !0, de(g.current).finally(()=>{
-            m.current = !1;
+        u.current || (u.current = !0, de(h.current).finally(()=>{
+            u.current = !1;
         }));
     }, []), /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
 }, Ie = (t)=>{
     (0, _modalcontextprovider.useSetModalStateEffect)();
-    const i = _react.useRef(null), { texts: u } = (0, _hooks.useTheme)(), [r, f] = _react.useState(!1), o = _react.useRef(!1), c = _react.useRef(!1), [s, l] = _react.useState(!1), g = _react.useRef(!1), m = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), h = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: d, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
+    const l = _react.useRef(null), { texts: m } = (0, _hooks.useTheme)(), [i, g] = _react.useState(!1), a = _react.useRef(!1), r = _react.useRef(!1), [s, c] = _react.useState(!1), d = _react.useRef(!1), h = _react.useRef(ce() ? _dialogcssmistica.ANIMATION_DURATION_MS : 0), u = t.type !== "dialog" && (0, _webviewbridge.isWebViewBridgeAvailable)(), C = t.type === "dialog", B = t.type === "alert", { onAccept: f, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
         "onAccept",
         "onCancel",
         "onDestroy"
     ]);
     _react.useEffect(()=>{
-        const a = setTimeout(()=>{
-            o.current || l(!0);
-        }, m.current);
+        const o = setTimeout(()=>{
+            a.current || c(!0);
+        }, h.current);
         return ()=>{
-            clearTimeout(a);
+            clearTimeout(o);
         };
     }, []);
     const x = _react.useCallback(()=>{
-        c.current || (c.current = !0, g.current ? d == null || d() : p == null || p(), y());
+        r.current || (r.current = !0, d.current ? f == null || f() : p == null || p(), y());
     }, [
-        d,
+        f,
         p,
         y
     ]), R = _react.useCallback(()=>{
-        let a;
-        return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
-            a && clearTimeout(a);
+        let o;
+        return !a.current && s && (a.current = !0, c(!1), g(!0), o = setTimeout(x, h.current)), ()=>{
+            o && clearTimeout(o);
         };
     }, [
         x,
         s
     ]), N = _react.useCallback(()=>{
-        g.current = !0, R();
+        d.current = !0, R();
     }, [
         R
     ]), b = _react.useCallback(()=>{
-        g.current = !1, R();
+        d.current = !1, R();
     }, [
         R
     ]), v = _react.useCallback(()=>{
-        o.current || (B ? N() : b());
+        a.current || (B ? N() : b());
     }, [
         N,
         b,
         B
-    ]), T = _react.useCallback((a)=>{
-        a.key === _keys.ESC && (a.stopPropagation(), a.preventDefault(), v());
+    ]), T = _react.useCallback((o)=>{
+        o.key === _keys.ESC && (o.stopPropagation(), o.preventDefault(), v());
     }, [
         v
     ]);
     _react.useEffect(()=>{
-        if (!h) return document.addEventListener("keydown", T), ()=>{
+        if (!u) return document.addEventListener("keydown", T), ()=>{
             document.removeEventListener("keydown", T);
         };
     }, [
         T,
-        h
+        u
     ]), _react.useEffect(()=>{
-        if (!h) return window.addEventListener("popstate", v), ()=>{
+        if (!u) return window.addEventListener("popstate", v), ()=>{
             window.removeEventListener("popstate", v);
         };
     }, [
         v,
-        h
+        u
     ]);
-    const P = _react.useCallback((a)=>{
-        a.stopPropagation(), C && b();
+    const P = _react.useCallback((o)=>{
+        o.stopPropagation(), C && b();
     }, [
         C,
         b
     ]);
     var _t_closeButtonLabel;
-    return h ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+    return u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(me, _object_spread({}, t)) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
         className: _dialogcssmistica.wrapper,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_focustrap.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 onClick: P,
                 className: (0, _classnames.default)(_dialogcssmistica.modalOpacityLayer, {
-                    [_dialogcssmistica.closedOpactityLayer]: r
+                    [_dialogcssmistica.closedOpactityLayer]: i
                 }),
                 "data-testid": "dialog-overlay",
-                "aria-hidden": r || !s,
+                "aria-hidden": i || !s,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     role: "dialog",
-                    onClick: (a)=>a.stopPropagation(),
+                    onClick: (o)=>o.stopPropagation(),
                     "data-component-name": "Dialog",
                     children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                        ref: i,
-                        onAnimationEnd: (a)=>{
-                            a.target === i.current && (o.current || l(!0));
+                        ref: l,
+                        onAnimationEnd: (o)=>{
+                            o.target === l.current && (a.current || c(!0));
                         },
-                        onTransitionEnd: (a)=>{
-                            a.target === i.current && o.current && x();
+                        onTransitionEnd: (o)=>{
+                            o.target === l.current && a.current && x();
                         },
                         className: (0, _classnames.default)(_dialogcssmistica.modalContent, {
-                            [_dialogcssmistica.closedModalContent]: r
+                            [_dialogcssmistica.closedModalContent]: i
                         }),
                         children: [
                             C && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _dialogcssmistica.modalCloseButtonContainer,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
                                     onPress: v,
-                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : u.modalClose || u.closeButtonLabel,
+                                    "aria-label": (_t_closeButtonLabel = t.closeButtonLabel) !== null && _t_closeButtonLabel !== void 0 ? _t_closeButtonLabel : m.modalClose || m.closeButtonLabel,
                                     bleedLeft: !0,
                                     bleedRight: !0,
                                     bleedY: !0,

package/dist/divider.d.ts

@@ -1,5 +1,3 @@
-import * as React from 'react';
-declare const Divider: React.FC<{
-    children?: void;
-}>;
+/// <reference types="react" />
+declare const Divider: () => JSX.Element;
 export default Divider;

package/dist/double-field.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type CreditCardExpirationField from './credit-card-expiration-field';
 import type CvvField from './cvv-field';
 import type DateField from './date-field';
@@ -16,5 +16,5 @@ type Props = {
     children: Field | [Field, Field];
     layout?: '50/50' | '40/60' | '60/40';
 };
-declare const DoubleField: React.FC<Props>;
+declare const DoubleField: ({ children, fullWidth, layout }: Props) => JSX.Element;
 export default DoubleField;

package/dist/email-field.d.ts

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

package/dist/empty-state-card.d.ts

@@ -22,5 +22,5 @@ interface ImageProps extends CommonProps {
     icon?: undefined;
 }
 type Props = IconProps | ImageProps;
-declare const EmptyStateCard: React.FC<Props>;
+declare const EmptyStateCard: ({ title, titleAs, description, button, secondaryButton, buttonLink, icon, imageUrl, "aria-label": ariaLabel, dataAttributes, }: Props) => JSX.Element;
 export default EmptyStateCard;

package/dist/empty-state.d.ts

@@ -28,5 +28,5 @@ interface IconProps extends BaseProps {
     largeImageUrl?: undefined;
 }
 type Props = IconProps | ImageProps | LargeImageProps;
-declare const EmptyState: React.FC<Props>;
+declare const EmptyState: ({ title, titleAs, description, button, buttonLink, largeImageUrl, imageUrl, icon, "aria-label": ariaLabel, dataAttributes, }: Props) => JSX.Element;
 export default EmptyState;

package/dist/fade-in.d.ts

@@ -7,5 +7,5 @@ type Props = {
     duration?: string;
     dataAttributes?: DataAttributes;
 };
-declare const FadeIn: React.FC<Props>;
+declare const FadeIn: ({ children, className, duration, delay, dataAttributes, }: Props) => JSX.Element;
 export default FadeIn;

package/dist/feedback.d.ts

@@ -24,15 +24,15 @@ interface FeedbackScreenProps extends AssetFeedbackProps {
     animateText?: boolean;
     isInverse?: boolean;
 }
-export declare const FeedbackScreen: React.FC<FeedbackScreenProps>;
-export declare const SuccessFeedbackScreen: React.FC<AssetFeedbackProps>;
+export declare const FeedbackScreen: ({ title, description, children, extra, primaryButton, secondaryButton, link, hapticFeedback, icon, animateText, isInverse, unstable_inlineInDesktop, imageUrl, imageFit, dataAttributes, }: FeedbackScreenProps) => JSX.Element;
+export declare const SuccessFeedbackScreen: ({ dataAttributes, ...props }: AssetFeedbackProps) => JSX.Element;
 interface ErrorFeedbackScreenProps extends Omit<FeedbackProps, 'extra'> {
     errorReference?: string;
 }
-export declare const ErrorFeedbackScreen: React.FC<ErrorFeedbackScreenProps>;
+export declare const ErrorFeedbackScreen: ({ children, errorReference, dataAttributes, ...otherProps }: ErrorFeedbackScreenProps) => JSX.Element;
 interface InfoFeedbackScreenProps extends FeedbackProps {
-    Icon?: React.FC<IconProps>;
+    Icon?: (props: IconProps) => JSX.Element;
 }
-export declare const InfoFeedbackScreen: React.FC<InfoFeedbackScreenProps>;
-export declare const SuccessFeedback: React.FC<AssetFeedbackProps>;
+export declare const InfoFeedbackScreen: ({ dataAttributes, Icon, ...props }: InfoFeedbackScreenProps) => JSX.Element;
+export declare const SuccessFeedback: ({ title, description, children, extra, primaryButton, secondaryButton, link, imageUrl, imageFit, dataAttributes, }: AssetFeedbackProps) => JSX.Element;
 export {};

package/dist/fixed-to-top.d.ts

@@ -4,6 +4,6 @@ type Props = {
     children: (topDistance: number) => React.ReactNode;
     height: number;
 };
-declare const FixedToTop: React.FC<Props>;
+declare const FixedToTop: ({ children, height }: Props) => JSX.Element;
 export declare const useFixedToTopHeight: () => number;
 export default FixedToTop;

package/dist/focus-trap.d.ts

@@ -5,5 +5,5 @@ type Props = {
     disabled?: boolean;
     group?: string;
 };
-declare const FocusTrap: React.FC<Props>;
+declare const FocusTrap: ({ children, disabled, className, group }: Props) => JSX.Element;
 export default FocusTrap;