@wix/patterns 0.9.0 → 1.0.0

package/dist/cjs/components/EmptyState/CollectionEmptyState.js

@@ -5,34 +5,45 @@ exports.__esModule = true;
 exports.CollectionEmptyState = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _CollectionEmptyStateBase = require("./CollectionEmptyStateBase");
 var _mobxReactLite = require("mobx-react-lite");
 var _AddItemEmptyState = require("../Illustration/AddItemEmptyState");
-var _useCollectionEmptyStateImage = require("../../hooks/useCollectionEmptyStateImage");
-var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _react2 = require("@wix/bex-core/react");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _NewItemButton = require("./NewItemButton");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionEmptyState.tsx";
 function _CollectionEmptyState(props) {
-  const state = (0, _MultiCollectionSupportProvider.useMultiCollectionSupportContext)();
-  const image = (0, _useCollectionEmptyStateImage.useCollectionEmptyStateImage)({
-    state,
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    addNewCta
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "collection-empty-state",
+    title: t('cairo.emptyState.additem.title'),
+    subtitle: t('cairo.emptyState.additem.text'),
     image: /*#__PURE__*/_react.default.createElement(_AddItemEmptyState.AddItemEmptyState, {
       "data-hook": "empty-state-new-item-illustration",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 22,
-        columnNumber: 12
+        lineNumber: 29,
+        columnNumber: 9
       }
     })
-  });
-  return /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, (0, _extends2.default)({
-    dataHook: "collection-empty-state",
-    image: image
   }, props, {
+    cta: addNewCta && /*#__PURE__*/_react.default.createElement(_NewItemButton.NewItemButton, (0, _extends2.default)({}, addNewCta, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 25
+      }
+    })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 24,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/EmptyState/CollectionEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionEmptyStateBase","_mobxReactLite","_AddItemEmptyState","_useCollectionEmptyStateImage","_MultiCollectionSupportProvider","_jsxFileName","_CollectionEmptyState","props","state","useMultiCollectionSupportContext","image","useCollectionEmptyStateImage","default","createElement","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","CollectionEmptyStateBase","_extends2","dataHook","CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from './CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { useCollectionEmptyStateImage } from '../../hooks/useCollectionEmptyStateImage';\nimport { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';\n\nexport interface CollectionEmptyStateProps\n  extends Partial<CollectionEmptyStateBaseProps> {\n  children?: ReactNode;\n}\n\nfunction _CollectionEmptyState(\n  props: Omit<CollectionEmptyStateProps, 'image'>,\n) {\n  const state = useMultiCollectionSupportContext();\n  const image = useCollectionEmptyStateImage({\n    state,\n    image: <AddItemEmptyState data-hook=\"empty-state-new-item-illustration\" />,\n  });\n\n  return (\n    <CollectionEmptyStateBase\n      dataHook=\"collection-empty-state\"\n      image={image}\n      {...props}\n    />\n  );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AAIA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,6BAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAqF,IAAAM,YAAA;AAOrF,SAASC,qBAAqBA,CAC5BC,KAA+C,EAC/C;EACA,MAAMC,KAAK,GAAG,IAAAC,gEAAgC,EAAC,CAAC;EAChD,MAAMC,KAAK,GAAG,IAAAC,0DAA4B,EAAC;IACzCH,KAAK;IACLE,KAAK,eAAEb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,kBAAA,CAAAY,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC3E,CAAC,CAAC;EAEF,oBACEtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,yBAAA,CAAAoB,wBAAwB,MAAAC,SAAA,CAAAT,OAAA;IACvBU,QAAQ,EAAC,wBAAwB;IACjCZ,KAAK,EAAEA;EAAM,GACTH,KAAK;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CAAC;AAEN;AAEO,MAAMI,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACnB,qBAAqB,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_AddItemEmptyState","_react2","_EmptyStateBase","_NewItemButton","_jsxFileName","_CollectionEmptyState","props","translate","t","useWixPatternsContainer","addNewCta","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","cta","NewItemButton","CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { NewItemButton, NewItemButtonProps } from './NewItemButton';\n\nexport interface CollectionEmptyStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n  /**\n   * Configuration for premium upgrade CTA.\\\n   * onClick: Callback for \"New Item\" button click.\\\n   * text: Text for \"New Item\" button.\n   * @external\n   */\n  addNewCta?: NewItemButtonProps;\n}\n\nfunction _CollectionEmptyState(props: CollectionEmptyStateProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { addNewCta } = props;\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={t('cairo.emptyState.additem.title')}\n      subtitle={t('cairo.emptyState.additem.text')}\n      image={\n        <AddItemEmptyState data-hook=\"empty-state-new-item-illustration\" />\n      }\n      {...props}\n      cta={addNewCta && <NewItemButton {...addNewCta} />}\n    />\n  );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAapE,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAE3B,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,EAAER,CAAC,CAAC,gCAAgC,CAAE;IAC3CS,QAAQ,EAAET,CAAC,CAAC,+BAA+B,CAAE;IAC7CU,KAAK,eACHtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAmB,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACnE,GACGlB,KAAK;IACTmB,GAAG,EAAEf,SAAS,iBAAId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAuB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKD,SAAS;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpD,CAAC;AAEN;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACxB,qBAAqB,CAAC"}

package/dist/cjs/components/EmptyState/CollectionEmptyState.uni.driver.js

@@ -18,7 +18,11 @@ function CollectionEmptyStateUniDriver(base, body) {
     /**
      * Get empty new item image
      */
-    getImageAddItem: () => getImage('empty-state-new-item-illustration')
+    getImageAddItem: () => getImage('empty-state-new-item-illustration'),
+    /**
+     * Get custom CTA
+     */
+    getCustomCta: datahook => base.$(`[data-hook="${datahook}"]`)
   };
 }
 //# sourceMappingURL=CollectionEmptyState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionEmptyState.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_EmptyStateUni","require","CollectionEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getNewItemButton","getImageAddItem"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\n\nexport function CollectionEmptyStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get 'New Item' CTA button driver\n     */\n    getNewItemButton: () => getButton('empty-state-new-item-button'),\n    /**\n     * Get empty new item image\n     */\n    getImageAddItem: () => getImage('empty-state-new-item-illustration'),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,gBAAgB,EAAEA,CAAA,KAAMJ,SAAS,CAAC,6BAA6B,CAAC;IAChE;AACJ;AACA;IACIK,eAAe,EAAEA,CAAA,KAAMJ,QAAQ,CAAC,mCAAmC;EACrE,CAAC;AACH"}
+{"version":3,"names":["_EmptyStateUni","require","CollectionEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getNewItemButton","getImageAddItem","getCustomCta","datahook","$"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\n\nexport function CollectionEmptyStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get 'New Item' CTA button driver\n     */\n    getNewItemButton: () => getButton('empty-state-new-item-button'),\n    /**\n     * Get empty new item image\n     */\n    getImageAddItem: () => getImage('empty-state-new-item-illustration'),\n    /**\n     * Get custom CTA\n     */\n    getCustomCta: (datahook: string) => base.$(`[data-hook=\"${datahook}\"]`),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,gBAAgB,EAAEA,CAAA,KAAMJ,SAAS,CAAC,6BAA6B,CAAC;IAChE;AACJ;AACA;IACIK,eAAe,EAAEA,CAAA,KAAMJ,QAAQ,CAAC,mCAAmC,CAAC;IACpE;AACJ;AACA;IACIK,YAAY,EAAGC,QAAgB,IAAKT,IAAI,CAACU,CAAC,CAAE,eAAcD,QAAS,IAAG;EACxE,CAAC;AACH"}

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionNoResultsState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _MagnifyingGlassArt = require("../MagnifyingGlassArt");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionNoResultsState.tsx"; // import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';
+function _CollectionNoResultsState(props) {
+  const state = (0, _MultiCollectionSupportProvider.useMultiCollectionSupportContext)();
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    title,
+    subtitle,
+    cta
+  } = getNoResultsStateTexts(state, t);
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "collection-empty-state",
+    title: title,
+    subtitle: subtitle
+  }, props, {
+    cta: cta,
+    image: /*#__PURE__*/_react.default.createElement(_MagnifyingGlassArt.MagnifyingGlassArt, {
+      "data-hook": "empty-state-glass-illustration",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 14
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 5
+    }
+  }));
+}
+function ResetFiltersButton(props) {
+  const state = (0, _react2.useCollectionContext)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, (0, _extends2.default)({}, props, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 19
+      }
+    }),
+    dataHook: "empty-state-clear-filters-button",
+    onClick: () => {
+      state.emitter.emit('beforeClearFilters', {
+        origin: 'empty-state'
+      });
+      state.resetFiltersAndRefresh();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 5
+    }
+  }));
+}
+const getNoResultsStateTexts = (state, t) => {
+  const {
+    hasAvailableItems,
+    hasNonPersistentCustomFilters,
+    resultOriginQuerySearch: search,
+    resultOriginQueryRawSearch: rawSearch
+  } = state;
+  // has search no filter
+  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {
+    return {
+      title: t('cairo.search.nothingMatches.title', {
+        term: rawSearch
+      }),
+      subtitle: t('cairo.search.nothingMatches.text'),
+      cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 74,
+          columnNumber: 9
+        }
+      }, t('cairo.emptyState.reset.button'))
+    };
+  }
+  // has filter no search
+  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {
+    return {
+      title: t('cairo.search.noresults.title'),
+      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),
+      cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 9
+        }
+      }, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))
+    };
+  }
+  // has filter and search
+  return {
+    title: t('cairo.search.nothingMatches.title', {
+      term: rawSearch
+    }),
+    subtitle: t('cairo.search.filter.nothingMatches.text'),
+    cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }, t('cairo.emptyState.reset.button'))
+  };
+};
+const CollectionNoResultsState = exports.CollectionNoResultsState = (0, _mobxReactLite.observer)(_CollectionNoResultsState);
+//# sourceMappingURL=CollectionNoResultsState.js.map

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_MultiCollectionSupportProvider","_designSystem","_wixUiIconsCommon","_react2","_EmptyStateBase","_MagnifyingGlassArt","_jsxFileName","_CollectionNoResultsState","props","state","useMultiCollectionSupportContext","translate","t","useWixPatternsContainer","title","subtitle","cta","getNoResultsStateTexts","default","createElement","EmptyStateBase","_extends2","dataHook","image","MagnifyingGlassArt","__self","__source","fileName","lineNumber","columnNumber","ResetFiltersButton","useCollectionContext","TextButton","prefixIcon","Revert","onClick","emitter","emit","origin","resetFiltersAndRefresh","hasAvailableItems","hasNonPersistentCustomFilters","resultOriginQuerySearch","search","resultOriginQueryRawSearch","rawSearch","term","CollectionNoResultsState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';\nimport { TextButton, TextButtonProps } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport {\n  useWixPatternsContainer,\n  useCollectionContext,\n} from '@wix/bex-core/react';\n// import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';\nimport { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { MagnifyingGlassArt } from '../MagnifyingGlassArt';\n\n\nexport interface CollectionNoResultsStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {\n  children?: ReactNode;\n}\n\nfunction _CollectionNoResultsState(\n  props: Omit<CollectionNoResultsStateProps, 'image'>,\n) {\n  const state = useMultiCollectionSupportContext();\n  const { translate: t } = useWixPatternsContainer();\n  const { title, subtitle, cta } = getNoResultsStateTexts(state, t);\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={title}\n      subtitle={subtitle}\n      {...props}\n      cta={cta}\n      image={<MagnifyingGlassArt data-hook=\"empty-state-glass-illustration\" />}\n    />\n  );\n}\n\nfunction ResetFiltersButton(props: TextButtonProps) {\n  const state = useCollectionContext();\n\n  return (\n    <TextButton\n      {...props}\n      prefixIcon={<Revert />}\n      dataHook=\"empty-state-clear-filters-button\"\n      onClick={() => {\n        state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });\n        state.resetFiltersAndRefresh();\n      }}\n    />\n  );\n}\n\nconst getNoResultsStateTexts = (\n  state: MultiCollectionSupport<FiltersMap>,\n  t: Translate,\n) => {\n  const {\n    hasAvailableItems,\n    hasNonPersistentCustomFilters,\n    resultOriginQuerySearch: search,\n    resultOriginQueryRawSearch: rawSearch,\n  } = state;\n  // has search no filter\n  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.nothingMatches.title', {\n        term: rawSearch,\n      }),\n      subtitle: t('cairo.search.nothingMatches.text'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.reset.button')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter no search\n  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.noresults.title'),\n      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.filters.nothingFound.clearFilters.CTA')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter and search\n  return {\n    title: t('cairo.search.nothingMatches.title', {\n      term: rawSearch,\n    }),\n    subtitle: t('cairo.search.filter.nothingMatches.text'),\n    cta: (\n      <ResetFiltersButton>\n        {t('cairo.emptyState.reset.button')}\n      </ResetFiltersButton>\n    ),\n  };\n};\n\nexport const CollectionNoResultsState = observer(_CollectionNoResultsState);\n"],"mappings":"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"}

package/dist/cjs/components/EmptyState/CollectionNoResultsState.uni.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionNoResultsStateUniDriver = CollectionNoResultsStateUniDriver;
+var _EmptyStateUni = require("./EmptyState.uni.driver");
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function CollectionNoResultsStateUniDriver(base, body) {
+  const {
+    getButton,
+    getImage,
+    ...rest
+  } = (0, _EmptyStateUni.EmptyStateUniDriver)(base, body);
+  return {
+    ...rest,
+    /**
+     * Get no results CTA button driver
+     */
+    getClearFiltersButton: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="empty-state-clear-filters-button"]'), body),
+    /**
+     * Get no results image
+     */
+    getImageGlassArt: () => (0, _unidriver.ImageUniDriver)(base.$('[data-hook="empty-state-glass-illustration"]'), body)
+  };
+}
+//# sourceMappingURL=CollectionNoResultsState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionNoResultsState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EmptyStateUni","require","_unidriver","CollectionNoResultsStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getClearFiltersButton","TextButtonUniDriver","$","getImageGlassArt","ImageUniDriver"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\nimport {\n  ImageUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionNoResultsStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get no results CTA button driver\n     */\n    getClearFiltersButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Get no results image\n     */\n    getImageGlassArt: () =>\n      ImageUniDriver(\n        base.$('[data-hook=\"empty-state-glass-illustration\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAKO,SAASE,iCAAiCA,CAC/CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,qBAAqB,EAAEA,CAAA,KACrB,IAAAC,8BAAmB,EACjBP,IAAI,CAACQ,CAAC,CAAC,gDAAgD,CAAC,EACxDP,IACF,CAAC;IACH;AACJ;AACA;IACIQ,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,yBAAc,EACZV,IAAI,CAACQ,CAAC,CAAC,8CAA8C,CAAC,EACtDP,IACF;EACJ,CAAC;AACH"}

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPremiumEmptyState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _CollectionPremiumEmptyStateIllustration = require("../Illustration/CollectionPremiumEmptyStateIllustration");
+var _react2 = require("@wix/bex-core/react");
+var _PremiumButton = require("./PremiumButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.tsx";
+function _CollectionPremiumEmptyState(props) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    upgradeCta,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "premium-empty-state",
+    title: t('cairo.emptyState.premium.title'),
+    subtitle: t('cairo.emptyState.premium.text'),
+    image: /*#__PURE__*/_react.default.createElement(_CollectionPremiumEmptyStateIllustration.CollectionPremiumEmptyStateIllustration, {
+      "data-hook": "empty-state-premium-illustration",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 9
+      }
+    })
+  }, rest, {
+    cta: /*#__PURE__*/_react.default.createElement(_PremiumButton.PremiumButton, (0, _extends2.default)({}, upgradeCta, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 12
+      }
+    })),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }));
+}
+const CollectionPremiumEmptyState = exports.CollectionPremiumEmptyState = (0, _mobxReactLite.observer)(_CollectionPremiumEmptyState);
+//# sourceMappingURL=CollectionPremiumEmptyState.js.map

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_EmptyStateBase","_CollectionPremiumEmptyStateIllustration","_react2","_PremiumButton","_jsxFileName","_CollectionPremiumEmptyState","props","translate","t","useWixPatternsContainer","upgradeCta","rest","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","CollectionPremiumEmptyStateIllustration","__self","__source","fileName","lineNumber","columnNumber","cta","PremiumButton","CollectionPremiumEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionPremiumEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { CollectionPremiumEmptyStateIllustration } from '../Illustration/CollectionPremiumEmptyStateIllustration';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { PremiumButton, PremiumButtonProps } from './PremiumButton';\n\nexport interface CollectionPremiumEmptyStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n  /**\n   * Configuration for premium upgrade CTA.\n   * onClick: Callback for \"Upgrade\" button click.\n   * text: Text for \"Upgrade\" button\n   * @external\n   */\n  upgradeCta: PremiumButtonProps;\n}\n\nfunction _CollectionPremiumEmptyState(props: CollectionPremiumEmptyStateProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { upgradeCta, ...rest } = props;\n\n  return (\n    <EmptyStateBase\n      dataHook=\"premium-empty-state\"\n      title={t('cairo.emptyState.premium.title')}\n      subtitle={t('cairo.emptyState.premium.text')}\n      image={\n        <CollectionPremiumEmptyStateIllustration data-hook=\"empty-state-premium-illustration\" />\n      }\n      {...rest}\n      cta={<PremiumButton {...upgradeCta} />}\n    />\n  );\n}\n\nexport const CollectionPremiumEmptyState = observer(\n  _CollectionPremiumEmptyState,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,wCAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAapE,SAASC,4BAA4BA,CAACC,KAAuC,EAAE;EAC7E,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAErC,oBACEV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,eAAA,CAAAc,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAET,CAAC,CAAC,gCAAgC,CAAE;IAC3CU,QAAQ,EAAEV,CAAC,CAAC,+BAA+B,CAAE;IAC7CW,KAAK,eACHvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,wCAAA,CAAAmB,uCAAuC;MAAC,aAAU,kCAAkC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACxF,GACGd,IAAI;IACRe,GAAG,eAAE9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,cAAA,CAAAwB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKF,UAAU;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC;AAEN;AAEO,MAAMG,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,uBAAQ,EACjDzB,4BACF,CAAC"}

package/dist/cjs/components/EmptyState/{PremiumEmptyState.uni.driver.js → CollectionPremiumEmptyState.uni.driver.js}

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.PremiumEmptyStateUniDriver = PremiumEmptyStateUniDriver;
+exports.CollectionPremiumEmptyStateUniDriver = CollectionPremiumEmptyStateUniDriver;
 var _EmptyStateUni = require("./EmptyState.uni.driver");
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
-function PremiumEmptyStateUniDriver(base, body) {
+function CollectionPremiumEmptyStateUniDriver(base, body) {
   const {
     getButton,
     getImage,
@@ -19,7 +19,11 @@ function PremiumEmptyStateUniDriver(base, body) {
     /**
      * Get empty state image
      */
-    getImage: () => getImage('empty-state-premium-illustration')
+    getImage: () => getImage('empty-state-premium-illustration'),
+    /**
+     * Get custom CTA
+     */
+    getCustomCta: datahook => base.$(`[data-hook="${datahook}"]`)
   };
 }
-//# sourceMappingURL=PremiumEmptyState.uni.driver.js.map
+//# sourceMappingURL=CollectionPremiumEmptyState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EmptyStateUni","require","_unidriver","CollectionPremiumEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","ButtonUniDriver","$","getCustomCta","datahook"],"sources":["../../../../src/components/EmptyState/CollectionPremiumEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\nimport { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionPremiumEmptyStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: () =>\n      ButtonUniDriver(base.$(`[data-hook=\"empty-state-premium-button\"]`), body),\n    /**\n     * Get empty state image\n     */\n    getImage: () => getImage('empty-state-premium-illustration'),\n    /**\n     * Get custom CTA\n     */\n    getCustomCta: (datahook: string) => base.$(`[data-hook=\"${datahook}\"]`),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,SAASE,oCAAoCA,CAClDC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIF,SAAS,EAAEA,CAAA,KACT,IAAAI,0BAAe,EAACN,IAAI,CAACO,CAAC,CAAE,0CAAyC,CAAC,EAAEN,IAAI,CAAC;IAC3E;AACJ;AACA;IACIE,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAAC,kCAAkC,CAAC;IAC5D;AACJ;AACA;IACIK,YAAY,EAAGC,QAAgB,IAAKT,IAAI,CAACO,CAAC,CAAE,eAAcE,QAAS,IAAG;EACxE,CAAC;AACH"}

package/dist/cjs/components/EmptyState/EmptyState.uni.driver.js

@@ -11,14 +11,6 @@ function EmptyStateUniDriver(base, body) {
      * Get empty state CTA button driver
      */
     getButton: dataHook => (0, _unidriver.TextButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
-    /**
-     * Get no results CTA button driver
-     */
-    getClearFiltersButton: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="empty-state-clear-filters-button"]'), body),
-    /**
-     * Get no results image
-     */
-    getImageGlassArt: () => (0, _unidriver.ImageUniDriver)(base.$('[data-hook="empty-state-glass-illustration"]'), body),
     /**
      * Get empty state image
      */

package/dist/cjs/components/EmptyState/EmptyState.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","EmptyStateUniDriver","base","body","WSDEmptyStateUniDriver","wait","timeout","getButton","dataHook","TextButtonUniDriver","$","getClearFiltersButton","getImageGlassArt","ImageUniDriver","getImage"],"sources":["../../../../src/components/EmptyState/EmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EmptyStateUniDriver as WSDEmptyStateUniDriver,\n  TextButtonUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function EmptyStateUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...WSDEmptyStateUniDriver(base, body),\n    wait: (timeout?: number) => base.wait(timeout),\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: (dataHook: string) =>\n      TextButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n    /**\n     * Get no results CTA button driver\n     */\n    getClearFiltersButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Get no results image\n     */\n    getImageGlassArt: () =>\n      ImageUniDriver(\n        base.$('[data-hook=\"empty-state-glass-illustration\"]'),\n        body,\n      ),\n    /**\n     * Get empty state image\n     */\n    getImage: (dataHook: string) =>\n      ImageUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,8BAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,IAAI,EAAGC,OAAgB,IAAKJ,IAAI,CAACG,IAAI,CAACC,OAAO,CAAC;IAC9C;AACJ;AACA;IACIC,SAAS,EAAGC,QAAgB,IAC1B,IAAAC,8BAAmB,EAACP,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI,CAAC;IAChE;AACJ;AACA;IACIQ,qBAAqB,EAAEA,CAAA,KACrB,IAAAF,8BAAmB,EACjBP,IAAI,CAACQ,CAAC,CAAC,gDAAgD,CAAC,EACxDP,IACF,CAAC;IACH;AACJ;AACA;IACIS,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,yBAAc,EACZX,IAAI,CAACQ,CAAC,CAAC,8CAA8C,CAAC,EACtDP,IACF,CAAC;IACH;AACJ;AACA;IACIW,QAAQ,EAAGN,QAAgB,IACzB,IAAAK,yBAAc,EAACX,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI;EAC5D,CAAC;AACH"}
+{"version":3,"names":["_unidriver","require","EmptyStateUniDriver","base","body","WSDEmptyStateUniDriver","wait","timeout","getButton","dataHook","TextButtonUniDriver","$","getImage","ImageUniDriver"],"sources":["../../../../src/components/EmptyState/EmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EmptyStateUniDriver as WSDEmptyStateUniDriver,\n  TextButtonUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function EmptyStateUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...WSDEmptyStateUniDriver(base, body),\n    wait: (timeout?: number) => base.wait(timeout),\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: (dataHook: string) =>\n      TextButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n\n    /**\n     * Get empty state image\n     */\n    getImage: (dataHook: string) =>\n      ImageUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,8BAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,IAAI,EAAGC,OAAgB,IAAKJ,IAAI,CAACG,IAAI,CAACC,OAAO,CAAC;IAC9C;AACJ;AACA;IACIC,SAAS,EAAGC,QAAgB,IAC1B,IAAAC,8BAAmB,EAACP,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI,CAAC;IAEhE;AACJ;AACA;IACIQ,QAAQ,EAAGH,QAAgB,IACzB,IAAAI,yBAAc,EAACV,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI;EAC5D,CAAC;AACH"}

package/dist/cjs/components/EmptyState/EmptyStateBase.js

@@ -25,7 +25,7 @@ function _EmptyStateBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 50,
         columnNumber: 7
       }
     }, customCta, cta);
@@ -44,7 +44,7 @@ function _EmptyStateBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 71,
         columnNumber: 22
       }
     }, image) : undefined
@@ -52,7 +52,7 @@ function _EmptyStateBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 67,
       columnNumber: 5
     }
   }), child);

package/dist/cjs/components/EmptyState/EmptyStateBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateBase","props","children","customCta","title","subtitle","cta","image","rest","child","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Fragment","EmptyState","_extends2","theme","style","display","undefined","EmptyStateBase","exports","observer"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, EmptyState, EmptyStateProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface EmptyStateBaseProps\n  extends EmptyStateBasePrivateProps,\n    Omit<Partial<EmptyStateProps>, 'title' | 'subtitle' | 'image'> {\n  children?: ReactNode;\n  /**\n   * Hides all default CTA buttons such as \"Reset Filters\" / \"New Item\"\n   * @external\n   */\n  disableDefaultCta?: boolean;\n  /**\n   * Adds more custom CTA buttons\n   * @external\n   */\n  customCta?: ReactNode;\n}\n\nexport interface EmptyStateBasePrivateProps {\n  title: string;\n  subtitle: string;\n  cta?: ReactNode;\n  image?: string | ReactNode;\n}\n\nfunction _EmptyStateBase(props: EmptyStateBaseProps) {\n  const { children, customCta, title, subtitle, cta, image, ...rest } = props;\n\n  let child;\n\n  if (cta || customCta) {\n    child = (\n      <Box gap=\"SP5\">\n        {customCta}\n        {cta}\n      </Box>\n    );\n  }\n\n  if (children) {\n    child = (\n      <>\n        {child}\n        {children}\n      </>\n    );\n  }\n\n  return (\n    <EmptyState\n      title={title}\n      subtitle={subtitle}\n      theme=\"page-no-border\"\n      image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}\n      {...rest}\n    >\n      {child}\n    </EmptyState>\n  );\n}\n\nexport const EmptyStateBase = observer(_EmptyStateBase);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAyB3C,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE3E,IAAIQ,KAAK;EAET,IAAIH,GAAG,IAAIH,SAAS,EAAE;IACpBM,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXf,SAAS,EACTG,GACE,CACN;EACH;EAEA,IAAIJ,QAAQ,EAAE;IACZO,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAS,QAAA,QACGV,KAAK,EACLP,QACD,CACH;EACH;EAEA,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,UAAU,MAAAC,SAAA,CAAAX,OAAA;IACTN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,KAAK,EAAC,gBAAgB;IACtBf,KAAK,EAAEA,KAAK,gBAAGb,MAAA,CAAAgB,OAAA,CAAAC,aAAA;MAAKY,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEX,KAAW,CAAC,GAAGkB;EAAU,GACtEjB,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPT,KACS,CAAC;AAEjB;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC5B,eAAe,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateBase","props","children","customCta","title","subtitle","cta","image","rest","child","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Fragment","EmptyState","_extends2","theme","style","display","undefined","EmptyStateBase","exports","observer"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, EmptyState, EmptyStateProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface EmptyStateBaseProps\n  extends EmptyStateBasePrivateProps,\n    Omit<Partial<EmptyStateProps>, 'title' | 'subtitle' | 'image'> {\n  /**\n   * Overrides the default title.\n   * @external\n   */\n  title: string;\n  /**\n   * Overrides the default subtitle.\n   * @external\n   */\n  subtitle: string;\n  /**\n   * Overrides the default subtitle image.\n   * Accepts boolean or a custom `ReactElement`.\n   * When passing `false` image will be displayed.\n   * @external\n   */\n  image?: boolean | ReactNode;\n  children?: ReactNode;\n  cta?: ReactNode;\n  /**\n   * Adds more custom CTA button.\n   * Pass [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component.\n   * @external\n   */\n  customCta?: ReactNode;\n  disableDefaultCta?: boolean;\n}\n\nexport interface EmptyStateBasePrivateProps {\n  title: string;\n  subtitle: string;\n  cta?: ReactNode;\n  image?: string | ReactNode;\n}\n\nfunction _EmptyStateBase(props: EmptyStateBaseProps) {\n  const { children, customCta, title, subtitle, cta, image, ...rest } = props;\n\n  let child;\n\n  if (cta || customCta) {\n    child = (\n      <Box gap=\"SP5\">\n        {customCta}\n        {cta}\n      </Box>\n    );\n  }\n\n  if (children) {\n    child = (\n      <>\n        {child}\n        {children}\n      </>\n    );\n  }\n\n  return (\n    <EmptyState\n      title={title}\n      subtitle={subtitle}\n      theme=\"page-no-border\"\n      image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}\n      {...rest}\n    >\n      {child}\n    </EmptyState>\n  );\n}\n\nexport const EmptyStateBase = observer(_EmptyStateBase);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAwC3C,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE3E,IAAIQ,KAAK;EAET,IAAIH,GAAG,IAAIH,SAAS,EAAE;IACpBM,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXf,SAAS,EACTG,GACE,CACN;EACH;EAEA,IAAIJ,QAAQ,EAAE;IACZO,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAS,QAAA,QACGV,KAAK,EACLP,QACD,CACH;EACH;EAEA,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,UAAU,MAAAC,SAAA,CAAAX,OAAA;IACTN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,KAAK,EAAC,gBAAgB;IACtBf,KAAK,EAAEA,KAAK,gBAAGb,MAAA,CAAAgB,OAAA,CAAAC,aAAA;MAAKY,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEX,KAAW,CAAC,GAAGkB;EAAU,GACtEjB,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPT,KACS,CAAC;AAEjB;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC5B,eAAe,CAAC"}

package/dist/cjs/components/EmptyState/NewItemButton.js

@@ -14,16 +14,16 @@ function NewItemButton(props) {
     translate: t
   } = state;
   const {
-    onAddNewClick,
-    addNewText
+    onClick,
+    text
   } = props;
   return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    onClick: onAddNewClick,
+    onClick: onClick,
     prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 19,
         columnNumber: 19
       }
     }),
@@ -31,9 +31,9 @@ function NewItemButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 17,
       columnNumber: 5
     }
-  }, addNewText ?? t('cairo.emptyState.additem.cta'));
+  }, text ?? t('cairo.emptyState.additem.cta'));
 }
 //# sourceMappingURL=NewItemButton.js.map

package/dist/cjs/components/EmptyState/NewItemButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_designSystem","_wixUiIconsCommon","_jsxFileName","NewItemButton","props","state","useCollectionContext","translate","t","onAddNewClick","addNewText","default","createElement","TextButton","onClick","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","dataHook"],"sources":["../../../../src/components/EmptyState/NewItemButton.tsx"],"sourcesContent":["import React, { MouseEvent as ReactMouseEvent, ReactNode } from 'react';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { TextButton } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface NewItemButtonProps {\n  /**\n   * Callback for \"New Item\" button click. When not passed \"New Item\" will not be rendered.\n   * @external\n   */\n  onAddNewClick?: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /**\n   * Text for \"New Item\" button\n   * @external\n   */\n  addNewText?: ReactNode;\n}\n\nexport function NewItemButton(props: NewItemButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { onAddNewClick, addNewText } = props;\n\n  return (\n    <TextButton\n      onClick={onAddNewClick}\n      prefixIcon={<Add />}\n      dataHook=\"empty-state-new-item-button\"\n    >\n      {addNewText ?? t('cairo.emptyState.additem.cta')}\n    </TextButton>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAexC,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,aAAa;IAAEC;EAAW,CAAC,GAAGN,KAAK;EAE3C,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,UAAU;IACTC,OAAO,EAAEL,aAAc;IACvBM,UAAU,eAAEnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAe,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBC,QAAQ,EAAC,6BAA6B;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCX,UAAU,IAAIF,CAAC,CAAC,8BAA8B,CACrC,CAAC;AAEjB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_designSystem","_wixUiIconsCommon","_jsxFileName","NewItemButton","props","state","useCollectionContext","translate","t","onClick","text","default","createElement","TextButton","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","dataHook"],"sources":["../../../../src/components/EmptyState/NewItemButton.tsx"],"sourcesContent":["import React, { MouseEvent as ReactMouseEvent } from 'react';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { TextButton } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface NewItemButtonProps {\n  onClick?: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  text?: string;\n}\n\nexport function NewItemButton(props: NewItemButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { onClick, text } = props;\n\n  return (\n    <TextButton\n      onClick={onClick}\n      prefixIcon={<Add />}\n      dataHook=\"empty-state-new-item-button\"\n    >\n      {text ?? t('cairo.emptyState.additem.cta')}\n    </TextButton>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAOxC,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,OAAO;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAE/B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,UAAU;IACTJ,OAAO,EAAEA,OAAQ;IACjBK,UAAU,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAc,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBC,QAAQ,EAAC,6BAA6B;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCV,IAAI,IAAIF,CAAC,CAAC,8BAA8B,CAC/B,CAAC;AAEjB"}

package/dist/cjs/components/EmptyState/PremiumButton.js

@@ -13,19 +13,19 @@ function PremiumButton(props) {
     translate: t
   } = state;
   const {
-    premiumBtnText,
-    onPremiumBtnClick
+    text,
+    onClick
   } = props;
   return /*#__PURE__*/_react2.default.createElement(_designSystem.Button, {
     skin: "premium",
-    onClick: onPremiumBtnClick,
+    onClick: onClick,
     dataHook: "empty-state-premium-button",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 15,
       columnNumber: 5
     }
-  }, premiumBtnText ?? t('cairo.emptyState.premium.cta'));
+  }, text ?? t('cairo.emptyState.premium.cta'));
 }
 //# sourceMappingURL=PremiumButton.js.map

package/dist/cjs/components/EmptyState/PremiumButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_designSystem","_react2","_interopRequireDefault","_jsxFileName","PremiumButton","props","state","useCollectionContext","translate","t","premiumBtnText","onPremiumBtnClick","default","createElement","Button","skin","onClick","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/EmptyState/PremiumButton.tsx"],"sourcesContent":["import { useCollectionContext } from '@wix/bex-core/react';\nimport { Button } from '@wix/design-system';\nimport React, { MouseEvent as ReactMouseEvent, ReactNode } from 'react';\n\nexport interface PremiumButtonProps {\n  /**\n   * Callback for \"Upgrade\" button click.\n   */\n  onPremiumBtnClick: (\n    e: ReactMouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /**\n   * Text for \"Upgrade\" button\n   */\n  premiumBtnText?: ReactNode;\n}\nexport function PremiumButton(props: PremiumButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { premiumBtnText, onPremiumBtnClick } = props;\n\n  return (\n    <Button\n      skin=\"premium\"\n      onClick={onPremiumBtnClick}\n      dataHook=\"empty-state-premium-button\"\n    >\n      {premiumBtnText ?? t('cairo.emptyState.premium.cta')}\n    </Button>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwE,IAAAI,YAAA;AAcjE,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,cAAc;IAAEC;EAAkB,CAAC,GAAGN,KAAK;EAEnD,oBACEJ,OAAA,CAAAW,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEL,iBAAkB;IAC3BM,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCZ,cAAc,IAAID,CAAC,CAAC,8BAA8B,CAC7C,CAAC;AAEb"}
+{"version":3,"names":["_react","require","_designSystem","_react2","_interopRequireDefault","_jsxFileName","PremiumButton","props","state","useCollectionContext","translate","t","text","onClick","default","createElement","Button","skin","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/EmptyState/PremiumButton.tsx"],"sourcesContent":["import { useCollectionContext } from '@wix/bex-core/react';\nimport { Button } from '@wix/design-system';\nimport React, { MouseEvent as ReactMouseEvent } from 'react';\n\nexport interface PremiumButtonProps {\n  onClick: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  text?: string;\n}\nexport function PremiumButton(props: PremiumButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { text, onClick } = props;\n\n  return (\n    <Button\n      skin=\"premium\"\n      onClick={onClick}\n      dataHook=\"empty-state-premium-button\"\n    >\n      {text ?? t('cairo.emptyState.premium.cta')}\n    </Button>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA6D,IAAAI,YAAA;AAMtD,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAC,GAAGN,KAAK;EAE/B,oBACEJ,OAAA,CAAAW,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,SAAS;IACdJ,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCX,IAAI,IAAID,CAAC,CAAC,8BAA8B,CACnC,CAAC;AAEb"}

package/dist/cjs/components/Fade/Fade.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade1208131267";
+var _namespace_ = "Fade1030465190";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade1208131267__root"
+  "root": "Fade1030465190__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1208131267\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade1208131267__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC"}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1030465190\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade1030465190__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC"}