@telefonica/mistica 14.4.1 → 14.6.0

package/dist/carousel.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Carousel: ()=>ut,
-    CenteredCarousel: ()=>dt,
-    IsInsideSlideshowProvider: ()=>Ge,
-    PageBullets: ()=>re,
-    Slideshow: ()=>ht,
-    useIsInsideSlideshowContext: ()=>ft
+    Carousel: ()=>dt,
+    CenteredCarousel: ()=>ht,
+    IsInsideSlideshowProvider: ()=>Je,
+    PageBullets: ()=>ne,
+    Slideshow: ()=>pt,
+    useIsInsideSlideshowContext: ()=>mt
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _iconChevronLeftRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
@@ -130,14 +130,14 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const oe = (e, r)=>{
+const le = (e, r)=>{
     const t = (0, _documentVisibilityJs.useDocumentVisibility)();
     return (0, _hooksJs.useIsInViewport)(r, !1) && t && !!e;
-}, re = (param)=>{
+}, ne = (param)=>{
     let { currentIndex: e , numPages: r , onPress: t  } = param;
-    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), { isDesktopOrBigger: u  } = (0, _hooksJs.useScreenSize)(), I = (P)=>{
-        const d = P === e;
-        return o ? d ? _carouselCssMisticaJs.bulletActiveInverse : _carouselCssMisticaJs.bulletInverse : d ? _carouselCssMisticaJs.bulletActive : _carouselCssMisticaJs.bullet;
+    const o = (0, _themeVariantContextJs.useIsInverseVariant)(), { isDesktopOrBigger: u  } = (0, _hooksJs.useScreenSize)(), m = (P)=>{
+        const f = P === e;
+        return o ? f ? _carouselCssMisticaJs.bulletActiveInverse : _carouselCssMisticaJs.bulletInverse : f ? _carouselCssMisticaJs.bulletActive : _carouselCssMisticaJs.bullet;
     };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
         space: u ? 16 : 8,
@@ -147,7 +147,7 @@ const oe = (e, r)=>{
         },
         children: Array.from({
             length: r
-        }, (P, d)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
+        }, (P, f)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                 className: (0, _sprinklesCssMisticaJs.sprinkles)({
                     display: "block",
                     padding: 0,
@@ -155,13 +155,13 @@ const oe = (e, r)=>{
                     background: "transparent"
                 }),
                 maybe: !0,
-                onPress: u && t ? ()=>t(d) : void 0,
+                onPress: u && t ? ()=>t(f) : void 0,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                    className: I(d)
+                    className: m(f)
                 })
-            }, d))
+            }, f))
     });
-}, K = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], qe = (e, r)=>{
+}, X = (e, r, t)=>t ? typeof t == "number" ? t : t[e] || r[e] : r[e], Ge = (e, r)=>{
     const t = {
         mobile: 1,
         tablet: 2,
@@ -172,50 +172,50 @@ const oe = (e, r)=>{
         }
     };
     if (!r) return _objectSpreadProps(_objectSpread({}, t), {
-        desktop: K(e, t.desktop)
+        desktop: X(e, t.desktop)
     });
     if (typeof r == "number") return {
         mobile: r,
         tablet: r,
         desktop: r
     };
-    const o = K(e, t.desktop, r.desktop);
+    const o = X(e, t.desktop, r.desktop);
     return _objectSpreadProps(_objectSpread({}, t, r), {
         desktop: o
     });
-}, Q = (e, r)=>{
+}, Z = (e, r)=>{
     if (e.length === 0) return [];
     const t = Math.ceil(e.length / r), o = [];
     for(let u = 0; u < e.length; u += t)o.push(e[u]);
     return o[o.length - 1] = e[e.length - t], o;
-}, Ye = (e, r)=>{
+}, He = (e, r)=>{
     const t = [];
     for(let o = 0; o < r.length; o++)o === 0 ? t.push(r[0]) : t.push((r[o] + r[o - 1]) / 2);
     for(let o1 = t.length - 1; o1 >= 0; o1--)if (e - t[o1] >= -1) return o1;
     return 0;
-}, le = 5e3, ne = (param)=>{
-    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: I , itemsPerPage: P , itemsToScroll: d , gap: f , free: B , centered: w , autoplay: x , onPageChange: S , dataAttributes: k  } = param;
-    const { texts: E , platformOverrides: F  } = (0, _hooksJs.useTheme)(), L = (0, _desktopContainerTypeContextJs.useDesktopContainerType)(), m = qe(L || "large", P), { isDesktopOrBigger: n , isMobile: g  } = (0, _hooksJs.useScreenSize)(), C = g ? m.mobile : m.tablet, p = Math.max(Math.floor(n ? m.desktop : C), 1), v = _react.useRef(null), b = Math.ceil(e.length / p), [{ scrollLeft: y , scrollRight: U  }, ie] = _react.useState({
+}, ce = 5e3, ie = (param)=>{
+    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: m , itemsPerPage: P , itemsToScroll: f , gap: d , free: B , centered: w , autoplay: x , onPageChange: k , dataAttributes: L  } = param;
+    const { texts: E , platformOverrides: F  } = (0, _hooksJs.useTheme)(), C = (0, _desktopContainerTypeContextJs.useDesktopContainerType)(), p = Ge(C || "large", P), { isDesktopOrBigger: n , isTablet: b  } = (0, _hooksJs.useScreenSize)(), N = b ? p.tablet : p.mobile, g = Math.max(Math.floor(n ? p.desktop : N), 1), v = _react.useRef(null), I = Math.ceil(e.length / g), [{ scrollLeft: T , scrollRight: U  }, ue] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), [q, ae] = _react.useState([]), T = _react.useMemo(()=>Q(q, b), [
+    }), [q, fe] = _react.useState([]), y = _react.useMemo(()=>Z(q, I), [
         q,
-        b
-    ]), W = d ? Q(q, Math.ceil(e.length / d)) : T, ue = U !== 0, de = y !== 0;
+        I
+    ]), W = f ? Z(q, Math.ceil(e.length / f)) : y, de = U !== 0, he = T !== 0;
     (0, _hooksJs.useIsomorphicLayoutEffect)(()=>{
         if (v.current) {
             const l = v.current, i = ()=>{
-                const { scrollWidth: O , clientWidth: A  } = l, z = Math.round(l.scrollLeft), j = Math.round(O - (z + A));
-                ie({
-                    scrollLeft: z,
+                const { scrollWidth: z , clientWidth: R  } = l, O = Math.round(l.scrollLeft), j = Math.round(z - (O + R));
+                ue({
+                    scrollLeft: O,
                     scrollRight: j
                 });
             }, a = ()=>{
-                const O = l.scrollWidth - l.clientWidth;
-                ae(Array.from(l.querySelectorAll("[data-item]")).map((A, z)=>{
-                    if (z === e.length - 1) return O;
-                    const j = A.offsetLeft, he = parseInt(getComputedStyle(A).scrollMargin), me = w && !n ? j - A.clientWidth / 2 : j;
-                    return Math.min(me - he - l.offsetLeft, O);
+                const z = l.scrollWidth - l.clientWidth;
+                fe(Array.from(l.querySelectorAll("[data-item]")).map((R, O)=>{
+                    if (O === e.length - 1) return z;
+                    const j = R.offsetLeft, pe = parseInt(getComputedStyle(R).scrollMargin), ge = w && !n ? j - R.clientWidth / 2 : j;
+                    return Math.min(ge - pe - l.offsetLeft, z);
                 }));
             };
             i(), a(), l.addEventListener("scroll", i);
@@ -228,11 +228,11 @@ const oe = (e, r)=>{
         }
         return ()=>{};
     }, [
-        m.desktop,
-        m.tablet,
-        m.mobile,
-        b,
-        f,
+        p.desktop,
+        p.tablet,
+        p.mobile,
+        I,
+        d,
         w,
         n,
         e.length
@@ -241,15 +241,15 @@ const oe = (e, r)=>{
         let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
         const a = v.current;
         if (a) {
-            const h = T[l];
+            const h = y[l];
             a.scrollTo({
                 left: h,
                 behavior: i ? "smooth" : "auto"
             });
         }
     }, [
-        T
-    ]), fe = _react.useCallback(()=>{
+        y
+    ]), me = _react.useCallback(()=>{
         const l = v.current;
         if (l) {
             const { scrollLeft: i  } = l, a = [
@@ -273,16 +273,16 @@ const oe = (e, r)=>{
         }
     }, [
         W
-    ]), H = oe(!!x, v);
+    ]), H = le(!!x, v);
     _react.useEffect(()=>{
-        I !== void 0 && D(Math.floor(I / p), !1);
+        m !== void 0 && D(Math.floor(m / g), !1);
     }, [
-        I,
+        m,
         D,
-        p
+        g
     ]), _react.useEffect(()=>{
         if (H && x) {
-            const l = typeof x == "boolean" ? le : x.time, i = typeof x == "object" && x.loop, a = setInterval(()=>{
+            const l = typeof x == "boolean" ? ce : x.time, i = typeof x == "object" && x.loop, a = setInterval(()=>{
                 var h;
                 U !== 0 ? Y() : i && ((h = v.current) == null || h.scrollTo({
                     left: 0,
@@ -297,39 +297,40 @@ const oe = (e, r)=>{
         U,
         H
     ]);
-    const N = Ye(y, T);
+    const S = He(T, y), J = _react.useRef(!m), K = _react.useRef(0);
     _react.useEffect(()=>{
-        if (S) {
-            const l = Math.min((N + 1) * p - 1, e.length - 1), i = [];
-            for(let a = 0; a < p; a++){
+        if (k) {
+            const l = Math.min((S + 1) * g - 1, e.length - 1), i = [];
+            for(let a = 0; a < g; a++){
                 const h = l - a;
                 h >= 0 && i.unshift(h);
             }
-            S({
-                pageIndex: N,
+            J.current ? K.current !== S && k({
+                pageIndex: S,
                 shownItemIndexes: i
-            });
+            }) : J.current = i.includes(m || 0), K.current = S;
         }
     }, [
-        N,
+        S,
         e.length,
-        p,
-        S
+        g,
+        m,
+        k
     ]);
     let V = null;
     return u ? V = u({
-        numPages: b,
-        currentIndex: N,
+        numPages: I,
+        currentIndex: S,
         onPress: D
-    }) : o && (V = b > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(re, {
-        numPages: b,
-        currentIndex: N,
+    }) : o && (V = I > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ne, {
+        numPages: I,
+        currentIndex: S,
         onPress: D
     })), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 24,
         dataAttributes: _objectSpread({
             "component-name": "Carousel"
-        }, k),
+        }, L),
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                 className: _carouselCssMisticaJs.carouselContainer,
@@ -339,22 +340,22 @@ const oe = (e, r)=>{
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                             className: _carouselCssMisticaJs.carouselPrevArrowButton,
                             "aria-label": E.carouselPrevButton,
-                            onPress: fe,
-                            disabled: !de,
+                            onPress: me,
+                            disabled: !he,
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                         })
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: (0, _classnames.default)(_carouselCssMisticaJs.carousel, {
                             [_carouselCssMisticaJs.centeredCarousel]: w,
-                            [_carouselCssMisticaJs.carouselWithScroll]: b > 1
+                            [_carouselCssMisticaJs.carouselWithScroll]: I > 1
                         }),
                         style: _objectSpreadProps(_objectSpread({}, (0, _dynamic.assignInlineVars)(_objectSpread({
-                            [_carouselCssMisticaJs.vars.itemsPerPageDesktop]: String(m.desktop),
-                            [_carouselCssMisticaJs.vars.itemsPerPageTablet]: String(m.tablet),
-                            [_carouselCssMisticaJs.vars.itemsPerPageMobile]: String(m.mobile)
-                        }, f !== void 0 ? {
-                            [_carouselCssMisticaJs.vars.gap]: String(f)
+                            [_carouselCssMisticaJs.vars.itemsPerPageDesktop]: String(p.desktop),
+                            [_carouselCssMisticaJs.vars.itemsPerPageTablet]: String(p.tablet),
+                            [_carouselCssMisticaJs.vars.itemsPerPageMobile]: String(p.mobile)
+                        }, d !== void 0 ? {
+                            [_carouselCssMisticaJs.vars.gap]: String(d)
                         } : {}))), {
                             scrollSnapType: B ? "initial" : "x mandatory"
                         }),
@@ -374,7 +375,7 @@ const oe = (e, r)=>{
                             className: _carouselCssMisticaJs.carouselNextArrowButton,
                             "aria-label": E.carouselNextButton,
                             onPress: Y,
-                            disabled: !ue,
+                            disabled: !de,
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                         })
                     })
@@ -386,9 +387,9 @@ const oe = (e, r)=>{
             })
         ]
     });
-}, ut = (e)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ne, _objectSpread({}, e)), dt = (param)=>/* @__PURE__ */ {
-    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: I , onPageChange: P , dataAttributes: d  } = param;
-    return (0, _jsxRuntimeJs.jsx)(ne, {
+}, dt = (e)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ie, _objectSpread({}, e)), ht = (param)=>/* @__PURE__ */ {
+    let { items: e , itemStyle: r , itemClassName: t , withBullets: o , renderBullets: u , initialActiveItem: m , onPageChange: P , dataAttributes: f  } = param;
+    return (0, _jsxRuntimeJs.jsx)(ie, {
         items: e,
         itemStyle: r,
         itemClassName: t,
@@ -402,76 +403,76 @@ const oe = (e, r)=>{
         gap: 0,
         withBullets: o,
         renderBullets: u,
-        initialActiveItem: I,
+        initialActiveItem: m,
         onPageChange: P,
-        dataAttributes: d
+        dataAttributes: f
     });
-}, ce = /*#__PURE__*/ _react.createContext(!1), ft = ()=>_react.useContext(ce), Ge = (param)=>/* @__PURE__ */ {
+}, ae = /*#__PURE__*/ _react.createContext(!1), mt = ()=>_react.useContext(ae), Je = (param)=>/* @__PURE__ */ {
     let { children: e  } = param;
-    return (0, _jsxRuntimeJs.jsx)(ce.Provider, {
+    return (0, _jsxRuntimeJs.jsx)(ae.Provider, {
         value: !0,
         children: e
     });
-}, ht = (param)=>{
-    let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: u , inverseBullets: I = !0  } = param;
-    const { texts: P , platformOverrides: d  } = (0, _hooksJs.useTheme)(), f = _react.useRef(null), [{ scrollLeft: B , scrollRight: w  }, x] = _react.useState({
+}, pt = (param)=>{
+    let { items: e , withBullets: r , autoplay: t , onPageChange: o , dataAttributes: u , inverseBullets: m = !0  } = param;
+    const { texts: P , platformOverrides: f  } = (0, _hooksJs.useTheme)(), d = _react.useRef(null), [{ scrollLeft: B , scrollRight: w  }, x] = _react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), S = _react.useCallback(()=>{
-        const n = f.current;
+    }), k = _react.useCallback(()=>{
+        const n = d.current;
         n && n.scrollBy({
             left: -n.clientWidth,
             behavior: "smooth"
         });
-    }, []), k = _react.useCallback(()=>{
-        const n = f.current;
+    }, []), L = _react.useCallback(()=>{
+        const n = d.current;
         n && n.scrollBy({
             left: n.clientWidth,
             behavior: "smooth"
         });
-    }, []), E = w !== 0, F = B !== 0, L = f.current ? Math.floor((B + f.current.clientWidth / 2) / f.current.clientWidth) : 0;
+    }, []), E = w !== 0, F = B !== 0, C = d.current ? Math.floor((B + d.current.clientWidth / 2) / d.current.clientWidth) : 0;
     _react.useLayoutEffect(()=>{
-        const n = f.current;
+        const n = d.current;
         if (n) {
-            const g = ()=>{
-                const { scrollWidth: p , clientWidth: v  } = n, b = Math.round(n.scrollLeft), y = Math.round(p - (b + v));
+            const b = ()=>{
+                const { scrollWidth: g , clientWidth: v  } = n, I = Math.round(n.scrollLeft), T = Math.round(g - (I + v));
                 x({
-                    scrollLeft: b,
-                    scrollRight: y
+                    scrollLeft: I,
+                    scrollRight: T
                 });
             };
-            g(), n.addEventListener("scroll", g);
-            const C = (0, _domJs.listenResize)(n, g);
+            b(), n.addEventListener("scroll", b);
+            const N = (0, _domJs.listenResize)(n, b);
             return ()=>{
-                n.removeEventListener("scroll", g), C();
+                n.removeEventListener("scroll", b), N();
             };
         }
     }, [
         e.length
     ]);
-    const m = oe(!!t, f);
+    const p = le(!!t, d);
     return _react.useEffect(()=>{
-        if (m && t) {
-            const n = typeof t == "boolean" ? le : t.time, g = typeof t == "object" && t.loop, C = setInterval(()=>{
-                var p;
-                w !== 0 ? k() : g && ((p = f.current) == null || p.scrollTo({
+        if (p && t) {
+            const n = typeof t == "boolean" ? ce : t.time, b = typeof t == "object" && t.loop, N = setInterval(()=>{
+                var g;
+                w !== 0 ? L() : b && ((g = d.current) == null || g.scrollTo({
                     left: 0,
                     behavior: "smooth"
                 }));
             }, n);
-            return ()=>clearInterval(C);
+            return ()=>clearInterval(N);
         }
     }, [
         t,
-        k,
+        L,
         w,
-        m
+        p
     ]), _react.useEffect(()=>{
-        o && o(L);
+        o && o(C);
     }, [
-        L,
+        C,
         o
-    ]), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Ge, {
+    ]), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Je, {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
             className: _carouselCssMisticaJs.slideshowContainer
         }, (0, _domJs.getPrefixedDataAttributes)(u, "SlideShow")), {
@@ -481,7 +482,7 @@ const oe = (e, r)=>{
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                         className: _carouselCssMisticaJs.slideshowPrevArrowButton,
                         "aria-label": P.carouselPrevButton,
-                        onPress: S,
+                        onPress: k,
                         disabled: !F,
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                     })
@@ -490,14 +491,14 @@ const oe = (e, r)=>{
                     value: !1,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _carouselCssMisticaJs.slideshow,
-                        ref: f,
-                        children: e.map((n, g)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        ref: d,
+                        children: e.map((n, b)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                                 className: _carouselCssMisticaJs.slideshowItem,
                                 style: {
-                                    scrollSnapStop: (0, _platformJs.isAndroid)(d) ? "always" : "normal"
+                                    scrollSnapStop: (0, _platformJs.isAndroid)(f) ? "always" : "normal"
                                 },
                                 children: n
-                            }, g))
+                            }, b))
                     })
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
@@ -505,18 +506,18 @@ const oe = (e, r)=>{
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                         className: _carouselCssMisticaJs.slideshowNextArrowButton,
                         "aria-label": P.carouselNextButton,
-                        onPress: k,
+                        onPress: L,
                         disabled: !E,
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                     })
                 }),
                 r && e.length > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
-                    isInverse: I,
+                    isInverse: m,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _carouselCssMisticaJs.slideshowBullets,
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(re, {
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ne, {
                             numPages: e.length,
-                            currentIndex: L
+                            currentIndex: C
                         })
                     })
                 })

package/dist/highlighted-card.js

@@ -164,6 +164,7 @@ const S = /*#__PURE__*/ _react.forwardRef((e, i)=>{
                         truncate: e.titleLinesMax,
                         weight: b.cardTitle.weight,
                         as: "h3",
+                        hyphens: "auto",
                         children: a
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
@@ -173,6 +174,7 @@ const S = /*#__PURE__*/ _react.forwardRef((e, i)=>{
                             color: _skinContractCssMisticaJs.vars.colors.textSecondary,
                             truncate: e.descriptionLinesMax,
                             as: "p",
+                            hyphens: "auto",
                             children: r
                         })
                     }),

package/dist/index.d.ts

@@ -50,7 +50,7 @@ export { default as Inline } from './inline';
 export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { default as ProgressBar } from './progress-bar';
-export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard } from './card';
+export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard } from './card';
 export { default as Hero } from './hero';
 export { default as Divider } from './divider';
 export { default as Menu } from './menu';

package/dist/index.js

@@ -1739,6 +1739,7 @@ _export(exports, {
     Placeholder: ()=>_placeholderJs.Placeholder,
     Popover: ()=>_popoverJs.default,
     Portal: ()=>_portalJs.Portal,
+    PosterCard: ()=>_cardJs.PosterCard,
     ProgressBar: ()=>_progressBarJs.default,
     RadioButton: ()=>_radioButtonJs.default,
     RadioGroup: ()=>_radioButtonJs.RadioGroup,

package/dist/list.css-mistica.js

@@ -15,14 +15,15 @@ _export(exports, {
     content: ()=>r,
     disabled: ()=>a,
     dualActionContainer: ()=>i,
-    dualActionLeft: ()=>t,
-    dualActionRight: ()=>o,
-    hoverBackground: ()=>g,
-    pointer: ()=>e,
-    right: ()=>b,
-    rowBody: ()=>c,
-    rowContent: ()=>d
+    dualActionDivider: ()=>t,
+    dualActionLeft: ()=>o,
+    dualActionRight: ()=>g,
+    hoverBackground: ()=>e,
+    pointer: ()=>b,
+    right: ()=>c,
+    rowBody: ()=>d,
+    rowContent: ()=>u
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./list.css.ts.vanilla.js");
-var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", o = "_2buj9gi _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", g = "_2buj9g1", e = "_1y2v1nf9n", b = "_2buj9gb", c = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", d = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
+var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_2buj9gi _1y2v1nf5i", o = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", g = "_2buj9gk _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", e = "_2buj9g1", b = "_1y2v1nf9n", c = "_2buj9gb", d = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", u = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";

package/dist/list.css.d.ts

@@ -12,4 +12,5 @@ export declare const right: string;
 export declare const centeredControl: string;
 export declare const dualActionContainer: string;
 export declare const dualActionLeft: string;
+export declare const dualActionDivider: string;
 export declare const dualActionRight: string;

package/dist/list.d.ts

@@ -40,6 +40,7 @@ interface CheckboxRowContentProps extends CommonProps {
     checkbox: ControlProps | undefined;
 }
 interface RadioRowContentProps extends CommonProps {
+    onPress?: () => void;
     radioValue: string;
 }
 interface HrefRowContentProps extends CommonProps {