@telefonica/mistica 14.25.0 → 14.26.0

package/dist-es/integer-field.js

@@ -77,30 +77,31 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { useFieldProps as x } from "./form-context.js";
 import { useTheme as F } from "./hooks.js";
 import { TextFieldBaseAutosuggest as v } from "./text-field-base.js";
 const T = (_param)=>{
-    var { inputRef: u , value: r , defaultValue: n  } = _param, i = _object_without_properties(_param, [
+    var { inputRef: u , value: r , defaultValue: n , type: i = "text"  } = _param, o = _object_without_properties(_param, [
         "inputRef",
         "value",
-        "defaultValue"
+        "defaultValue",
+        "type"
     ]);
     const t = (e)=>String(e !== null && e !== void 0 ? e : "").replace(/[^\d]/g, "");
-    return /* @__PURE__ */ c("input", _object_spread_props(_object_spread({}, i), {
+    return /* @__PURE__ */ d("input", _object_spread_props(_object_spread({}, o), {
         inputMode: "numeric",
         pattern: "[0-9]*",
         onInput: (e)=>{
             e.currentTarget.value = t(e.currentTarget.value);
         },
         ref: u,
-        type: "text",
+        type: i,
         value: r === void 0 ? void 0 : t(r),
         defaultValue: n === void 0 ? void 0 : t(n)
     }));
 }, h = (_param)=>{
-    var { disabled: u , error: r , helperText: n , name: i , optional: t , validate: o , onChange: e , onChangeValue: d , onBlur: p , value: m , defaultValue: a  } = _param, l = _object_without_properties(_param, [
+    var { disabled: u , error: r , helperText: n , name: i , optional: o , validate: t , onChange: c , onChangeValue: e , onBlur: m , value: p , defaultValue: a  } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -115,19 +116,19 @@ const T = (_param)=>{
     ]);
     const { texts: f  } = F(), g = x({
         name: i,
-        value: m,
+        value: p,
         defaultValue: a,
         processValue: (s)=>s.trim(),
         helperText: n,
-        optional: t,
+        optional: o,
         error: r,
         disabled: u,
-        onBlur: p,
-        validate: (s, I)=>s ? o == null ? void 0 : o(s, I) : t ? "" : f.formFieldErrorIsMandatory,
-        onChange: e,
-        onChangeValue: d
+        onBlur: m,
+        validate: (s, I)=>s ? t == null ? void 0 : t(s, I) : o ? "" : f.formFieldErrorIsMandatory,
+        onChange: c,
+        onChangeValue: e
     });
-    return /* @__PURE__ */ c(v, _object_spread_props(_object_spread({}, l, g), {
+    return /* @__PURE__ */ d(v, _object_spread_props(_object_spread({}, l, g), {
         inputComponent: T
     }));
 }, C = h;

package/dist-es/list.js

@@ -94,7 +94,7 @@ import se from "./checkbox.js";
 import { Boxed as de } from "./boxed.js";
 import le from "./divider.js";
 import { getPrefixedDataAttributes as he } from "./utils/dom.js";
-import { rowContent as B, touchableBackground as R, touchableBackgroundInverse as C, pointer as V, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, dualActionRight as ue, content as me, center as W, disabled as I, asset as fe, rowBody as ge, right as ve, rightRestrictedWidth as be, detail as xe, detailRight as _, badge as we } from "./list.css-mistica.js";
+import { rowContent as B, touchableBackground as R, touchableBackgroundInverse as C, pointer as V, dualActionContainer as Q, dualActionLeft as U, dualActionDivider as Z, content as ue, center as W, disabled as I, asset as me, rowBody as fe, right as ge, rightRestrictedWidth as ve, detail as be, detailRight as _, dualActionRight as xe, badge as we } from "./list.css-mistica.js";
 import { vars as N } from "./skins/skin-contract.css-mistica.js";
 const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         centerY: n
@@ -126,7 +126,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         }) : null;
     return /* @__PURE__ */ k(m, {
         paddingY: 16,
-        className: me,
+        className: ue,
         children: [
             E && /* @__PURE__ */ t(m, {
                 paddingRight: 16,
@@ -135,12 +135,12 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     [I]: v
                 }),
                 children: /* @__PURE__ */ t("div", {
-                    className: fe,
+                    className: me,
                     children: E
                 })
             }),
             /* @__PURE__ */ t("div", {
-                className: a(ge, {
+                className: a(fe, {
                     [I]: v
                 }),
                 style: {
@@ -189,12 +189,12 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
             f(),
             /* @__PURE__ */ k("div", {
                 className: a({
-                    [ve]: !!c || g !== "basic",
-                    [be]: !!c
+                    [ge]: !!c || g !== "basic",
+                    [ve]: !!c
                 }),
                 children: [
                     c && /* @__PURE__ */ t("div", {
-                        className: a(W, xe, {
+                        className: a(W, be, {
                             [I]: v
                         }),
                         children: /* @__PURE__ */ t(O, {
@@ -350,7 +350,7 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
                     render: (param)=>/* @__PURE__ */ {
                         let { controlElement: H  } = param;
                         return t("div", {
-                            className: ue,
+                            className: xe,
                             children: H
                         });
                     }
@@ -511,4 +511,4 @@ const $ = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
         children: e
     });
 };
-export { Ge as BoxedRow, Je as BoxedRowList, qe as Row, ze as RowList };
+export { Ge as BoxedRow, Je as BoxedRowList, ye as Content, qe as Row, ze as RowList };

package/dist-es/menu.css-mistica.js

@@ -1,11 +1,17 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./menu.css.ts.vanilla.css-mistica.js";
-var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdx _1y2v1nfb6 _1y2v1nfbc _1y2v1nfb1", a = "_2k0k3u8", n = {
+var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nf31 _1y2v1nfdz _1y2v1nfb6 _1y2v1nfbc _1y2v1nfb1", t = "_2k0k3ud", _ = "_2k0k3ug", a = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+    enter: "_2k0k3u9",
+    enterActive: "_2k0k3ua",
+    exit: "_2k0k3ub",
+    exitActive: "_2k0k3uc"
+}, o = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",
+    right: "var(--_2k0k3u4)",
     width: "var(--_2k0k3u3)",
-    maxHeight: "var(--_2k0k3u4)",
-    transformOrigin: "var(--_2k0k3u5)"
+    maxHeight: "var(--_2k0k3u5)",
+    transformOrigin: "var(--_2k0k3u6)"
 };
-export { r as hideItems, _ as menuContainer, a as showItems, n as vars };
+export { r as iconContainer, n as itemContent, v as menuContainer, t as menuItem, _ as menuItemDisabled, a as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, o as vars };

package/dist-es/menu.js

@@ -50,116 +50,285 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsxs as R, jsx as b } from "react/jsx-runtime";
-import * as t from "react";
-import _ from "classnames";
-import { TAB as k, ESC as B } from "./utils/key-codes.js";
-import { getPrefixedDataAttributes as N, cancelEvent as I } from "./utils/dom.js";
-import U from "./overlay.js";
-import { menuContainer as j, showItems as q, hideItems as z, vars as r } from "./menu.css-mistica.js";
-import { useWindowSize as G } from "./hooks.js";
-import { Portal as V } from "./portal.js";
-import { assignInlineVars as W } from "@vanilla-extract/dynamic";
-const K = 350, f = 400, H = 12, J = (param)=>{
-    let { renderTarget: v , renderMenu: y , width: c = K , position: M = "left" , dataAttributes: A  } = param;
-    const [e, i] = t.useState(!1), [a, O] = t.useState(null), [u, P] = t.useState(null), [T, w] = t.useState(!1), [s, m] = t.useState(null), p = G();
-    t.useEffect(()=>{
-        const o = a == null ? void 0 : a.getBoundingClientRect();
-        if (!u || !o || !e) {
-            w(!1);
-            return;
-        }
-        var _parseInt;
-        const { top: n , width: D , left: E , bottom: d  } = o, g = (_parseInt = parseInt(window.getComputedStyle(u).getPropertyValue("height"))) !== null && _parseInt !== void 0 ? _parseInt : 0, l = M === "left" ? E : E + D - c, h = p.height - d - H, x = n - H, F = h > g, L = x > g;
-        F ? m({
-            left: l,
-            top: `${d}px`,
-            bottom: "auto",
-            maxHeight: f,
-            transformOrigin: "center top"
-        }) : L ? m({
-            left: l,
-            top: `${n - g}px`,
-            bottom: "auto",
-            maxHeight: f,
-            transformOrigin: "center bottom"
-        }) : h > x ? m({
-            left: l,
-            top: `${d}px`,
+import { jsx as e, jsxs as C, Fragment as U } from "react/jsx-runtime";
+import * as n from "react";
+import ne from "classnames";
+import { TAB as oe, ENTER as W, SPACE as G, ESC as se, UP as re, LEFT as ie, DOWN as K, RIGHT as ce } from "./utils/key-codes.js";
+import { getPrefixedDataAttributes as le, cancelEvent as S } from "./utils/dom.js";
+import ae from "./overlay.js";
+import { menuItem as me, menuItemEnabled as ue, menuItemDisabled as de, menuItemHovered as fe, menuSectionDivider as pe, menuTransitionClasses as he, vars as I, itemContent as Y, iconContainer as j, menuContainer as ge } from "./menu.css-mistica.js";
+import { useWindowSize as xe } from "./hooks.js";
+import { Portal as Ie } from "./portal.js";
+import { assignInlineVars as be } from "@vanilla-extract/dynamic";
+import y from "./box.js";
+import ve from "./inline.js";
+import Me from "./touchable.js";
+import { Text3 as X } from "./text.js";
+import { vars as q } from "./skins/skin-contract.css-mistica.js";
+import Oe from "./divider.js";
+import Te from "./checkbox.js";
+import { CSSTransition as Se } from "react-transition-group";
+import { combineRefs as Ce } from "./utils/common.js";
+const Ee = 120, Q = /*#__PURE__*/ n.createContext({
+    focusedItem: null,
+    isMenuOpen: !1,
+    setFocusedItem: ()=>{},
+    closeMenu: ()=>{}
+}), ke = ()=>n.useContext(Q), D = (r)=>r ? Array.from(r.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (r, d)=>{
+    if (!d) return null;
+    const f = D(r).indexOf(d);
+    return f < 0 ? null : f;
+}, je = (param)=>{
+    let { label: r , Icon: d , destructive: f , disabled: m , onPress: E , controlType: o , checked: p  } = param;
+    const { focusedItem: s , setFocusedItem: v , closeMenu: i , isMenuOpen: k  } = ke(), c = n.useRef(null), h = f ? q.colors.textLinkDanger : q.colors.neutralHigh, x = c == null ? void 0 : c.current, M = (x == null ? void 0 : x.closest("[role=menu]")) || null, u = Ne(M, x), l = ()=>o === "checkbox" ? /* @__PURE__ */ e(Te, {
+            ref: c,
+            name: r,
+            checked: p,
+            onChange: ()=>{
+                k && u !== null && (E(u), i());
+            },
+            disabled: m,
+            role: "menuitemcheckbox",
+            render: (param)=>/* @__PURE__ */ {
+                let { controlElement: N  } = param;
+                return e(y, {
+                    paddingX: 8,
+                    paddingY: 12,
+                    children: /* @__PURE__ */ C(ve, {
+                        space: "between",
+                        alignItems: "center",
+                        children: [
+                            /* @__PURE__ */ C("div", {
+                                className: Y,
+                                children: [
+                                    d && /* @__PURE__ */ e("div", {
+                                        className: j,
+                                        children: /* @__PURE__ */ e(d, {
+                                            size: 24,
+                                            color: h
+                                        })
+                                    }),
+                                    /* @__PURE__ */ e(X, {
+                                        regular: !0,
+                                        color: h,
+                                        children: r
+                                    })
+                                ]
+                            }),
+                            /* @__PURE__ */ e(y, {
+                                paddingLeft: 16,
+                                children: N
+                            })
+                        ]
+                    })
+                });
+            }
+        }) : /* @__PURE__ */ e(Me, {
+            ref: c,
+            onPress: ()=>{
+                k && u !== null && (E(u), i());
+            },
+            disabled: m,
+            role: "menuitem",
+            children: /* @__PURE__ */ e(y, {
+                paddingX: 8,
+                paddingY: 12,
+                children: /* @__PURE__ */ C("div", {
+                    className: Y,
+                    children: [
+                        d && /* @__PURE__ */ e("div", {
+                            className: j,
+                            children: /* @__PURE__ */ e(d, {
+                                size: 24,
+                                color: h
+                            })
+                        }),
+                        /* @__PURE__ */ e(X, {
+                            regular: !0,
+                            color: h,
+                            children: r
+                        })
+                    ]
+                })
+            })
+        });
+    return /* @__PURE__ */ e("div", {
+        className: ne(me, {
+            [ue]: !m,
+            [de]: m,
+            [fe]: !m && u !== null && s === u
+        }),
+        onMouseMove: ()=>v(m ? null : u),
+        onMouseLeave: ()=>v(null),
+        children: l()
+    });
+}, Xe = (param)=>{
+    let { children: r  } = param;
+    return r ? /* @__PURE__ */ C(U, {
+        children: [
+            r,
+            /* @__PURE__ */ e(y, {
+                paddingY: 8,
+                className: pe,
+                children: /* @__PURE__ */ e(Oe, {})
+            })
+        ]
+    }) : /* @__PURE__ */ e(U, {});
+}, V = 12, J = 8, qe = (param)=>{
+    let { renderTarget: r , renderMenu: d , width: f , position: m = "left" , dataAttributes: E  } = param;
+    const [o, p] = n.useState(!1), [s, v] = n.useState(null), [i, k] = n.useState(null), [c, h] = n.useState(null), [x, M] = n.useState(!1), u = n.useRef(null), [l, N] = n.useState(null), R = xe();
+    n.useEffect(()=>{
+        const a = s == null ? void 0 : s.getBoundingClientRect();
+        if (!i || !a || !o) return;
+        const { top: t , right: O , left: g , bottom: F  } = a, T = i.scrollHeight, b = m === "left" ? g : void 0, A = m === "right" ? R.width - O : void 0, L = t - J, $ = F + J, H = R.height - $ - V, P = L - V, B = H > T, z = P > T, te = B || !z && H > P;
+        N(te ? {
+            left: b,
+            right: A,
+            top: `${$}px`,
             bottom: "auto",
-            maxHeight: Math.min(h, f),
+            maxHeight: B ? void 0 : H,
             transformOrigin: "center top"
-        }) : m({
-            left: l,
+        } : {
+            left: b,
+            right: A,
             top: "auto",
-            bottom: `${p.height - n}px`,
-            maxHeight: Math.min(x, f),
+            bottom: `${R.height - L}px`,
+            maxHeight: z ? void 0 : P,
             transformOrigin: "center bottom"
         });
-        let S;
-        return e && (S = requestAnimationFrame(()=>{
-            w(!0);
-        })), ()=>{
-            S && cancelAnimationFrame(S);
-        };
     }, [
-        M,
-        e,
-        u,
-        a,
-        c,
-        p
+        m,
+        o,
+        i,
+        s,
+        f,
+        R
     ]);
-    const C = t.useMemo(()=>({
-            ref: O,
+    const Z = n.useMemo(()=>({
+            ref: v,
             onPress: ()=>{
-                i(!e);
+                p(!o);
             }
         }), [
-        O,
-        e,
+        v,
+        o
+    ]), ee = {
+        ref: Ce(k, u),
+        className: ge,
+        close: ()=>p(!1)
+    }, w = n.useCallback(()=>{
+        const t = D(i).findIndex((O)=>!O.getAttribute("aria-disabled"));
+        h(t < 0 ? null : t);
+    }, [
+        i
+    ]), _ = n.useCallback((a)=>{
+        var T;
+        const t = D(i);
+        a && t.reverse();
+        const O = c === null ? -1 : a ? t.length - 1 - c : c;
+        let g = t.findIndex((b, A)=>!b.getAttribute("aria-disabled") && A > O);
+        g === -1 && (g = t.findIndex((b)=>!b.getAttribute("aria-disabled")));
+        const F = a && g !== -1 ? t.length - 1 - g : g;
+        h(F < 0 ? null : F), (T = t[g]) == null || T.focus();
+    }, [
+        c,
         i
-    ]), $ = t.useMemo(()=>({
-            ref: P,
-            className: _(j, T ? q : z),
-            close: ()=>{
-                i(!1);
-            }
-        }), [
-        T
     ]);
-    return t.useEffect(()=>{
-        const o = (n)=>{
-            e && (n.keyCode === k && I(n), n.keyCode === B && i(!1));
+    return n.useEffect(()=>{
+        o ? x && i && (w(), M(!1)) : h(null);
+    }, [
+        o,
+        w,
+        x,
+        i
+    ]), n.useEffect(()=>{
+        const a = (t)=>{
+            if (o) switch(t.keyCode){
+                case ce:
+                case K:
+                    S(t), _();
+                    break;
+                case ie:
+                case re:
+                    S(t), _(!0);
+                    break;
+                case se:
+                    p(!1);
+                    break;
+                case G:
+                case W:
+                    S(t), c !== null && D(i)[c].click();
+                    break;
+                case oe:
+                    S(t);
+                    break;
+            }
+            else switch(t.keyCode){
+                case W:
+                case G:
+                    M(!0);
+                    break;
+                case K:
+                    s === document.activeElement && (M(!0), p(!0));
+                    break;
+            }
         };
-        return document.addEventListener("keydown", o, !1), ()=>{
-            document.removeEventListener("keydown", o, !1);
+        return document.addEventListener("keydown", a, !1), ()=>{
+            document.removeEventListener("keydown", a, !1);
         };
-    }), /* @__PURE__ */ R("div", _object_spread_props(_object_spread({}, N(A, "Menu")), {
+    }), n.useEffect(()=>{
+        s == null || s.setAttribute("aria-expanded", String(o));
+    }, [
+        s,
+        o
+    ]), /* @__PURE__ */ C("div", _object_spread_props(_object_spread({}, le(E, "Menu")), {
         children: [
-            v(_object_spread_props(_object_spread({}, C), {
-                isMenuOpen: e
+            r(_object_spread_props(_object_spread({}, Z), {
+                isMenuOpen: o
             })),
-            e ? /* @__PURE__ */ b(V, {
-                children: /* @__PURE__ */ b(U, {
-                    onPress: (o)=>{
-                        I(o), i(!1);
-                    },
-                    disableScroll: !0,
-                    children: /* @__PURE__ */ b("div", {
-                        style: _object_spread({}, W(_object_spread({}, s ? {
-                            [r.top]: s.top,
-                            [r.bottom]: s.bottom,
-                            [r.left]: `${s.left}px`,
-                            [r.transformOrigin]: s.transformOrigin,
-                            [r.maxHeight]: `${s.maxHeight}px`,
-                            [r.width]: `${c}px`
-                        } : {}))),
-                        children: y($)
+            /* @__PURE__ */ e(Ie, {
+                children: /* @__PURE__ */ e(Se, {
+                    in: o,
+                    nodeRef: u,
+                    timeout: Ee,
+                    classNames: he,
+                    mountOnEnter: !0,
+                    unmountOnExit: !0,
+                    onExit: ()=>s == null ? void 0 : s.focus(),
+                    children: /* @__PURE__ */ e(ae, {
+                        onPress: (a)=>{
+                            S(a), p(!1);
+                        },
+                        disableScroll: !0,
+                        children: /* @__PURE__ */ e("div", {
+                            style: _object_spread({}, be(_object_spread({}, l ? _object_spread({
+                                [I.top]: l.top,
+                                [I.bottom]: l.bottom,
+                                [I.transformOrigin]: l.transformOrigin
+                            }, l.left !== void 0 && {
+                                [I.left]: `${l.left}px`
+                            }, l.right !== void 0 && {
+                                [I.right]: `${l.right}px`
+                            }, l.maxHeight !== void 0 && {
+                                [I.maxHeight]: `${l.maxHeight}px`
+                            }, f !== void 0 && {
+                                [I.width]: f ? `${f}px` : ""
+                            }) : {}))),
+                            role: "menu",
+                            children: /* @__PURE__ */ e(Q.Provider, {
+                                value: {
+                                    isMenuOpen: o,
+                                    focusedItem: c,
+                                    setFocusedItem: h,
+                                    closeMenu: ()=>p(!1)
+                                },
+                                children: d(ee)
+                            })
+                        })
                     })
                 })
-            }) : null
+            })
         ]
     }));
-}, rt = J;
-export { rt as default };
+};
+export { qe as Menu, je as MenuItem, Xe as MenuSection };

package/dist-es/overlay.js

@@ -50,11 +50,10 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as p } from "react/jsx-runtime";
-import * as c from "react";
-import { isAndroid as i, isChrome as l } from "./utils/platform.js";
-import { useDisableBodyScroll as y, useTheme as h } from "./hooks.js";
-import { getPrefixedDataAttributes as b } from "./utils/dom.js";
+import { jsx as m } from "react/jsx-runtime";
+import { isAndroid as r, isChrome as i } from "./utils/platform.js";
+import { useDisableBodyScroll as p, useTheme as s } from "./hooks.js";
+import { getPrefixedDataAttributes as y } from "./utils/dom.js";
 const x = {
     position: "fixed",
     top: 0,
@@ -64,29 +63,28 @@ const x = {
     zIndex: 12,
     outline: "none",
     WebkitTapHighlightColor: "transparent"
-}, g = (param)=>{
-    let { onPress: o , children: a , className: n , style: s , disableScroll: f = !1 , dataAttributes: u  } = param;
-    const [d, r] = c.useState(!0);
-    y(f);
-    const { platformOverrides: e  } = h(), m = (t)=>{
+}, b = (param)=>{
+    let { onPress: o , children: a , className: l , style: n , disableScroll: f = !1 , dataAttributes: u  } = param;
+    p(f);
+    const { platformOverrides: e  } = s(), d = (t)=>{
         t.button === 2 && o && o(t);
     };
-    return /* @__PURE__ */ p("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
         "data-overlay": "true"
-    }, b(u, "Overlay")), {
-        style: _object_spread({}, x, s),
-        className: n,
+    }, y(u, "Overlay")), {
+        style: _object_spread({}, x, n),
+        className: l,
         onPointerDown: (t)=>{
-            t.target.dataset.overlay && o && (a && i(e) && l(e) ? (r(!1), t.stopPropagation()) : o(t));
+            t.target.dataset.overlay && o && (a && r(e) && i(e) ? t.stopPropagation() : o(t));
         },
         onClick: (t)=>{
-            t.target.dataset.overlay && o && a && i(e) && l(e) && (r(!0), o(t));
+            t.target.dataset.overlay && o && a && r(e) && i(e) && o(t);
         },
         "touch-action": "auto",
-        onContextMenu: m,
+        onContextMenu: d,
         role: "button",
         tabIndex: 0,
-        children: d && a
+        children: a
     }));
-}, S = g;
-export { S as default };
+}, C = b;
+export { C as default };