@wix/patterns 1.307.0 → 1.316.0

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow65889444";
+var _namespace_ = "LoadingRow3371637707";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow65889444__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow65889444__gradientSwoosh" };
+export var classes = { "root": "LoadingRow3371637707__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow3371637707__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,oCAAoC,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText2774449941";
+var _namespace_ = "MaxHeightText3078503851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText2774449941__root" };
+export var classes = { "root": "MaxHeightText3078503851__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines1911370039";
+var _namespace_ = "MaxLines3275238463";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines1911370039__root" };
+export var classes = { "root": "MaxLines3275238463__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar3298994618";
+var _namespace_ = "MultiBulkActionToolbar1806630142";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar3298994618__root", "leftGroupWrapper": "MultiBulkActionToolbar3298994618__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3298994618__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3298994618__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar1806630142__root", "leftGroupWrapper": "MultiBulkActionToolbar1806630142__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar1806630142__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar1806630142__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow463864497";
+var _namespace_ = "NestedTablePlaceholderStatesRow2357587419";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow463864497__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow2357587419__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gDAAgD,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iDAAiD,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2871851455";
+var _namespace_ = "NestedTableRow4089065040";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2871851455__root", "firstLevel": "NestedTableRow2871851455__firstLevel", "placeholder": "NestedTableRow2871851455__placeholder", "parentHovered": "NestedTableRow2871851455__parentHovered" };
+export var classes = { "root": "NestedTableRow4089065040__root", "firstLevel": "NestedTableRow4089065040__firstLevel", "placeholder": "NestedTableRow4089065040__placeholder", "parentHovered": "NestedTableRow4089065040__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect1732618558";
+var _namespace_ = "MultipleDragOverlayEffect627430531";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect1732618558__root" };
+export var classes = { "root": "MultipleDragOverlayEffect627430531__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow3498633286";
+var _namespace_ = "NestedTableDragAndDropRow2380222773";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow3498633286__root" };
+export var classes = { "root": "NestedTableDragAndDropRow2380222773__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PageWrapper/PageWrapperBase.js

@@ -3,6 +3,7 @@ import { useReactive } from '@wix/bex-utils/react';
 import { PageContextProvider, useWixPatternsContainer, } from '@wix/bex-core/react';
 import { PageState, SidePanelWidth } from '@wix/bex-core';
 import { runInAction } from 'mobx';
+import { WixDesignSystemProvider } from '@wix/design-system';
 export function PageWrapperBase(props) {
     const { pageState, children } = props;
     const [state] = useState(() => pageState ?? new PageState());
@@ -30,7 +31,7 @@ export function PageWrapperBase(props) {
         position: 'absolute',
         zIndex: 1,
     }), []);
-    return (React.createElement(PageContextProvider, { value: state },
+    let child = (React.createElement(PageContextProvider, { value: state },
         React.createElement("div", { "data-wix-patterns": true, style: rootStyle, "data-hook": "cairo-root-stacking", ref: (el) => {
                 stackingRootRef.current = el;
             }, lang: environment.language },
@@ -40,5 +41,9 @@ export function PageWrapperBase(props) {
                         modalsContainerRef.current = el;
                     });
                 }, style: modalsContainerStyle }))));
+    if (state.isMobile) {
+        child = (React.createElement(WixDesignSystemProvider, { mobile: true }, child));
+    }
+    return child;
 }
 //# sourceMappingURL=PageWrapperBase.js.map

package/dist/esm/components/PageWrapper/PageWrapperBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageWrapperBase.js","sourceRoot":"","sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAOnC,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAExE,wDAAwD;IACxD,oBAAoB;IACpB,yBAAyB;IACzB,eAAe;IAEf,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,CAAC,MAAM;QAClE,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,CAAC;KACV,CAAC,EACF,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAE,QAAkB,CAAC,CAAC,CAAC,SAAS;KACjE,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,MAAM,EAAE,CAAC;KACV,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK;QAC/B,wDAEE,KAAK,EAAE,SAAS,eACN,qBAAqB,EAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;YAC/B,CAAC,EACD,IAAI,EAAE,WAAW,CAAC,QAAQ;YAE1B,6BAAK,KAAK,EAAE,sBAAsB,IAAG,QAAQ,CAAO;YACpD,0CACY,kBAAkB,EAC5B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,WAAW,CAAC,GAAG,EAAE;wBACf,kBAAkB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAClC,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,oBAAoB,GAC3B,CACE,CACc,CACvB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PageWrapperBase.js","sourceRoot":"","sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAO7D,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAExE,wDAAwD;IACxD,oBAAoB;IACpB,yBAAyB;IACzB,eAAe;IAEf,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,CAAC,MAAM;QAClE,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,CAAC;KACV,CAAC,EACF,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAE,QAAkB,CAAC,CAAC,CAAC,SAAS;KACjE,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,MAAM,EAAE,CAAC;KACV,CAAC,EACF,EAAE,CACH,CAAC;IAEF,IAAI,KAAK,GAAG,CACV,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK;QAC/B,wDAEE,KAAK,EAAE,SAAS,eACN,qBAAqB,EAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;YAC/B,CAAC,EACD,IAAI,EAAE,WAAW,CAAC,QAAQ;YAE1B,6BAAK,KAAK,EAAE,sBAAsB,IAAG,QAAQ,CAAO;YACpD,0CACY,kBAAkB,EAC5B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,WAAW,CAAC,GAAG,EAAE;wBACf,kBAAkB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAClC,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,oBAAoB,GAC3B,CACE,CACc,CACvB,CAAC;IAEF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,KAAK,GAAG,CACN,oBAAC,uBAAuB,IAAC,MAAM,EAAE,IAAI,IAAG,KAAK,CAA2B,CACzE,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent3366107491";
+var _namespace_ = "PickerContent646877739";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent3366107491__root" };
+export var classes = { "root": "PickerContent646877739__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep1248135679";
+var _namespace_ = "PickerContentAdditionalStep1520787953";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep1248135679__root", "titles": "PickerContentAdditionalStep1248135679__titles", "suffix": "PickerContentAdditionalStep1248135679__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep1520787953__root", "titles": "PickerContentAdditionalStep1520787953__titles", "suffix": "PickerContentAdditionalStep1520787953__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem1287110513";
+var _namespace_ = "PickerTableListItem2468441107";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem1287110513__root" };
+export var classes = { "root": "PickerTableListItem2468441107__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent4123272871";
+var _namespace_ = "ScrollableContent2387931131";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent4123272871__root" };
+export var classes = { "root": "ScrollableContent2387931131__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard847847600";
+var _namespace_ = "SkeletonCard3405140458";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard847847600__root", "headerLoading": "SkeletonCard847847600__headerLoading" };
+export var classes = { "root": "SkeletonCard3405140458__root", "headerLoading": "SkeletonCard3405140458__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,eAAe,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,eAAe,EAAC,uCAAuC,EAAC,CAAC;AACrH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal2119512318";
+var _namespace_ = "SlidingModal41494342";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal2119512318__root" };
+export var classes = { "root": "SlidingModal41494342__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Suggestions/MarketingCard.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, MarketingLayout, SkeletonLine, Card, Button, Image, Text, TextButton, Badge, SkeletonRectangle, } from '@wix/design-system';
+const getCardWidth = (totalOffers) => {
+    if (totalOffers === 1) {
+        return '100%';
+    }
+    if (totalOffers === 2) {
+        return '50%';
+    }
+    return '550px';
+};
+const MarketingCardInternal = ({ schema, totalOffers, }) => {
+    const { title, description: descriptionData, imageUrl, ctaButton: ctaButtonData, badge: badgeData, } = schema;
+    const handleCtaClick = () => {
+        if (ctaButtonData?.link) {
+            window.open(ctaButtonData.link, '_blank');
+        }
+    };
+    const handleLearnMoreClick = () => {
+        if (descriptionData?.learnMore?.link) {
+            window.open(descriptionData.learnMore.link, '_blank');
+        }
+    };
+    const description = (React.createElement(React.Fragment, null,
+        React.createElement(Text, { size: "small", secondary: true, dataHook: "suggestions-card-subtitle" },
+            descriptionData.text,
+            ' '),
+        descriptionData.learnMore && (React.createElement(TextButton, { size: "small", secondary: true, dataHook: "suggestions-card-learn-more", onClick: handleLearnMoreClick }, descriptionData.learnMore.text ?? 'Learn more'))));
+    const ctaButton = ctaButtonData ? (React.createElement(Button, { size: "small", skin: ctaButtonData.skin || 'standard', priority: ctaButtonData.priority || 'secondary', dataHook: "suggestions-card-button", onClick: handleCtaClick }, ctaButtonData.text)) : null;
+    const badge = badgeData ? (React.createElement(Badge, { skin: badgeData.skin || 'general', size: "small", dataHook: "suggestion-card-badge", uppercase: false }, badgeData.text)) : null;
+    const image = (React.createElement(Image, { src: imageUrl, width: 96, height: 96, borderRadius: "8px", dataHook: "suggestions-card-image" }));
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: title, description: description, image: image, actions: [ctaButton], badge: badge, hiddenBadge: !badge }))));
+};
+/**
+ * Creates a render function for marketing cards.
+ * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ *                         If not provided, uses offer.asset.creative directly.
+ * @returns A render function compatible with Suggestions.renderCard prop.
+ */
+export const renderMarketingCard = (translateOffer) => (props) => {
+    const schema = translateOffer
+        ? translateOffer(props.offer)
+        : props.offer?.asset?.creative;
+    const requiredFieldsExist = schema?.title && schema?.imageUrl && schema?.description?.text;
+    if (!requiredFieldsExist) {
+        return null;
+    }
+    return (React.createElement(MarketingCardInternal, { schema: schema, totalOffers: props.totalOffers }));
+};
+/**
+ * Skeleton component for MarketingCard during loading state.
+ */
+export const MarketingCardSkeleton = ({ totalOffers, }) => {
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+        React.createElement(Card, { stretchVertically: true },
+            React.createElement(MarketingLayout, { title: React.createElement(SkeletonLine, { width: "120px" }), description: React.createElement(SkeletonLine, { width: "168px" }), actions: [React.createElement(SkeletonRectangle, { width: "72px", height: "30px" })], image: React.createElement(SkeletonRectangle, { width: "96px", height: "96px" }), badge: React.createElement(Badge, null), hiddenBadge: true }))));
+};
+//# sourceMappingURL=MarketingCard.js.map

package/dist/esm/components/Suggestions/MarketingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingCard.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js

@@ -0,0 +1,22 @@
+import { MarketingLayoutUniDriver, BadgeUniDriver, ButtonUniDriver, TextButtonUniDriver, TextUniDriver, ImageUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function MarketingCardUniDriver(base, body) {
+    const marketingLayout = MarketingLayoutUniDriver(base, body);
+    const subtitle = TextUniDriver(base.$('[data-hook="suggestions-card-subtitle"]'), body);
+    const learnMore = TextButtonUniDriver(base.$('[data-hook="suggestions-card-learn-more"]'), body);
+    const ctaButton = ButtonUniDriver(base.$('[data-hook="suggestions-card-button"]'), body);
+    const badge = BadgeUniDriver(base.$('[data-hook="suggestion-card-badge"]'), body);
+    const image = ImageUniDriver(base.$('[data-hook="suggestions-card-image"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        getTitleText: () => marketingLayout.getTitleText(),
+        description: {
+            subtitle,
+            learnMore,
+        },
+        ctaButton,
+        badge,
+        image,
+    };
+}
+//# sourceMappingURL=MarketingCard.uni.driver.js.map

package/dist/esm/components/Suggestions/MarketingCard.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingCard.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CAAC,IAAe,EAAE,IAAe;IACrE,MAAM,eAAe,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,aAAa,CAC5B,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,EACjD,IAAI,CACL,CAAC;IACF,MAAM,SAAS,GAAG,mBAAmB,CACnC,IAAI,CAAC,CAAC,CAAC,2CAA2C,CAAC,EACnD,IAAI,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAC/B,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAC/C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAC7C,IAAI,CACL,CAAC;IACF,MAAM,KAAK,GAAG,cAAc,CAC1B,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAC9C,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,YAAY,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE;QAClD,WAAW,EAAE;YACX,QAAQ;YACR,SAAS;SACV;QACD,SAAS;QACT,KAAK;QACL,KAAK;KACN,CAAC;AACJ,CAAC"}

package/dist/esm/components/Suggestions/Suggestions.js

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { CarouselWIP, COLOR_TOKENS } from '@wix/design-system';
+import { CarouselWIP, COLOR_TOKENS, Box, } from '@wix/design-system';
 import { SuggestionsState } from '../../state/Suggestions/SuggestionsState';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { MarketingCardSkeleton } from './MarketingCard';
 const defaultCarouselProps = {
     hideDots: true,
     infinite: false,
@@ -12,19 +13,45 @@ const defaultCarouselProps = {
     sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],
     controlsStartEnd: 'hidden',
 };
-export const Suggestions = observer(({ placementId, CardComponent, CardSkeleton, carouselProps, skeletonsNumber = 4, dataHook, }) => {
+const SuggestionsContainer = ({ count, children, carouselProps, dataHook, dataState, }) => {
+    if (count <= 2) {
+        return (React.createElement("div", { "data-hook": dataHook },
+            React.createElement(Box, { direction: "horizontal", gap: "SP4", dataHook: `${dataHook}-container-${dataState}` }, children)));
+    }
+    return (React.createElement("div", { "data-hook": dataHook },
+        React.createElement(CarouselWIP, { dataHook: `${dataHook}-carousel-${dataState}`, ...defaultCarouselProps, ...carouselProps }, children)));
+};
+export const Suggestions = observer(({ placementId, renderCard, CardSkeleton = MarketingCardSkeleton, carouselProps, skeletonsNumber = 4, dataHook = 'suggestions', }) => {
     const { httpClient } = useWixPatternsContainer();
     const [state] = useState(() => new SuggestionsState({ placementId, httpClient }));
     useEffect(() => {
         return state.init();
     }, [state]);
     if (state.hasOffers) {
-        return (React.createElement("div", { "data-hook": dataHook },
-            React.createElement(CarouselWIP, { key: "suggestions-carousel", dataHook: "suggestions-carousel", ...defaultCarouselProps, ...carouselProps }, state.offers.map((offer, index) => (React.createElement(CardComponent, { offer: offer, index: index, totalCards: state.offers.length, key: offer.offerGuid || `suggestion-${index}` }))))));
+        const cardCount = state.offers.length;
+        const cards = state.offers
+            .map((offer, index) => ({
+            key: offer.offerGuid || `suggestion-${index}`,
+            element: renderCard({
+                offer,
+                index,
+                totalOffers: state.offers.length,
+            }),
+        }))
+            .filter(({ element }) => element !== null);
+        // Return null if all cards filtered out
+        if (cards.length === 0) {
+            return null;
+        }
+        return (React.createElement(SuggestionsContainer
+        // use initial cards count for container, to match the count the cards get rendered with
+        , { 
+            // use initial cards count for container, to match the count the cards get rendered with
+            count: cardCount, carouselProps: carouselProps, dataHook: dataHook, dataState: "idle" }, cards.map(({ key, element }) => (React.createElement(React.Fragment, { key: key }, element)))));
     }
     if (state.isFetching) {
-        return (React.createElement("div", { "data-hook": dataHook },
-            React.createElement(CarouselWIP, { key: "suggestions-carousel-skeleton", dataHook: "suggestions-carousel-skeleton", ...defaultCarouselProps, controlsPosition: "none", ...carouselProps }, Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(CardSkeleton, { index: index, totalCards: skeletonsNumber, key: index }))))));
+        const skeletons = Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(CardSkeleton, { index: index, totalOffers: skeletonsNumber, key: index })));
+        return (React.createElement(SuggestionsContainer, { count: skeletonsNumber, carouselProps: { ...carouselProps, controlsPosition: 'none' }, dataHook: dataHook, dataState: "loading" }, skeletons));
     }
     return null;
 });

package/dist/esm/components/Suggestions/Suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAoB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AA0B9D,MAAM,oBAAoB,GAAqB;IAC7C,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;IACf,aAAa,EAAE,KAAK;IACpB,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,IAAI;IACxB,kBAAkB,EAAE,YAAY,CAAC,iBAAiB,CAAC;IACnD,gBAAgB,EAAE,QAAQ;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,QAAQ,CAC7D,CAAC,EACC,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,GAAG,CAAC,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEjD,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CACxD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO,CACL,0CAAgB,QAAQ;YACtB,oBAAC,WAAW,IACV,GAAG,EAAC,sBAAsB,EAC1B,QAAQ,EAAC,sBAAsB,KAC3B,oBAAoB,KACpB,aAAa,IAEhB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1C,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC/B,GAAG,EAAE,KAAK,CAAC,SAAS,IAAI,cAAc,KAAK,EAAE,GAC7C,CACH,CAAC,CACU,CACV,CACP,CAAC;KACH;IAED,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,OAAO,CACL,0CAAgB,QAAQ;YACtB,oBAAC,WAAW,IACV,GAAG,EAAC,+BAA+B,EACnC,QAAQ,EAAC,+BAA+B,KACpC,oBAAoB,EACxB,gBAAgB,EAAC,MAAM,KACnB,aAAa,IAEhB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,GAAG,EAAE,KAAK,GACV,CACH,CAAC,CACU,CACV,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC"}
+{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js

@@ -1,25 +1,74 @@
 import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory, } from '@wix/wix-ui-test-utils/unidriver';
-export const SuggestionsUniDriver = (base, body) => {
-    const carousel = CarouselWIPUniDriver(base.$('[data-hook="suggestions-carousel"]'), body);
-    const carouselSkeleton = CarouselWIPUniDriver(base.$('[data-hook="suggestions-carousel-skeleton"]'), body);
+export const SuggestionsUniDriver = (base, body, options = {}) => {
+    const dataHook = options.dataHook ?? 'suggestions';
+    const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+    const carouselIdle = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
+    const carouselLoading = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
+    const containerIdle = base.$(`[data-hook="${dataHook}-container-idle"]`);
+    const containerLoading = base.$(`[data-hook="${dataHook}-container-loading"]`);
+    const getCarouselChildren = async () => {
+        if (await carouselIdle.exists()) {
+            // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
+            return carouselIdle.getChildren();
+        }
+        if (await carouselLoading.exists()) {
+            // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
+            return carouselLoading.getChildren();
+        }
+        return null;
+    };
+    const getContainerChildren = async () => {
+        if (await containerIdle.exists()) {
+            return containerIdle.$$(`[data-hook="${cardDataHook}"]`);
+        }
+        if (await containerLoading.exists()) {
+            return containerLoading.$$(`[data-hook="${cardDataHook}"]`);
+        }
+        return null;
+    };
+    const isLoadingState = async () => {
+        const isContainerLoading = await containerLoading.exists();
+        const isCarouselLoading = await carouselLoading.exists();
+        return isContainerLoading || isCarouselLoading;
+    };
     return {
         ...baseUniDriverFactory(base),
-        isLoading: () => carouselSkeleton.exists(),
-        hasOffers: () => carousel.exists(),
-        isEmpty: async () => !(await carousel.exists()) && !(await carouselSkeleton.exists()),
-        getCardsCounts: async () => 
-        // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-        (await carousel.exists()) ? (await carousel.getChildren()).length : 0,
-        getSkeletonCardsCount: async () => (await carouselSkeleton.exists())
-            ? // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-                (await carouselSkeleton.getChildren()).length
-            : 0,
-        // @ts-expect-error carousel types are wrong, getChildren returns a Promise of an array and not UniDriverList
-        getCardAt: async (index) => (await carousel.getChildren())[index],
-        getSkeletonCardAt: (index) => carouselSkeleton.getChildren().at(index),
-        carousel: () => carousel,
-        carouselSkeleton: () => carouselSkeleton,
+        isLoading: isLoadingState,
+        hasOffers: async () => {
+            const carouselExists = await carouselIdle.exists();
+            const containerExists = await containerIdle.exists();
+            return carouselExists || containerExists;
+        },
+        isEmpty: async () => {
+            const carouselExists = await carouselIdle.exists();
+            const containerExists = await containerIdle.exists();
+            return !carouselExists && !containerExists;
+        },
+        getCardsCounts: async () => {
+            const carouselChildren = await getCarouselChildren();
+            if (carouselChildren) {
+                return carouselChildren.length;
+            }
+            const containerChildren = await getContainerChildren();
+            if (containerChildren) {
+                return containerChildren.count();
+            }
+            return 0;
+        },
+        getCardAt: async (index) => {
+            const carouselChildren = await getCarouselChildren();
+            if (carouselChildren) {
+                return carouselChildren[index];
+            }
+            const containerChildren = await getContainerChildren();
+            if (containerChildren) {
+                return containerChildren.at(index);
+            }
+            throw new Error(`No cards found at index ${index}`);
+        },
+        carousel: async () => (await carouselIdle.exists()) ? carouselIdle : carouselLoading,
+        container: async () => (await containerIdle.exists()) ? containerIdle : containerLoading,
     };
 };
 //# sourceMappingURL=Suggestions.uni.driver.js.map

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EACL,oBAAoB,GAErB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,oBAAoB,CACnC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,EAC5C,IAAI,CACL,CAAC;IACF,MAAM,gBAAgB,GAAG,oBAAoB,CAC3C,IAAI,CAAC,CAAC,CAAC,6CAA6C,CAAC,EACrD,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE;QAC1C,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QAClC,OAAO,EAAE,KAAK,IAAI,EAAE,CAClB,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,gBAAgB,CAAC,MAAM,EAAE,CAAC;QAClE,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,6GAA6G;QAC7G,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvE,qBAAqB,EAAE,KAAK,IAAI,EAAE,CAChC,CAAC,MAAM,gBAAgB,CAAC,MAAM,EAAE,CAAC;YAC/B,CAAC,CAAC,6GAA6G;gBAC7G,CAAC,MAAM,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM;YAC/C,CAAC,CAAC,CAAC;QACP,6GAA6G;QAC7G,SAAS,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,MAAM,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC;QACzE,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CACnC,gBAAgB,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,gBAAgB;KACzC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"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"}