@telefonica/mistica 12.8.0 → 12.9.1

package/dist-es/text-field-components.js

@@ -61,6 +61,30 @@ function _objectSpread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -72,25 +96,20 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import classnames from "classnames";
-import { createUseStyles } from "./jss";
-import { useIsInverseVariant } from "./theme-variant-context";
-import { useTheme } from "./hooks";
-import { Text1 } from "./text";
-export var DEFAULT_WIDTH = 328;
-export var LABEL_LEFT_POSITION = 12;
-// to scale to the correct text-preset when the transition applies
-export var LABEL_SCALE_DESKTOP = parseFloat("0.78"); // Text1/Text3 = 14/18 (desktop)
-export var LABEL_SCALE_MOBILE = parseFloat("0.75"); // Text1/Text3 = 12/16 (mobile)
-var useLabelStyles = createUseStyles(function(theme) {
+import * as h from "react";
+import g from "classnames";
+import { createUseStyles as x } from "./jss.js";
+import { useIsInverseVariant as L } from "./theme-variant-context.js";
+import { useTheme as b } from "./hooks.js";
+import { Text1 as u } from "./text.js";
+import { jsxs as m, jsx as n } from "./_virtual/jsx-runtime.js";
+var C = 328, d = 12, f = parseFloat("0.78"), p = parseFloat("0.75"), w = x(function(e) {
     var _obj;
     return {
         labelContainer: (_obj = {
             position: "absolute",
             pointerEvents: "none",
-            left: LABEL_LEFT_POSITION,
+            left: d,
             top: 0,
             transformOrigin: "0 0",
             height: 24,
@@ -100,19 +119,13 @@ var useLabelStyles = createUseStyles(function(theme) {
             fontSize: 18,
             lineHeight: "24px",
             color: function(param) {
-                var inputState = param.inputState, error = param.error;
-                if (error && inputState !== "default") {
-                    return theme.colors.error;
-                }
-                if (inputState === "focused") {
-                    return theme.colors.controlActivated;
-                }
-                return theme.colors.textSecondary;
+                var r = param.inputState, t = param.error;
+                return t && r !== "default" ? e.colors.error : r === "focused" ? e.colors.controlActivated : e.colors.textSecondary;
             }
-        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj, e.mq.tabletOrSmaller, {
             fontSize: 16,
             transform: "translateY(16px) scale(1)"
-        }), _defineProperty(_obj, "width", "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px)")), _obj),
+        }), _defineProperty(_obj, "width", "calc(100% - ".concat(d * 2, "px)")), _obj),
         labelText: {
             "-webkit-line-clamp": 1,
             lineClamp: 1,
@@ -123,61 +136,51 @@ var useLabelStyles = createUseStyles(function(theme) {
             flexShrink: 1
         },
         shrinked: _defineProperty({
-            transform: "translateY(8px) scale(".concat(LABEL_SCALE_DESKTOP, ")"),
-            height: 20 / LABEL_SCALE_DESKTOP,
-            lineHeight: "".concat(20 / LABEL_SCALE_DESKTOP, "px"),
-            width: "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px) / ").concat(LABEL_SCALE_DESKTOP)
-        }, theme.mq.tabletOrSmaller, {
-            transform: "translateY(8px) scale(".concat(LABEL_SCALE_MOBILE, ")"),
-            height: 16 / LABEL_SCALE_MOBILE,
-            lineHeight: "".concat(16 / LABEL_SCALE_MOBILE, "px"),
-            width: "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px) / ").concat(LABEL_SCALE_MOBILE)
+            transform: "translateY(8px) scale(".concat(f, ")"),
+            height: 20 / f,
+            lineHeight: "".concat(20 / f, "px"),
+            width: "calc(100% - ".concat(d * 2, "px) / ").concat(f)
+        }, e.mq.tabletOrSmaller, {
+            transform: "translateY(8px) scale(".concat(p, ")"),
+            height: 16 / p,
+            lineHeight: "".concat(16 / p, "px"),
+            width: "calc(100% - ".concat(d * 2, "px) / ").concat(p)
         })
     };
-});
-export var Label = function(param) {
-    var shrinkLabel = param.shrinkLabel, forId = param.forId, inputState = param.inputState, error = param.error, children = param.children, style = param.style, optional = param.optional;
-    var isShrinked = shrinkLabel || inputState === "focused" || inputState === "filled";
-    var classes = useLabelStyles({
-        inputState: inputState,
-        error: error
-    });
-    var ref = _slicedToArray(React.useState(""), 2), transitionStyle = ref[0], setTransitionStyle = ref[1];
-    var texts = useTheme().texts;
-    // This way we prevent animation when field is filled as initial state
-    React.useEffect(function() {
-        var tid = setTimeout(function() {
-            // Check environment or we will get a warning if this gets executed outside @testing-library/act
-            if (process.env.NODE_ENV !== "test") {
-                setTransitionStyle("transform 150ms, width 150ms");
-            }
+}), _ = function(param) {
+    var e = param.shrinkLabel, r = param.forId, t = param.inputState, s = param.error, l = param.children, o = param.style, a = param.optional;
+    var c = e || t === "focused" || t === "filled", i = w({
+        inputState: t,
+        error: s
+    }), ref = _slicedToArray(h.useState(""), 2), S = ref[0], y = ref[1], ref1 = b(), v = ref1.texts;
+    return h.useEffect(function() {
+        var T = setTimeout(function() {
+            process.env.NODE_ENV !== "test" && y("transform 150ms, width 150ms");
         });
         return function() {
-            clearTimeout(tid);
+            clearTimeout(T);
         };
-    }, []);
-    return /*#__PURE__*/ _jsxs("label", {
-        className: classnames(classes.labelContainer, _defineProperty({}, classes.shrinked, isShrinked)),
-        htmlFor: forId,
-        style: _objectSpread({}, style, {
-            transition: transitionStyle
+    }, []), /* @__PURE__ */ m("label", {
+        className: g(i.labelContainer, _defineProperty({}, i.shrinked, c)),
+        htmlFor: r,
+        style: _objectSpreadProps(_objectSpread({}, o), {
+            transition: S
         }),
         children: [
-            /*#__PURE__*/ _jsx("span", {
-                className: classes.labelText,
-                children: children
+            /* @__PURE__ */ n("span", {
+                className: i.labelText,
+                children: l
             }),
-            optional ? /*#__PURE__*/ _jsxs("span", {
+            a ? /* @__PURE__ */ m("span", {
                 children: [
                     "\xa0(",
-                    texts.formFieldOptionalLabelSuffix,
+                    v.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
-};
-var useHelperTextStyles = createUseStyles(function() {
+}, E = x(function() {
     return {
         helperContainer: {
             paddingLeft: 12,
@@ -196,93 +199,87 @@ var useHelperTextStyles = createUseStyles(function() {
             textAlign: "right"
         }
     };
-});
-export var HelperText = function(param) {
-    var leftText = param.leftText, rightText = param.rightText, error = param.error;
-    var isInverse = useIsInverseVariant();
-    var colors = useTheme().colors;
-    var classes = useHelperTextStyles();
-    var leftColor = isInverse ? colors.textPrimaryInverse : error ? colors.error : colors.textSecondary;
-    var rightColor = isInverse ? colors.textPrimaryInverse : colors.textSecondary;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: classes.helperContainer,
+}), B = function(param) {
+    var e = param.leftText, r = param.rightText, t = param.error;
+    var s = L(), ref = b(), l = ref.colors, o = E(), a = s ? l.textPrimaryInverse : t ? l.error : l.textSecondary, c = s ? l.textPrimaryInverse : l.textSecondary;
+    return /* @__PURE__ */ m("div", {
+        className: o.helperContainer,
         children: [
-            leftText && /*#__PURE__*/ _jsx("div", {
-                className: classes.leftText,
-                children: /*#__PURE__*/ _jsx(Text1, {
-                    color: leftColor,
-                    regular: true,
+            e && /* @__PURE__ */ n("div", {
+                className: o.leftText,
+                children: /* @__PURE__ */ n(u, {
+                    color: a,
+                    regular: !0,
                     as: "p",
-                    children: leftText
+                    children: e
                 })
             }),
-            rightText && /*#__PURE__*/ _jsx("div", {
-                className: classes.rightText,
-                children: /*#__PURE__*/ _jsx(Text1, {
-                    color: rightColor,
-                    regular: true,
+            r && /* @__PURE__ */ n("div", {
+                className: o.rightText,
+                children: /* @__PURE__ */ n(u, {
+                    color: c,
+                    regular: !0,
                     as: "p",
-                    children: rightText
+                    children: r
                 })
             })
         ]
     });
-};
-var useFieldContainerStyles = createUseStyles(function(theme) {
+}, O = x(function(e) {
     var _obj, _obj1;
     return {
         fieldContainer: (_obj = {
             opacity: function(param) {
-                var disabled = param.disabled;
-                return disabled ? 0.5 : 1;
+                var r = param.disabled;
+                return r ? 0.5 : 1;
             },
             display: "flex",
             flexDirection: "column",
             minWidth: 96
-        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj, e.mq.tabletOrSmaller, {
             width: "100%"
-        }), _defineProperty(_obj, theme.mq.desktopOrBigger, {
+        }), _defineProperty(_obj, e.mq.desktopOrBigger, {
             width: function(param) {
-                var fullWidth = param.fullWidth;
-                return fullWidth ? "100%" : DEFAULT_WIDTH;
+                var r = param.fullWidth;
+                return r ? "100%" : C;
             }
         }), _obj),
         border: (_obj1 = {
             overflow: "hidden",
-            border: "1px solid ".concat(theme.colors.border),
+            border: "1px solid ".concat(e.colors.border),
             borderRadius: 8,
             height: function(param) {
-                var multiline = param.multiline;
-                return multiline ? 152 : 60;
+                var r = param.multiline;
+                return r ? 152 : 60;
             }
-        }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj1, e.mq.tabletOrSmaller, {
             height: function(param) {
-                var multiline = param.multiline;
-                return multiline ? 152 : 56;
+                var r = param.multiline;
+                return r ? 152 : 56;
             }
         }), _defineProperty(_obj1, "display", "flex"), _defineProperty(_obj1, "position", "relative"), _defineProperty(_obj1, "backgroundColor", function(param) {
-            var readOnly = param.readOnly;
-            return readOnly ? theme.colors.neutralLow : theme.colors.backgroundContainer;
+            var r = param.readOnly;
+            return r ? e.colors.neutralLow : e.colors.backgroundContainer;
         }), _obj1)
     };
-});
-export var FieldContainer = function(param) {
-    var multiline = param.multiline, disabled = param.disabled, children = param.children, helperText = param.helperText, className = param.className, fieldRef = param.fieldRef, fullWidth = param.fullWidth, readOnly = param.readOnly;
-    var classes = useFieldContainerStyles({
-        multiline: multiline,
-        fullWidth: fullWidth,
-        disabled: disabled,
-        readOnly: readOnly
+}), D = function(param) {
+    var e = param.multiline, r = param.disabled, t = param.children, s = param.helperText, l = param.className, o = param.fieldRef, a = param.fullWidth, c = param.readOnly;
+    var i = O({
+        multiline: e,
+        fullWidth: a,
+        disabled: r,
+        readOnly: c
     });
-    return /*#__PURE__*/ _jsxs("div", {
-        className: classes.fieldContainer,
+    return /* @__PURE__ */ m("div", {
+        className: i.fieldContainer,
         children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: classnames(classes.border, className),
-                ref: fieldRef,
-                children: children
+            /* @__PURE__ */ n("div", {
+                className: g(i.border, l),
+                ref: o,
+                children: t
             }),
-            helperText
+            s
         ]
     });
 };
+export { C as DEFAULT_WIDTH, D as FieldContainer, B as HelperText, d as LABEL_LEFT_POSITION, f as LABEL_SCALE_DESKTOP, p as LABEL_SCALE_MOBILE, _ as Label };

package/dist-es/text-field.js

@@ -26,6 +26,30 @@ function _objectSpread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
@@ -53,13 +77,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useFieldProps } from "./form-context";
-import { TextFieldBaseAutosuggest } from "./text-field-base";
-import { combineRefs } from "./utils/common";
-var TextField = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChangeValue = _param.onChangeValue, onChange = _param.onChange, value1 = _param.value, defaultValue = _param.defaultValue, onBlurProp = _param.onBlur, onFocusProp = _param.onFocus, onPress = _param.onPress, rest = _objectWithoutProperties(_param, [
+import * as c from "react";
+import { useFieldProps as k } from "./form-context.js";
+import { TextFieldBaseAutosuggest as w } from "./text-field-base.js";
+import { combineRefs as y } from "./utils/common.js";
+import { jsx as A } from "./_virtual/jsx-runtime.js";
+var q = /*#__PURE__*/ c.forwardRef(function(_param, v) {
+    var n = _param.disabled, s = _param.error, f = _param.helperText, o = _param.name, m = _param.optional, a = _param.validate, p = _param.onChangeValue, R = _param.onChange, d = _param.value, x = _param.defaultValue, r = _param.onBlur, i = _param.onFocus, T = _param.onPress, u = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -74,51 +98,36 @@ var TextField = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "onFocus",
         "onPress"
     ]);
-    var inputRef = React.useRef(null);
-    var processValue = function(v) {
-        return v;
-    };
-    var onBlur = function(event) {
-        if (rest.multiline && inputRef.current) {
-            // scroll to start
-            inputRef.current.scrollTop = 0;
-        }
-        onBlurProp === null || onBlurProp === void 0 ? void 0 : onBlurProp(event);
-    };
-    var onFocus = function(event) {
-        if (rest.multiline) {
-            setTimeout(function() {
-                if (inputRef.current) {
-                    // place caret to the end
-                    var value = inputRef.current.value;
-                    inputRef.current.value = "";
-                    inputRef.current.value = value;
-                    // scroll to end
-                    inputRef.current.scrollTop = inputRef.current.scrollHeight;
-                }
-            }, 0);
-        }
-        onFocusProp === null || onFocusProp === void 0 ? void 0 : onFocusProp(event);
-    };
-    var fieldProps = useFieldProps({
-        name: name,
-        value: value1,
-        defaultValue: defaultValue,
-        processValue: processValue,
-        helperText: helperText,
-        optional: optional,
-        error: error,
-        disabled: disabled,
-        onBlur: onBlur,
-        validate: validate,
-        onChange: onChange,
-        onChangeValue: onChangeValue
+    var e = c.useRef(null), g = function(t) {
+        return t;
+    }, b = function(t) {
+        u.multiline && e.current && (e.current.scrollTop = 0), r == null || r(t);
+    }, h = function(t) {
+        u.multiline && setTimeout(function() {
+            if (e.current) {
+                var j = e.current.value;
+                e.current.value = "", e.current.value = j, e.current.scrollTop = e.current.scrollHeight;
+            }
+        }, 0), i == null || i(t);
+    }, l = k({
+        name: o,
+        value: d,
+        defaultValue: x,
+        processValue: g,
+        helperText: f,
+        optional: m,
+        error: s,
+        disabled: n,
+        onBlur: b,
+        validate: a,
+        onChange: R,
+        onChangeValue: p
     });
-    return /*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
-        onClick: onPress,
-        inputRef: combineRefs(inputRef, fieldProps.inputRef, ref),
-        onFocus: onFocus,
+    return /* @__PURE__ */ A(w, _objectSpreadProps(_objectSpread({}, u, l), {
+        onClick: T,
+        inputRef: y(e, l.inputRef, v),
+        onFocus: h,
         type: "text"
     }));
 });
-export default TextField;
+export { q as default };

package/dist-es/text-link.js

@@ -26,6 +26,30 @@ function _objectSpread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
@@ -53,28 +77,26 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as _jsx } from "react/jsx-runtime";
-// Specs: https://www.figma.com/file/koROdh3HpEPG2O8jG52Emh/Buttons-Component-Specs?node-id=0%3A1
-import * as React from "react";
-import { createUseStyles } from "./jss";
-import Touchable from "./touchable";
-import classnames from "classnames";
-import { useIsInverseVariant } from "./theme-variant-context";
-import { useForm } from "./form-context";
-import { getTextFromChildren } from "./utils/common";
-import { eventActions, eventCategories, eventNames, useTrackingConfig } from "./utils/analytics";
-var useStyles = createUseStyles(function(param) {
-    var colors = param.colors, isDarkMode = param.isDarkMode, mq = param.mq;
+import { createUseStyles as v } from "./jss.js";
+import d from "./touchable.js";
+import p from "classnames";
+import { useIsInverseVariant as f } from "./theme-variant-context.js";
+import { useForm as k } from "./form-context.js";
+import { getTextFromChildren as s } from "./utils/common.js";
+import { useTrackingConfig as g, eventNames as x, eventCategories as y, eventActions as b } from "./utils/analytics.js";
+import { jsx as T } from "./_virtual/jsx-runtime.js";
+var h = v(function(param) {
+    var e = param.colors, t = param.isDarkMode, n = param.mq;
     var _obj;
     return {
         textLink: (_obj = {
             width: "auto",
             lineHeight: "inherit",
             display: "inline",
-            color: colors.textLink,
+            color: e.textLink,
             wordBreak: "break-word",
             cursor: "pointer"
-        }, _defineProperty(_obj, mq.supportsHover, {
+        }, _defineProperty(_obj, n.supportsHover, {
             "&:hover:not([disabled])": {
                 textDecoration: "underline"
             }
@@ -83,52 +105,43 @@ var useStyles = createUseStyles(function(param) {
             textDecoration: "none"
         }), _obj),
         inverse: _defineProperty({
-            color: colors.textLinkInverse,
-            textDecoration: isDarkMode ? "none" : "underline"
-        }, mq.supportsHover, {
+            color: e.textLinkInverse,
+            textDecoration: t ? "none" : "underline"
+        }, n.supportsHover, {
             "&:hover:not([disabled])": {
-                textDecorationThickness: isDarkMode ? 1 : 2
+                textDecorationThickness: t ? 1 : 2
             }
         }),
         small: {
             fontSize: 14
         }
     };
-});
-var TextLink = function(_param) {
-    var children = _param.children, _className = _param.className, className = _className === void 0 ? "" : _className, small = _param.small, disabled = _param.disabled, props = _objectWithoutProperties(_param, [
+}), H = function(_param) {
+    var e = _param.children, tmp = _param.className, t = tmp === void 0 ? "" : tmp, n = _param.small, a = _param.disabled, o = _objectWithoutProperties(_param, [
         "children",
         "className",
         "small",
         "disabled"
     ]);
-    var classes = useStyles();
-    var isInverse = useIsInverseVariant();
-    var formStatus = useForm().formStatus;
-    var eventFormat = useTrackingConfig().eventFormat;
-    var createDefaultTrackingEvent = function() {
-        if (eventFormat === "google-analytics-4") {
-            return {
-                name: eventNames.userInteraction,
-                component_type: "link",
-                component_copy: getTextFromChildren(children)
-            };
-        } else {
-            return {
-                category: eventCategories.userInteraction,
-                action: eventActions.linkTapped,
-                label: getTextFromChildren(children)
-            };
-        }
+    var i;
+    var r = h(), c = f(), ref = k(), l = ref.formStatus, ref1 = g(), m = ref1.eventFormat, u = function() {
+        return m === "google-analytics-4" ? {
+            name: x.userInteraction,
+            component_type: "link",
+            component_copy: s(e)
+        } : {
+            category: y.userInteraction,
+            action: b.linkTapped,
+            label: s(e)
+        };
     };
-    var _trackingEvent;
     var _obj;
-    return /*#__PURE__*/ _jsx(Touchable, _objectSpread({}, props, {
-        as: props.onPress ? "a" : undefined,
-        trackingEvent: (_trackingEvent = props.trackingEvent) !== null && _trackingEvent !== void 0 ? _trackingEvent : props.trackEvent ? createDefaultTrackingEvent() : undefined,
-        disabled: disabled || formStatus === "sending",
-        className: classnames(classes.textLink, className, (_obj = {}, _defineProperty(_obj, classes.small, small), _defineProperty(_obj, classes.inverse, isInverse), _obj)),
-        children: children
+    return /* @__PURE__ */ T(d, _objectSpreadProps(_objectSpread({}, o), {
+        as: o.onPress ? "a" : void 0,
+        trackingEvent: (i = o.trackingEvent) != null ? i : o.trackEvent ? u() : void 0,
+        disabled: a || l === "sending",
+        className: p(r.textLink, t, (_obj = {}, _defineProperty(_obj, r.small, n), _defineProperty(_obj, r.inverse, c), _obj)),
+        children: e
     }));
 };
-export default TextLink;
+export { H as default };