@telefonica/mistica 14.2.0 → 14.4.0

package/dist-es/date-time-picker.js

@@ -83,14 +83,14 @@ import R from "./generated/mistica-icons/icon-calendar-regular.js";
 import H from "react-datetime";
 import S from "./overlay.js";
 import { DEFAULT_WIDTH as I } from "./text-field-components.css-mistica.js";
-import g from "./icon-button.js";
+import h from "./icon-button.js";
 import { cancelEvent as B, createChangeEvent as E } from "./utils/dom.js";
 import { useTheme as F, useElementDimensions as L } from "./hooks.js";
 import T from "./generated/mistica-icons/icon-close-regular.js";
 import { reactDatePicker as V } from "./date-time-picker.css-mistica.js";
 import { jsxs as Y, Fragment as j, jsx as r } from "./_virtual/jsx-runtime.js";
-const h = navigator.language.toLocaleLowerCase().split("-")[0];
-import(/* webpackChunkName: "moment-locale" */ `moment/locale/${h}`).finally(()=>{});
+const g = navigator.language.toLocaleLowerCase().split("-")[0];
+import(/* webpackChunkName: "moment-locale" */ `moment/locale/${g}`).finally(()=>{});
 const Q = (_param)=>{
     var { withTime: s , mode: l , isValidDate: y , optional: u  } = _param, t = _objectWithoutProperties(_param, [
         "withTime",
@@ -98,15 +98,15 @@ const Q = (_param)=>{
         "isValidDate",
         "optional"
     ]);
-    const [m, x] = d.useState(!1), { texts: b  } = F(), n = d.useRef(null), { height: k , ref: v  } = L(), a = (e)=>{
+    const [m, x] = d.useState(!1), { texts: b  } = F(), n = d.useRef(null), { height: k , ref: v  } = L(), i = (e)=>{
         t.disabled || x(e);
     }, w = ()=>{
         var p;
-        const { top: e = 0 , bottom: o = 0 , left: i = 0  } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
+        const { top: e = 0 , bottom: o = 0 , left: a = 0  } = ((p = n.current) == null ? void 0 : p.getBoundingClientRect()) || {}, P = 260 + o < window.innerHeight;
         return {
             width: I,
             top: P ? o : e - k,
-            left: i,
+            left: a,
             position: "absolute",
             borderRadius: 8,
             overflow: "hidden",
@@ -117,21 +117,21 @@ const Q = (_param)=>{
         const e = (o = n.current) == null ? void 0 : o.value;
         return e ? new Date(e) : void 0;
     }, C = (e)=>s ? e.format("yyyy-MM-DD HH:mm") : l === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), f = (e)=>{
-        var i;
+        var a;
         const o = typeof e == "string" ? e : C(e);
-        n.current && (n.current.focus(), (i = t.onChange) == null || i.call(t, E(n.current, o)));
-    }, D = ()=>c() && u ? /* @__PURE__ */ r(g, {
+        n.current && (n.current.focus(), (a = t.onChange) == null || a.call(t, E(n.current, o)));
+    }, D = ()=>c() && u ? /* @__PURE__ */ r(h, {
             "aria-label": b.clearButton,
             size: 32,
-            onPress: (e)=>{
-                e.stopPropagation(), f("");
+            onPress: ()=>{
+                f("");
             },
             children: /* @__PURE__ */ r(T, {})
-        }) : /* @__PURE__ */ r(g, {
+        }) : /* @__PURE__ */ r(h, {
             disabled: t.disabled,
             "aria-label": "",
             size: 32,
-            onPress: ()=>a(!m),
+            onPress: ()=>i(!m),
             children: /* @__PURE__ */ r(R, {})
         });
     return /* @__PURE__ */ Y(j, {
@@ -150,14 +150,14 @@ const Q = (_param)=>{
                     (o = t == null ? void 0 : t.inputRef) == null || o.call(t, e), n.current = e;
                 },
                 readOnly: !0,
-                onKeyDown: ()=>a(!0),
+                onKeyDown: ()=>i(!0),
                 onClick: ()=>{
-                    a(!0);
+                    i(!0);
                 }
             })),
             m && /* @__PURE__ */ r(S, {
                 onPress: (e)=>{
-                    B(e), a(!1);
+                    B(e), i(!1);
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ r("div", {
@@ -169,7 +169,7 @@ const Q = (_param)=>{
                         dateFormat: l === "year-month" ? "YYYY-MM" : void 0,
                         timeFormat: s ? "HH:mm" : !1,
                         initialValue: c(),
-                        locale: h,
+                        locale: g,
                         input: !1,
                         onChange: f,
                         isValidDate: y

package/dist-es/empty-state-card.js

@@ -1,56 +1,60 @@
-import c from "./box.js";
-import { Boxed as S } from "./boxed.js";
-import { useScreenSize as u } from "./hooks.js";
-import p from "./stack.js";
-import { Text4 as N, Text2 as g } from "./text.js";
-import y from "./button-group.js";
-import { container as B, iconContainer as E, image as v } from "./empty-state-card.css-mistica.js";
-import { vars as C } from "./skins/skin-contract.css-mistica.js";
-import { jsx as r, jsxs as d } from "./_virtual/jsx-runtime.js";
-const Y = (param)=>{
-    let { title: n , description: f , button: e , secondaryButton: o , buttonLink: i , icon: l , imageUrl: m , "aria-label": h , dataAttributes: x  } = param;
-    var s;
-    const { isTabletOrSmaller: t  } = u();
-    let a;
-    return m && (a = /* @__PURE__ */ r("img", {
+import p from "./box.js";
+import { Boxed as g } from "./boxed.js";
+import { useScreenSize as u, useTheme as N } from "./hooks.js";
+import c from "./stack.js";
+import { Text as T, Text2 as y } from "./text.js";
+import B from "./button-group.js";
+import { container as E, iconContainer as k, image as v } from "./empty-state-card.css-mistica.js";
+import { vars as z } from "./skins/skin-contract.css-mistica.js";
+import { jsx as e, jsxs as d } from "./_virtual/jsx-runtime.js";
+const V = (param)=>{
+    let { title: n , description: h , button: r , secondaryButton: o , buttonLink: t , icon: a , imageUrl: l , "aria-label": f , dataAttributes: x  } = param;
+    var m;
+    const { isTabletOrSmaller: s  } = u(), { textPresets: S  } = N();
+    let i;
+    return l && (i = /* @__PURE__ */ e("img", {
         className: v,
         alt: "",
-        src: m
-    })), process.env.NODE_ENV !== "production" && e && !((s = e == null ? void 0 : e.props) != null && s.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ r(S, {
+        src: l
+    })), process.env.NODE_ENV !== "production" && r && !((m = r == null ? void 0 : r.props) != null && m.small) && console.error("button property in EmptyStateCard must be a a small Button. Set small prop to true"), /* @__PURE__ */ e(g, {
         dataAttributes: x,
-        children: /* @__PURE__ */ r(c, {
-            paddingY: t ? 24 : 40,
-            paddingX: t ? 16 : 40,
-            children: /* @__PURE__ */ r("section", {
-                className: B,
-                "aria-label": h,
-                children: /* @__PURE__ */ d(p, {
+        children: /* @__PURE__ */ e(p, {
+            paddingY: s ? 24 : 40,
+            paddingX: s ? 16 : 40,
+            children: /* @__PURE__ */ e("section", {
+                className: E,
+                "aria-label": f,
+                children: /* @__PURE__ */ d(c, {
                     space: 16,
                     children: [
-                        a != null ? a : l && /* @__PURE__ */ r("div", {
-                            className: E,
-                            children: l
+                        i != null ? i : a && /* @__PURE__ */ e("div", {
+                            className: k,
+                            children: a
                         }),
-                        /* @__PURE__ */ r(c, {
-                            children: /* @__PURE__ */ d(p, {
+                        /* @__PURE__ */ e(p, {
+                            children: /* @__PURE__ */ d(c, {
                                 space: 8,
                                 children: [
-                                    /* @__PURE__ */ r(N, {
-                                        regular: !0,
+                                    /* @__PURE__ */ e(T, {
+                                        mobileSize: 18,
+                                        mobileLineHeight: "24px",
+                                        desktopSize: 20,
+                                        desktopLineHeight: "28px",
+                                        weight: S.cardTitle.weight,
                                         children: n
                                     }),
-                                    /* @__PURE__ */ r(g, {
+                                    /* @__PURE__ */ e(y, {
                                         regular: !0,
-                                        color: C.colors.textSecondary,
-                                        children: f
+                                        color: z.colors.textSecondary,
+                                        children: h
                                     })
                                 ]
                             })
                         }),
-                        (e || o || i) && /* @__PURE__ */ r(y, {
-                            primaryButton: e,
+                        (r || o || t) && /* @__PURE__ */ e(B, {
+                            primaryButton: r,
                             secondaryButton: o,
-                            link: i
+                            link: t
                         })
                     ]
                 })
@@ -58,4 +62,4 @@ const Y = (param)=>{
         })
     });
 };
-export { Y as default };
+export { V as default };

package/dist-es/header.js

@@ -77,172 +77,180 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import d from "./box.js";
-import l from "./stack.js";
+import p from "./box.js";
+import n from "./stack.js";
 import { useIsInverseVariant as P } from "./theme-variant-context.js";
-import S from "./responsive-layout.js";
-import T from "./grid-layout.js";
-import { useScreenSize as h } from "./hooks.js";
-import v from "./overscroll-color-context.js";
-import { Text6 as B, Text3 as u, Text8 as R, Text7 as j } from "./text.js";
-import G from "./button-group.js";
-import { vars as p } from "./skins/skin-contract.css-mistica.js";
-import { jsxs as t, jsx as r } from "./_virtual/jsx-runtime.js";
-const J = (param)=>{
-    let { pretitle: i , title: e , description: o , dataAttributes: n , preamount: c , amount: s , button: a , subtitle: g , isErrorAmount: H , secondaryButton: x  } = param;
-    const { isTabletOrSmaller: L  } = h(), O = P(), f = (m, y)=>{
-        if (typeof m == "string") return /* @__PURE__ */ r(u, _objectSpreadProps(_objectSpread({
+import x from "./responsive-layout.js";
+import v from "./grid-layout.js";
+import { useScreenSize as f } from "./hooks.js";
+import B from "./overscroll-color-context.js";
+import { Text6 as H, Text3 as T, Text8 as R, Text7 as j } from "./text.js";
+import A from "./button-group.js";
+import { vars as d } from "./skins/skin-contract.css-mistica.js";
+import { jsxs as o, jsx as r, Fragment as C } from "./_virtual/jsx-runtime.js";
+const N = (param)=>{
+    let { pretitle: l , title: e , description: t , dataAttributes: i , preamount: c , amount: m , button: h , subtitle: a , isErrorAmount: s , secondaryButton: y  } = param;
+    const { isTabletOrSmaller: L  } = f(), O = P(), u = (g, S)=>{
+        if (typeof g == "string") return /* @__PURE__ */ r(T, _objectSpreadProps(_objectSpread({
             regular: !0
-        }, y), {
-            children: m
+        }, S), {
+            children: g
         }));
-        const { text: M  } = m, I = _objectWithoutProperties(m, [
+        const { text: G  } = g, k = _objectWithoutProperties(g, [
             "text"
         ]);
-        return /* @__PURE__ */ r(u, _objectSpreadProps(_objectSpread({
+        return /* @__PURE__ */ r(T, _objectSpreadProps(_objectSpread({
             regular: !0
-        }, y, I), {
-            children: m.text
+        }, S, k), {
+            children: g.text
         }));
     };
-    return /* @__PURE__ */ t(l, {
+    return /* @__PURE__ */ o(n, {
         space: L ? 24 : 32,
-        dataAttributes: n,
+        dataAttributes: i,
         children: [
-            (e || i || o) && /* @__PURE__ */ r(d, {
+            (e || l || t) && /* @__PURE__ */ r(p, {
                 paddingRight: 16,
-                children: /* @__PURE__ */ t(l, {
+                children: /* @__PURE__ */ o(n, {
                     space: 8,
                     children: [
-                        i && f(i, {
-                            color: p.colors.textPrimary
+                        l && u(l, {
+                            color: d.colors.textPrimary
                         }),
-                        /* @__PURE__ */ r(B, {
+                        /* @__PURE__ */ r(H, {
                             role: "heading",
                             "aria-level": 2,
                             children: e
                         }),
-                        o && /* @__PURE__ */ r(u, {
+                        t && /* @__PURE__ */ r(T, {
                             regular: !0,
-                            color: p.colors.textSecondary,
-                            children: o
+                            color: d.colors.textSecondary,
+                            children: t
                         })
                     ]
                 })
             }),
-            (c || s || a || g) && /* @__PURE__ */ t(l, {
+            (c || m || h || a) && /* @__PURE__ */ o(n, {
                 space: 16,
                 children: [
-                    (c || s) && /* @__PURE__ */ t(l, {
+                    (c || m) && /* @__PURE__ */ o(n, {
                         space: 8,
                         children: [
-                            c && f(c, {
-                                color: p.colors.textPrimary
+                            c && u(c, {
+                                color: d.colors.textPrimary
                             }),
                             /* @__PURE__ */ r(R, {
-                                color: H && !O ? p.colors.highlight : p.colors.textPrimary,
-                                children: s
+                                color: s && !O ? d.colors.highlight : d.colors.textPrimary,
+                                children: m
                             })
                         ]
                     }),
-                    (a || x) && /* @__PURE__ */ r(G, {
-                        primaryButton: a,
-                        secondaryButton: x
+                    (h || y) && /* @__PURE__ */ r(A, {
+                        primaryButton: h,
+                        secondaryButton: y
                     }),
-                    g && f(g, {})
+                    a && u(a, {})
                 ]
             })
         ]
     });
-}, K = (param)=>{
-    let { title: i , description: e , button: o  } = param;
-    const { isTabletOrSmaller: n  } = h();
-    return /* @__PURE__ */ t(l, {
+}, Q = (param)=>{
+    let { title: l , description: e , button: t  } = param;
+    const { isTabletOrSmaller: i  } = f();
+    return /* @__PURE__ */ o(n, {
         space: 32,
         children: [
-            /* @__PURE__ */ t(l, {
-                space: n ? 12 : 16,
+            /* @__PURE__ */ o(n, {
+                space: i ? 12 : 16,
                 children: [
-                    i && /* @__PURE__ */ r(j, {
+                    l && /* @__PURE__ */ r(j, {
                         role: "heading",
                         "aria-level": 1,
-                        children: i
+                        children: l
                     }),
-                    e && /* @__PURE__ */ r(B, {
+                    e && /* @__PURE__ */ r(H, {
                         children: e
                     })
                 ]
             }),
-            o
+            t
         ]
     });
-}, N = (param)=>{
-    let { isInverse: i = !0 , breadcrumbs: e , header: o , extra: n , sideBySideExtraOnDesktop: c = !1 , dataAttributes: s  } = param;
-    const { isTabletOrSmaller: a  } = h();
-    return /* @__PURE__ */ t(S, {
-        isInverse: i,
-        dataAttributes: _objectSpread({
-            "component-name": "HeaderLayout"
-        }, s),
+}, U = (param)=>{
+    let { isInverse: l = !0 , breadcrumbs: e , header: t , extra: i , sideBySideExtraOnDesktop: c = !1 , dataAttributes: m , bleed: h = !1  } = param;
+    const { isTabletOrSmaller: a  } = f(), s = h && l;
+    return /* @__PURE__ */ o(C, {
         children: [
-            /* @__PURE__ */ r(v, {}),
-            a ? /* @__PURE__ */ r(d, {
-                paddingTop: o ? 32 : 0,
-                paddingBottom: 24,
-                children: /* @__PURE__ */ t(l, {
-                    space: 24,
-                    children: [
-                        o,
-                        n
-                    ]
-                })
-            }) : c ? /* @__PURE__ */ r(d, {
-                paddingTop: e ? 16 : 48,
-                paddingBottom: 48,
-                children: /* @__PURE__ */ r(T, {
-                    template: "6+6",
-                    left: /* @__PURE__ */ t(l, {
-                        space: 32,
-                        children: [
-                            e,
-                            o
-                        ]
-                    }),
-                    right: n
-                })
-            }) : /* @__PURE__ */ r(d, {
-                paddingTop: e ? 16 : 48,
-                paddingBottom: 48,
-                children: /* @__PURE__ */ t(l, {
-                    space: a ? 24 : 32,
-                    children: [
-                        /* @__PURE__ */ t(l, {
-                            space: 32,
+            /* @__PURE__ */ o(x, {
+                isInverse: l,
+                dataAttributes: _objectSpread({
+                    "component-name": "HeaderLayout"
+                }, m),
+                children: [
+                    /* @__PURE__ */ r(B, {}),
+                    a ? /* @__PURE__ */ r(p, {
+                        paddingTop: t ? 32 : 0,
+                        paddingBottom: 24,
+                        children: /* @__PURE__ */ o(n, {
+                            space: 24,
                             children: [
-                                e,
-                                o
+                                t,
+                                !s && i
                             ]
-                        }),
-                        n
-                    ]
-                })
+                        })
+                    }) : c ? /* @__PURE__ */ r(p, {
+                        paddingTop: e ? 16 : 48,
+                        paddingBottom: 48,
+                        children: /* @__PURE__ */ r(v, {
+                            template: "6+6",
+                            left: /* @__PURE__ */ o(n, {
+                                space: 32,
+                                children: [
+                                    e,
+                                    t
+                                ]
+                            }),
+                            right: i
+                        })
+                    }) : /* @__PURE__ */ r(p, {
+                        paddingTop: e ? 16 : 48,
+                        paddingBottom: s ? 32 : 48,
+                        children: /* @__PURE__ */ o(n, {
+                            space: a ? 24 : 32,
+                            children: [
+                                /* @__PURE__ */ o(n, {
+                                    space: 32,
+                                    children: [
+                                        e,
+                                        t
+                                    ]
+                                }),
+                                !s && i
+                            ]
+                        })
+                    })
+                ]
+            }),
+            s && i && (a || !c) && /* @__PURE__ */ r(x, {
+                backgroundColor: `linear-gradient(to bottom, ${d.colors.backgroundBrand} 40px, ${d.colors.background} 0%)`,
+                children: i
             })
         ]
     });
-}, Q = (param)=>{
-    let { isInverse: i = !0 , children: e  } = param;
-    const { isTabletOrSmaller: o  } = h();
-    return /* @__PURE__ */ t(S, {
-        isInverse: i,
+}, W = (param)=>{
+    let { isInverse: l = !0 , children: e  } = param;
+    const { isTabletOrSmaller: t  } = f();
+    return /* @__PURE__ */ o(x, {
+        isInverse: l,
         children: [
-            /* @__PURE__ */ r(v, {}),
-            o ? /* @__PURE__ */ r(d, {
+            /* @__PURE__ */ r(B, {}),
+            t ? /* @__PURE__ */ r(p, {
                 paddingTop: 12,
                 paddingBottom: 24,
                 children: e
-            }) : /* @__PURE__ */ r(T, {
+            }) : /* @__PURE__ */ r(v, {
                 template: "6+6",
-                left: /* @__PURE__ */ r(d, {
+                left: /* @__PURE__ */ r(p, {
                     paddingY: 48,
                     children: e
                 }),
@@ -251,4 +259,4 @@ const J = (param)=>{
         ]
     });
 };
-export { J as Header, N as HeaderLayout, K as MainSectionHeader, Q as MainSectionHeaderLayout };
+export { N as Header, U as HeaderLayout, Q as MainSectionHeader, W as MainSectionHeaderLayout };

package/dist-es/highlighted-card.js

@@ -77,49 +77,54 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as u from "react";
-import { useIsInverseVariant as b } from "./theme-variant-context.js";
-import v from "./box.js";
+import * as g from "react";
+import { useIsInverseVariant as v } from "./theme-variant-context.js";
+import w from "./box.js";
 import { BaseTouchable as c } from "./touchable.js";
-import { Text4 as w, Text2 as x } from "./text.js";
-import { Boxed as k } from "./boxed.js";
-import C, { useIsDismissable as I } from "./maybe-dismissable.js";
-import { container as E, textContainerVariant as N, imageContent as P, touchableContainer as s } from "./highlighted-card.css-mistica.js";
-import { vars as T } from "./skins/skin-contract.css-mistica.js";
-import { jsxs as d, jsx as t, Fragment as y } from "./_virtual/jsx-runtime.js";
-const V = /*#__PURE__*/ u.forwardRef((e, i)=>{
+import { Text as x, Text2 as k } from "./text.js";
+import { Boxed as I } from "./boxed.js";
+import C, { useIsDismissable as T } from "./maybe-dismissable.js";
+import { container as P, textContainerVariant as E, imageContent as N, touchableContainer as s } from "./highlighted-card.css-mistica.js";
+import { vars as H } from "./skins/skin-contract.css-mistica.js";
+import { useTheme as y } from "./hooks.js";
+import { jsxs as m, jsx as t, Fragment as R } from "./_virtual/jsx-runtime.js";
+const S = /*#__PURE__*/ g.forwardRef((e, i)=>{
     var h;
-    const { title: a , description: r , imageUrl: o , imageFit: l  } = e, f = b(), g = (h = e.isInverse) != null ? h : f, m = I(), n = /* @__PURE__ */ d(k, {
+    const { title: a , description: r , imageUrl: o , imageFit: l  } = e, u = v(), f = (h = e.isInverse) != null ? h : u, d = T(), { textPresets: b  } = y(), n = /* @__PURE__ */ m(I, {
         ref: i,
-        isInverse: g,
-        className: E,
+        isInverse: f,
+        className: P,
         dataAttributes: _objectSpread({
             "component-name": "HighlightedCard"
         }, e.dataAttributes),
         width: e.width ? `${e.width}px` : "100%",
         children: [
-            /* @__PURE__ */ d("div", {
-                role: m ? void 0 : "region",
-                className: N[o ? "withImage" : "withoutImage"],
-                "aria-label": m ? void 0 : e["aria-label"],
+            /* @__PURE__ */ m("div", {
+                role: d ? void 0 : "region",
+                className: E[o ? "withImage" : "withoutImage"],
+                "aria-label": d ? void 0 : e["aria-label"],
                 children: [
-                    /* @__PURE__ */ t(w, {
-                        as: "h3",
-                        regular: !0,
+                    /* @__PURE__ */ t(x, {
+                        mobileSize: 18,
+                        mobileLineHeight: "24px",
+                        desktopSize: 20,
+                        desktopLineHeight: "28px",
                         truncate: e.titleLinesMax,
+                        weight: b.cardTitle.weight,
+                        as: "h3",
                         children: a
                     }),
-                    /* @__PURE__ */ t(v, {
+                    /* @__PURE__ */ t(w, {
                         paddingTop: 8,
-                        children: /* @__PURE__ */ t(x, {
+                        children: /* @__PURE__ */ t(k, {
                             regular: !0,
-                            color: T.colors.textSecondary,
+                            color: H.colors.textSecondary,
                             truncate: e.descriptionLinesMax,
                             as: "p",
                             children: r
                         })
                     }),
-                    e.button && /* @__PURE__ */ d(y, {
+                    e.button && /* @__PURE__ */ m(R, {
                         children: [
                             /* @__PURE__ */ t("div", {
                                 style: {
@@ -133,9 +138,10 @@ const V = /*#__PURE__*/ u.forwardRef((e, i)=>{
                 ]
             }),
             o && /* @__PURE__ */ t("div", {
-                className: P,
+                className: N,
                 style: {
-                    background: `url(${o}) no-repeat`,
+                    backgroundImage: `url(${o})`,
+                    backgroundRepeat: "no-repeat",
                     backgroundSize: l === "fit" ? "contain" : "cover",
                     backgroundPosition: l === "fit" ? "bottom right" : `center ${l === "fill-center" ? "center" : "right"}`
                 }
@@ -160,7 +166,7 @@ const V = /*#__PURE__*/ u.forwardRef((e, i)=>{
         className: s,
         children: n
     }) : n;
-}), F = /*#__PURE__*/ u.forwardRef((_param, a)=>{
+}), W = /*#__PURE__*/ g.forwardRef((_param, a)=>{
     var { "aria-label": e  } = _param, i = _objectWithoutProperties(_param, [
         "aria-label"
     ]);
@@ -169,10 +175,10 @@ const V = /*#__PURE__*/ u.forwardRef((e, i)=>{
         onClose: i.onClose,
         "aria-label": r,
         width: i.width,
-        children: /* @__PURE__ */ t(V, _objectSpreadProps(_objectSpread({}, i), {
+        children: /* @__PURE__ */ t(S, _objectSpreadProps(_objectSpread({}, i), {
             "aria-label": r,
             ref: a
         }))
     });
 });
-export { F as default };
+export { W as default };