@telefonica/mistica 13.6.0 → 14.0.0

package/dist/skins/movistar-legacy.js

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getMovistarLegacySkin: ()=>d,
+    palette: ()=>e
+});
+const _colorJs = require("../utils/color.js");
+const _constantsJs = require("./constants.js");
+const e = {
+    movistarBlue: "#019DF4",
+    movistarBlue10: "#E6F5FD",
+    movistarBlue20: "#B3E1FB",
+    movistarBlue30: "#80CEF9",
+    movistarBlue40: "#4DBAF7",
+    movistarBlue55: "#008EDD",
+    movistarGreen: "#5CB615",
+    movistarGreen10: "#EFF8E8",
+    movistarGreen30: "#ADDA8A",
+    movistarGreen40: "#8DCC5B",
+    movistarGreen60: "#499110",
+    movistarGreen70: "#407F0F",
+    pepper: "#FF374A",
+    pepper10: "#FFEBED",
+    pepper20: "#FFC3C8",
+    pepper40: "#FF7380",
+    pepper55: "#D73241",
+    pepper70: "#B22634",
+    egg: "#F28D15",
+    egg10: "#FEF4E8",
+    egg40: "#F6AF5B",
+    egg80: "#6D3F09",
+    pink: "#E63780",
+    purple: "#A13EA1",
+    purple10: "#F6ECF6",
+    purple40: "#BD78BD",
+    purple70: "#712B71",
+    grey1: "#F6F6F6",
+    grey2: "#EEEEEE",
+    grey3: "#DDDDDD",
+    grey4: "#999999",
+    grey5: "#86888C",
+    grey6: "#313235",
+    white: "#FFFFFF",
+    movistarProminentBlue: "#0B2739",
+    movistarProminentBlueDark: "#081F2D",
+    movistarProminentBlueLight20: "#CED3D7",
+    movistarProminentBlueLight50: "#85939C",
+    movistarProminentBlueLight70: "#546874",
+    darkModeBlack: "#191919",
+    darkModeGrey: "#242424"
+}, d = (o)=>{
+    const t = {
+        name: _constantsJs.MOVISTAR_SKIN,
+        colors: {
+            appBarBackground: e.white,
+            background: e.white,
+            backgroundContainer: e.white,
+            backgroundBrand: e.movistarBlue,
+            backgroundBrandSecondary: e.movistarBlue,
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
+            backgroundSkeleton: e.grey2,
+            backgroundSkeletonInverse: e.movistarBlue55,
+            navigationBarBackground: e.movistarBlue,
+            backgroundAlternative: e.grey1,
+            backgroundFeedbackBottom: e.movistarBlue,
+            skeletonWave: e.grey2,
+            borderLow: e.grey1,
+            border: e.grey3,
+            borderHigh: e.grey5,
+            borderSelected: e.movistarBlue,
+            buttonDangerBackground: e.pepper,
+            buttonDangerBackgroundSelected: e.pepper55,
+            buttonDangerBackgroundHover: e.pepper55,
+            buttonLinkBackgroundSelected: e.movistarBlue10,
+            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            buttonPrimaryBackground: e.movistarBlue,
+            buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundSelected: e.movistarBlue55,
+            buttonPrimaryBackgroundHover: e.movistarBlue55,
+            buttonPrimaryBackgroundInverseSelected: e.movistarBlue30,
+            buttonSecondaryBorder: e.movistarBlue,
+            buttonSecondaryBorderSelected: e.movistarBlue55,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
+            buttonSecondaryBackgroundHover: e.movistarBlue10,
+            buttonSecondaryBackgroundSelected: e.movistarBlue10,
+            buttonSecondaryBackgroundInverseHover: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.movistarBlue,
+            textButtonPrimaryInverseSelected: e.movistarBlue,
+            textButtonSecondary: e.movistarBlue,
+            textButtonSecondarySelected: e.movistarBlue55,
+            textButtonSecondaryInverse: e.white,
+            textButtonSecondaryInverseSelected: e.white,
+            textLink: e.movistarBlue,
+            textLinkInverse: e.white,
+            textLinkDanger: e.pepper,
+            textLinkSnackbar: e.movistarBlue30,
+            control: e.grey3,
+            controlActivated: e.movistarBlue,
+            controlError: e.pepper,
+            loadingBar: e.movistarBlue30,
+            loadingBarBackground: e.movistarBlue55,
+            toggleAndroidInactive: e.grey2,
+            toggleAndroidBackgroundActive: e.movistarBlue20,
+            iosControlKnob: e.white,
+            divider: e.grey2,
+            dividerInverse: e.movistarBlue55,
+            navigationBarDivider: e.movistarBlue,
+            badge: e.pepper55,
+            feedbackErrorBackground: e.pepper,
+            feedbackInfoBackground: e.grey6,
+            brand: e.movistarBlue,
+            brandHigh: e.movistarBlue55,
+            inverse: e.white,
+            neutralHigh: e.grey6,
+            neutralMedium: e.grey5,
+            neutralLow: e.grey1,
+            promo: e.purple,
+            highlight: e.pink,
+            textPrimary: e.grey6,
+            textPrimaryInverse: e.white,
+            textSecondary: e.grey5,
+            textSecondaryInverse: e.white,
+            error: e.pepper,
+            success: e.movistarGreen,
+            warning: e.egg,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.movistarBlue20,
+            textNavigationSearchBarHint: e.movistarBlue20,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.movistarBlue,
+            successLow: e.movistarGreen10,
+            warningLow: e.egg10,
+            errorLow: e.pepper10,
+            promoLow: e.purple10,
+            brandLow: e.movistarBlue10,
+            successHigh: e.movistarGreen70,
+            warningHigh: e.egg80,
+            errorHigh: e.pepper70,
+            promoHigh: e.purple70,
+            successHighInverse: e.movistarGreen70,
+            warningHighInverse: e.egg80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.purple70,
+            neutralMediumInverse: e.grey5
+        },
+        darkModeColors: {
+            brand: e.movistarBlue,
+            appBarBackground: e.darkModeGrey,
+            background: e.darkModeBlack,
+            backgroundContainer: e.darkModeGrey,
+            backgroundBrand: e.darkModeBlack,
+            backgroundBrandSecondary: e.darkModeBlack,
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
+            backgroundSkeleton: e.grey6,
+            backgroundSkeletonInverse: e.grey6,
+            navigationBarBackground: e.darkModeBlack,
+            backgroundAlternative: e.darkModeGrey,
+            backgroundFeedbackBottom: e.darkModeBlack,
+            skeletonWave: e.grey5,
+            borderLow: e.darkModeBlack,
+            border: e.darkModeGrey,
+            buttonLinkBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            buttonLinkBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            buttonPrimaryBackground: e.movistarBlue,
+            buttonPrimaryBackgroundInverse: e.movistarBlue,
+            buttonPrimaryBackgroundSelected: e.movistarBlue55,
+            buttonPrimaryBackgroundHover: e.movistarBlue55,
+            buttonPrimaryBackgroundInverseSelected: e.movistarBlue55,
+            buttonSecondaryBorder: e.white,
+            buttonSecondaryBorderSelected: e.white,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderInverseSelected: e.white,
+            buttonSecondaryBackgroundHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundInverseHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
+            textButtonPrimary: e.grey2,
+            textButtonPrimaryInverse: e.grey2,
+            textButtonPrimaryInverseSelected: e.grey2,
+            textButtonSecondary: e.grey2,
+            textButtonSecondarySelected: e.grey2,
+            textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryInverseSelected: e.grey2,
+            textLink: e.movistarBlue,
+            textLinkInverse: e.movistarBlue,
+            control: e.grey6,
+            controlActivated: e.movistarBlue,
+            loadingBar: e.movistarBlue,
+            loadingBarBackground: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            toggleAndroidInactive: e.grey4,
+            toggleAndroidBackgroundActive: e.movistarBlue20,
+            iosControlKnob: e.grey2,
+            divider: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            dividerInverse: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            brandHigh: e.grey6,
+            inverse: e.grey2,
+            neutralHigh: e.grey2,
+            neutralMedium: e.grey5,
+            neutralLow: e.grey6,
+            textPrimary: e.grey2,
+            textPrimaryInverse: e.grey2,
+            textSecondary: e.grey4,
+            textSecondaryInverse: e.grey4,
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            successLow: e.grey6,
+            warningLow: e.grey6,
+            errorLow: e.grey6,
+            promoLow: e.grey6,
+            brandLow: e.grey6,
+            successHigh: e.movistarGreen40,
+            warningHigh: e.egg40,
+            errorHigh: e.pepper40,
+            promoHigh: e.purple40,
+            successHighInverse: e.movistarGreen70,
+            warningHighInverse: e.egg80,
+            errorHighInverse: e.pepper70,
+            promoHighInverse: e.purple70,
+            neutralMediumInverse: e.grey5
+        },
+        textPresets: {
+            text5: {
+                weight: "bold"
+            },
+            text6: {
+                weight: "bold"
+            },
+            text7: {
+                weight: "bold"
+            },
+            text8: {
+                weight: "bold"
+            },
+            text9: {
+                weight: "bold"
+            },
+            text10: {
+                weight: "bold"
+            }
+        }
+    };
+    return o === "prominent" && (t.colors.brand = e.movistarProminentBlue, t.colors.brandHigh = e.movistarProminentBlueDark, t.colors.backgroundBrand = e.movistarProminentBlue, t.colors.navigationBarBackground = e.movistarProminentBlue, t.colors.backgroundFeedbackBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
+};

package/dist/skins/movistar.d.ts

@@ -6,6 +6,7 @@ export declare const palette: {
     readonly movistarBlue30: "#80CEF9";
     readonly movistarBlue40: "#4DBAF7";
     readonly movistarBlue55: "#008EDD";
+    readonly movistarBlueDark: "#0B2739";
     readonly movistarGreen: "#5CB615";
     readonly movistarGreen10: "#EFF8E8";
     readonly movistarGreen30: "#ADDA8A";
@@ -39,7 +40,12 @@ export declare const palette: {
     readonly movistarProminentBlueLight20: "#CED3D7";
     readonly movistarProminentBlueLight50: "#85939C";
     readonly movistarProminentBlueLight70: "#546874";
-    readonly darkModeBlack: "#191919";
-    readonly darkModeGrey: "#242424";
+    readonly darkModeBlack: "#061824";
+    readonly darkModeGrey: "#092130";
+    readonly darkModeGrey2: "#EAEBEE";
+    readonly darkModeGrey3: "#CED4D7";
+    readonly darkModeGrey4: "#85939C";
+    readonly darkModeGrey5: "#6D7D88";
+    readonly darkModeGrey6: "#3C5261";
 };
 export declare const getMovistarSkin: GetKnownSkin;

package/dist/skins/movistar.js

@@ -21,6 +21,7 @@ const e = {
     movistarBlue30: "#80CEF9",
     movistarBlue40: "#4DBAF7",
     movistarBlue55: "#008EDD",
+    movistarBlueDark: "#0B2739",
     movistarGreen: "#5CB615",
     movistarGreen10: "#EFF8E8",
     movistarGreen30: "#ADDA8A",
@@ -54,20 +55,24 @@ const e = {
     movistarProminentBlueLight20: "#CED3D7",
     movistarProminentBlueLight50: "#85939C",
     movistarProminentBlueLight70: "#546874",
-    darkModeBlack: "#191919",
-    darkModeGrey: "#242424"
-}, d = (o)=>{
-    const t = {
+    darkModeBlack: "#061824",
+    darkModeGrey: "#092130",
+    darkModeGrey2: "#EAEBEE",
+    darkModeGrey3: "#CED4D7",
+    darkModeGrey4: "#85939C",
+    darkModeGrey5: "#6D7D88",
+    darkModeGrey6: "#3C5261"
+}, d = ()=>({
         name: _constantsJs.MOVISTAR_SKIN,
         colors: {
             appBarBackground: e.white,
             background: e.white,
             backgroundContainer: e.white,
             backgroundBrand: e.movistarBlue,
-            backgroundBrandSecondary: e.movistarBlue,
-            backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
+            backgroundBrandSecondary: e.movistarBlueDark,
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.movistarBlueDark, 0.6),
             backgroundSkeleton: e.grey2,
-            backgroundSkeletonInverse: e.movistarBlue55,
+            backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
             navigationBarBackground: e.movistarBlue,
             backgroundAlternative: e.grey1,
             backgroundFeedbackBottom: e.movistarBlue,
@@ -118,19 +123,19 @@ const e = {
             navigationBarDivider: e.movistarBlue,
             badge: e.pepper55,
             feedbackErrorBackground: e.pepper,
-            feedbackInfoBackground: e.grey6,
+            feedbackInfoBackground: e.movistarBlueDark,
             brand: e.movistarBlue,
             brandHigh: e.movistarBlue55,
             inverse: e.white,
-            neutralHigh: e.grey6,
+            neutralHigh: e.movistarBlueDark,
             neutralMedium: e.grey5,
             neutralLow: e.grey1,
             promo: e.purple,
             highlight: e.pink,
-            textPrimary: e.grey6,
+            textPrimary: e.movistarBlueDark,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.movistarBlue10,
             error: e.pepper,
             success: e.movistarGreen,
             warning: e.egg,
@@ -156,19 +161,19 @@ const e = {
             neutralMediumInverse: e.grey5
         },
         darkModeColors: {
-            brand: e.movistarBlue,
             appBarBackground: e.darkModeGrey,
             background: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundBrand: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.grey6,
-            backgroundSkeletonInverse: e.grey6,
+            backgroundSkeleton: e.darkModeGrey6,
+            backgroundSkeletonInverse: e.darkModeGrey6,
             navigationBarBackground: e.darkModeBlack,
             backgroundAlternative: e.darkModeGrey,
             backgroundFeedbackBottom: e.darkModeBlack,
-            skeletonWave: e.grey5,
+            skeletonWave: e.darkModeGrey5,
+            borderHigh: e.darkModeGrey4,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
             buttonLinkBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
@@ -186,40 +191,40 @@ const e = {
             buttonSecondaryBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseHover: (0, _colorJs.applyAlpha)(e.white, 0.15),
             buttonSecondaryBackgroundInverseSelected: (0, _colorJs.applyAlpha)(e.white, 0.15),
-            textButtonPrimary: e.grey2,
-            textButtonPrimaryInverse: e.grey2,
-            textButtonPrimaryInverseSelected: e.grey2,
-            textButtonSecondary: e.grey2,
-            textButtonSecondarySelected: e.grey2,
-            textButtonSecondaryInverse: e.grey2,
-            textButtonSecondaryInverseSelected: e.grey2,
+            textButtonPrimary: e.darkModeGrey2,
+            textButtonPrimaryInverse: e.darkModeGrey2,
+            textButtonPrimaryInverseSelected: e.darkModeGrey2,
+            textButtonSecondary: e.darkModeGrey2,
+            textButtonSecondarySelected: e.darkModeGrey2,
+            textButtonSecondaryInverse: e.darkModeGrey2,
+            textButtonSecondaryInverseSelected: e.darkModeGrey2,
             textLink: e.movistarBlue,
             textLinkInverse: e.movistarBlue,
-            control: e.grey6,
+            control: e.darkModeGrey6,
             controlActivated: e.movistarBlue,
             loadingBar: e.movistarBlue,
             loadingBarBackground: (0, _colorJs.applyAlpha)(e.white, 0.05),
-            toggleAndroidInactive: e.grey4,
+            toggleAndroidInactive: e.darkModeGrey4,
             toggleAndroidBackgroundActive: e.movistarBlue20,
-            iosControlKnob: e.grey2,
+            iosControlKnob: e.darkModeGrey2,
             divider: (0, _colorJs.applyAlpha)(e.white, 0.05),
             dividerInverse: (0, _colorJs.applyAlpha)(e.white, 0.05),
             navigationBarDivider: e.darkModeBlack,
-            brandHigh: e.grey6,
-            inverse: e.grey2,
-            neutralHigh: e.grey2,
-            neutralMedium: e.grey5,
-            neutralLow: e.grey6,
-            textPrimary: e.grey2,
-            textPrimaryInverse: e.grey2,
-            textSecondary: e.grey4,
-            textSecondaryInverse: e.grey4,
-            textNavigationBarPrimary: e.grey2,
-            textNavigationBarSecondary: e.grey4,
-            textNavigationSearchBarHint: e.grey4,
-            textNavigationSearchBarText: e.grey2,
-            textAppBar: e.grey5,
-            textAppBarSelected: e.grey2,
+            brandHigh: e.darkModeGrey6,
+            inverse: e.darkModeGrey2,
+            neutralHigh: e.darkModeGrey2,
+            neutralMedium: e.darkModeGrey5,
+            neutralLow: e.darkModeGrey6,
+            textPrimary: e.darkModeGrey2,
+            textPrimaryInverse: e.darkModeGrey2,
+            textSecondary: e.darkModeGrey4,
+            textSecondaryInverse: e.darkModeGrey4,
+            textNavigationBarPrimary: e.darkModeGrey2,
+            textNavigationBarSecondary: e.darkModeGrey4,
+            textNavigationSearchBarHint: e.darkModeGrey4,
+            textNavigationSearchBarText: e.darkModeGrey2,
+            textAppBar: e.darkModeGrey5,
+            textAppBarSelected: e.darkModeGrey2,
             successLow: e.grey6,
             warningLow: e.grey6,
             errorLow: e.grey6,
@@ -253,8 +258,9 @@ const e = {
             },
             text10: {
                 weight: "bold"
+            },
+            cardTitle: {
+                weight: "bold"
             }
         }
-    };
-    return o === "prominent" && (t.colors.brand = e.movistarProminentBlue, t.colors.brandHigh = e.movistarProminentBlueDark, t.colors.backgroundBrand = e.movistarProminentBlue, t.colors.navigationBarBackground = e.movistarProminentBlue, t.colors.backgroundFeedbackBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
-};
+    });

package/dist/skins/o2-classic.js

@@ -137,7 +137,7 @@ const e = {
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.o2SkyBlueLight20,
             error: e.pepper,
             success: e.o2Green,
             warning: e.orange,

package/dist/skins/o2.js

@@ -127,7 +127,7 @@ const e = {
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.o2BluePrimary15,
             error: e.pepper,
             success: e.o2Green,
             warning: e.o2Orange,

package/dist/skins/telefonica.js

@@ -123,7 +123,7 @@ const e = {
             textPrimary: e.grey9,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.telefonicaBlue10,
             error: e.coral,
             success: e.turquoise,
             warning: e.ambar,

package/dist/skins/types.d.ts

@@ -3,7 +3,7 @@ export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Telefon
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
-type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10';
+type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10' | 'cardTitle';
 export type TextPresetsConfig = {
     [preset in TextPresetName]: {
         weight: FontWeight;

package/dist/skins/utils.js

@@ -59,7 +59,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const C = (r, n)=>{
+const C = (r, o)=>{
     switch(r){
         case _constantsJs.BLAU_SKIN:
             return (0, _blauJs.getBlauSkin)();
@@ -72,7 +72,7 @@ const C = (r, n)=>{
         case _constantsJs.O2_CLASSIC_SKIN:
             return (0, _o2ClassicJs.getO2ClassicSkin)();
         case _constantsJs.MOVISTAR_SKIN:
-            return (0, _movistarJs.getMovistarSkin)(n);
+            return (0, _movistarJs.getMovistarSkin)();
         default:
             throw Error("Unknown skin name: " + r);
     }

package/dist/skins/vivo.js

@@ -121,7 +121,7 @@ const e = {
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
             textSecondary: e.grey5,
-            textSecondaryInverse: e.white,
+            textSecondaryInverse: e.vivoPurpleLight20,
             error: e.pepper,
             success: e.vivoGreen,
             warning: e.orange,

package/dist/text-field.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>q
+    get: ()=>z
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _formContextJs = require("./form-context.js");
 const _textFieldBaseJs = require("./text-field-base.js");
 const _commonJs = require("./utils/common.js");
+const _domJs = require("./utils/dom.js");
+const _hooksJs = require("./hooks.js");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -129,8 +131,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const q = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
-    var { disabled: n , error: s , helperText: f , name: o , optional: m , validate: a , onChangeValue: p , onChange: R , value: d , defaultValue: x , onBlur: r , onFocus: i , onPress: T  } = _param, u = _objectWithoutProperties(_param, [
+const F = (c, t, r, i)=>{
+    (0, _hooksJs.useIsomorphicLayoutEffect)(()=>{
+        c && t && r && t.length > r && i && i((0, _domJs.createChangeEvent)(c, t.slice(0, r)));
+    }, [
+        i,
+        t,
+        r,
+        c
+    ]);
+}, z = /*#__PURE__*/ _react.forwardRef((_param, g)=>{
+    var { disabled: c , error: t , helperText: r , name: i , optional: m , validate: a , onChangeValue: p , onChange: R , value: d , defaultValue: T , onBlur: u , onFocus: l , onPress: x  } = _param, s = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -145,33 +156,33 @@ const q = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
         "onFocus",
         "onPress"
     ]);
-    const e = _react.useRef(null), g = (t)=>t, b = (t)=>{
-        u.multiline && e.current && (e.current.scrollTop = 0), r == null || r(t);
-    }, h = (t)=>{
-        u.multiline && setTimeout(()=>{
+    const e = _react.useRef(null), v = (o)=>o, h = (o)=>{
+        s.multiline && e.current && (e.current.scrollTop = 0), u == null || u(o);
+    }, y = (o)=>{
+        s.multiline && setTimeout(()=>{
             if (e.current) {
-                const j = e.current.value;
-                e.current.value = "", e.current.value = j, e.current.scrollTop = e.current.scrollHeight;
+                const E = e.current.value;
+                e.current.value = "", e.current.value = E, e.current.scrollTop = e.current.scrollHeight;
             }
-        }, 0), i == null || i(t);
-    }, l = (0, _formContextJs.useFieldProps)({
-        name: o,
+        }, 0), l == null || l(o);
+    }, f = (0, _formContextJs.useFieldProps)({
+        name: i,
         value: d,
-        defaultValue: x,
-        processValue: g,
-        helperText: f,
+        defaultValue: T,
+        processValue: v,
+        helperText: r,
         optional: m,
-        error: s,
-        disabled: n,
-        onBlur: b,
+        error: t,
+        disabled: c,
+        onBlur: h,
         validate: a,
         onChange: R,
         onChangeValue: p
     });
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, _objectSpreadProps(_objectSpread({}, u, l), {
-        onClick: T,
-        inputRef: (0, _commonJs.combineRefs)(e, l.inputRef, v),
-        onFocus: h,
+    return F(e.current, f.value, s.maxLength, f.onChange), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textFieldBaseJs.TextFieldBaseAutosuggest, _objectSpreadProps(_objectSpread({}, s, f), {
+        onClick: x,
+        inputRef: (0, _commonJs.combineRefs)(e, f.inputRef, g),
+        onFocus: y,
         type: "text"
     }));
 });