@wix/patterns 1.299.0 → 1.301.0

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js

@@ -157,14 +157,16 @@ class AppliedFiltersTagListState {
     return {
       children: /*#__PURE__*/_react.default.createElement(_FilterTagContent.FilterTagContent, {
         filterProps: filterProps,
-        values: filterValuesGroup,
         __self: this,
         __source: {
           fileName: _jsxFileName,
           lineNumber: 190,
           columnNumber: 9
         }
-      }),
+      }, filterValuesGroup.map(({
+        filter,
+        value
+      }) => filter.itemName(value)).join(', ')),
       key: filterProps == null ? void 0 : filterProps.filter.name,
       filterProps,
       id: filterProps == null ? void 0 : filterProps.filter.name,

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","table","collection","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","children","itemName","dataHook","maxWidth","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\n  FiltersMap,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoFilterToggled } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\n\nexport interface AppliedFiltersTagListStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\n  constructor(params: Readonly<AppliedFiltersTagListStateParams<T, F>>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      filterValues: computed,\n      tags: computed,\n      filterPropsMap: computed,\n    });\n  }\n\n  init() {\n    const {\n      multi: { collections },\n    } = this.table;\n\n    const disposers = [\n      ...collections.map((collection) =>\n        addEventListener(collection.emitter, 'fetch', () => {\n          const ls = this.events.listeners('fetch').map((l) => l(collection));\n          return () => {\n            ls.forEach((l) => l());\n          };\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  get filterPropsMap() {\n    const {\n      table: { filtersProps },\n    } = this;\n\n    return new Map(\n      filtersProps?.map((filterProps) => [filterProps.filter, filterProps]) ??\n        [],\n    );\n  }\n\n  toTag<V>(key: string, filter: Filter<V>) {\n    const { filterPropsMap } = this;\n    const { value: filterValue } = filter;\n\n    const explodeTags = filterPropsMap.get(filter)?.explodeTags;\n\n    return filter.toArray.map((value) => ({\n      id:\n        Array.isArray(filterValue) || explodeTags\n          ? `${key}-${filter.itemKey(value)}`\n          : key,\n      filter,\n      value,\n    }));\n  }\n\n  get filterValues() {\n    const {\n      table: { activeFiltersEntries },\n    } = this;\n\n    return activeFiltersEntries\n      .filter(([_, filter]) => !filter._hideFromToolbar)\n      .flatMap(([key, filter]) => this.toTag(key, filter));\n  }\n\n  get tags() {\n    const { filterValues, filterPropsMap } = this;\n    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = (collection: CollectionState<unknown>) => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoFilterToggled)({\n            ...table._commonDynamicBiParams(),\n            ...collection._commonDynamicBiParams(),\n            actionType: 'remove',\n            origin: 'sub-toolbar',\n            filterName: filter.name,\n            filterValue: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n\n  onClearButtonClick = action(() => {\n    const { table } = this;\n    const { collection } = table;\n    const {\n      query: { nonPersistentFilters },\n    } = collection;\n    collection.emitter.emit('beforeClearFilters', { origin: 'toolbar' });\n    nonPersistentFilters\n      .filter((filter) => !filter._hideFromToolbar)\n      .forEach((filter) => {\n        filter?.reset({ emitEvents: ['change', 'refresh'] });\n      });\n  });\n\n  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        key: id,\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent\n          filterProps={filterProps}\n          values={filterValuesGroup}\n        />\n      ),\n      key: filterProps?.filter.name!,\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","table","collection","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","children","itemName","dataHook","maxWidth","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\n  FiltersMap,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoFilterToggled } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\n\nexport interface AppliedFiltersTagListStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\n  constructor(params: Readonly<AppliedFiltersTagListStateParams<T, F>>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      filterValues: computed,\n      tags: computed,\n      filterPropsMap: computed,\n    });\n  }\n\n  init() {\n    const {\n      multi: { collections },\n    } = this.table;\n\n    const disposers = [\n      ...collections.map((collection) =>\n        addEventListener(collection.emitter, 'fetch', () => {\n          const ls = this.events.listeners('fetch').map((l) => l(collection));\n          return () => {\n            ls.forEach((l) => l());\n          };\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  get filterPropsMap() {\n    const {\n      table: { filtersProps },\n    } = this;\n\n    return new Map(\n      filtersProps?.map((filterProps) => [filterProps.filter, filterProps]) ??\n        [],\n    );\n  }\n\n  toTag<V>(key: string, filter: Filter<V>) {\n    const { filterPropsMap } = this;\n    const { value: filterValue } = filter;\n\n    const explodeTags = filterPropsMap.get(filter)?.explodeTags;\n\n    return filter.toArray.map((value) => ({\n      id:\n        Array.isArray(filterValue) || explodeTags\n          ? `${key}-${filter.itemKey(value)}`\n          : key,\n      filter,\n      value,\n    }));\n  }\n\n  get filterValues() {\n    const {\n      table: { activeFiltersEntries },\n    } = this;\n\n    return activeFiltersEntries\n      .filter(([_, filter]) => !filter._hideFromToolbar)\n      .flatMap(([key, filter]) => this.toTag(key, filter));\n  }\n\n  get tags() {\n    const { filterValues, filterPropsMap } = this;\n    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = (collection: CollectionState<unknown>) => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoFilterToggled)({\n            ...table._commonDynamicBiParams(),\n            ...collection._commonDynamicBiParams(),\n            actionType: 'remove',\n            origin: 'sub-toolbar',\n            filterName: filter.name,\n            filterValue: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n\n  onClearButtonClick = action(() => {\n    const { table } = this;\n    const { collection } = table;\n    const {\n      query: { nonPersistentFilters },\n    } = collection;\n    collection.emitter.emit('beforeClearFilters', { origin: 'toolbar' });\n    nonPersistentFilters\n      .filter((filter) => !filter._hideFromToolbar)\n      .forEach((filter) => {\n        filter?.reset({ emitEvents: ['change', 'refresh'] });\n      });\n  });\n\n  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        key: id,\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent filterProps={filterProps}>\n          {filterValuesGroup\n            .map(({ filter, value }: FilterTagValue<V>) =>\n              filter.itemName(value),\n            )\n            .join(', ')}\n        </FilterTagContent>\n      ),\n      key: filterProps?.filter.name!,\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AppliedFiltersTagList/FilterTagContent.js

@@ -7,7 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/AppliedFiltersTagList/FilterTagContent.tsx";
 function FilterTagContent({
   filterProps,
-  values
+  children
 }) {
   var _filterProps$toolbarT, _filterProps$accordio;
   const filterName = (filterProps == null || (_filterProps$toolbarT = filterProps.toolbarTagProps) == null ? void 0 : _filterProps$toolbarT.label) ?? (filterProps == null || (_filterProps$accordio = filterProps.accordionItemProps) == null ? void 0 : _filterProps$accordio.label);
@@ -18,12 +18,9 @@ function FilterTagContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 18,
       columnNumber: 9
     }
-  }, `${filterName}: `), values.map(({
-    filter,
-    value
-  }) => filter.itemName(value)).join(', '));
+  }, `${filterName}: `), children);
 }
 //# sourceMappingURL=FilterTagContent.js.map

package/dist/cjs/components/AppliedFiltersTagList/FilterTagContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","FilterTagContent","filterProps","values","_filterProps$toolbarT","_filterProps$accordio","filterName","toolbarTagProps","label","accordionItemProps","default","createElement","Fragment","style","fontWeight","__self","__source","fileName","lineNumber","columnNumber","map","filter","value","itemName","join"],"sources":["../../../../src/components/AppliedFiltersTagList/FilterTagContent.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterTagValue } from './AppliedFiltersTagListState';\nimport { FilterProps } from '../../model';\n\nexport function FilterTagContent<V>({\n  filterProps,\n  values,\n}: {\n  filterProps?: FilterProps<V>;\n  values: FilterTagValue<V>[];\n}) {\n  const filterName =\n    filterProps?.toolbarTagProps?.label ??\n    filterProps?.accordionItemProps?.label;\n\n  return (\n    <>\n      {filterName && (\n        <span style={{ fontWeight: 530 }}>{`${filterName}: `}</span>\n      )}\n      {values\n        .map(({ filter, value }: FilterTagValue<V>) => filter.itemName(value))\n        .join(', ')}\n    </>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,YAAA;AAInB,SAASC,gBAAgBA,CAAI;EAClCC,WAAW;EACXC;AAIF,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACD,MAAMC,UAAU,GACd,CAAAJ,WAAW,aAAAE,qBAAA,GAAXF,WAAW,CAAEK,eAAe,qBAA5BH,qBAAA,CAA8BI,KAAK,MACnCN,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEO,kBAAkB,qBAA/BJ,qBAAA,CAAiCG,KAAK;EAExC,oBACEX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAE,QAAA,QACGN,UAAU,iBACTT,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAME,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAI,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE,GAAGb,UAAU,IAAW,CAC5D,EACAH,MAAM,CACJiB,GAAG,CAAC,CAAC;IAAEC,MAAM;IAAEC;EAAyB,CAAC,KAAKD,MAAM,CAACE,QAAQ,CAACD,KAAK,CAAC,CAAC,CACrEE,IAAI,CAAC,IAAI,CACZ,CAAC;AAEP","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","FilterTagContent","filterProps","children","_filterProps$toolbarT","_filterProps$accordio","filterName","toolbarTagProps","label","accordionItemProps","default","createElement","Fragment","style","fontWeight","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/AppliedFiltersTagList/FilterTagContent.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FilterProps } from '../../model';\n\nexport function FilterTagContent<V>({\n  filterProps,\n  children,\n}: {\n  filterProps?: FilterProps<V>;\n  children?: ReactNode;\n}) {\n  const filterName =\n    filterProps?.toolbarTagProps?.label ??\n    filterProps?.accordionItemProps?.label;\n\n  return (\n    <>\n      {filterName && (\n        <span style={{ fontWeight: 530 }}>{`${filterName}: `}</span>\n      )}\n      {children}\n    </>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyC,IAAAC,YAAA;AAGlC,SAASC,gBAAgBA,CAAI;EAClCC,WAAW;EACXC;AAIF,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACD,MAAMC,UAAU,GACd,CAAAJ,WAAW,aAAAE,qBAAA,GAAXF,WAAW,CAAEK,eAAe,qBAA5BH,qBAAA,CAA8BI,KAAK,MACnCN,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEO,kBAAkB,qBAA/BJ,qBAAA,CAAiCG,KAAK;EAExC,oBACEX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAE,QAAA,QACGN,UAAU,iBACTT,MAAA,CAAAa,OAAA,CAAAC,aAAA;IAAME,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAI,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE,GAAGb,UAAU,IAAW,CAC5D,EACAH,QACD,CAAC;AAEP","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js

@@ -0,0 +1,114 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ArchivedItemsCTAButton = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _ArchivedItemsPanel = require("./ArchivedItemsPanel");
+var _archivedItemsUtils = require("../../utils/archivedItemsUtils");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _ArchivedItemsCTAButton() {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const collectionDataExtension = toolbar.collectionDataExtension;
+  const dataExtension = collectionDataExtension == null ? void 0 : collectionDataExtension.dataExtension;
+  const style = (0, _react.useMemo)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px'
+  }), []);
+  if (!(dataExtension != null && dataExtension.enableArchive)) {
+    return null;
+  }
+  const archivedItems = (0, _archivedItemsUtils.getArchivedItems)(dataExtension);
+  if (archivedItems.length === 0) {
+    return null;
+  }
+  const handleOpenArchivedPanel = () => {
+    dataExtension == null || dataExtension.openArchivedPanel();
+  };
+  const handleCloseArchivedPanel = () => {
+    dataExtension == null || dataExtension.closeArchivedPanel();
+  };
+  const handleCloseAllPanels = () => {
+    dataExtension == null || dataExtension.closeArchivedPanel();
+    toolbar.sidePanel.close();
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    onClick: handleOpenArchivedPanel,
+    dataHook: "archived-items-button",
+    showDivider: true,
+    verticalPadding: "tiny",
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement("div", {
+        style: style,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 58,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Archive, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 59,
+          columnNumber: 17
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        weight: "normal",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 60,
+          columnNumber: 17
+        }
+      }, t('cairo.table.custom-columns.section-divider')))
+    }, {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+        size: "small",
+        skin: "inverted",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 68,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 69,
+          columnNumber: 17
+        }
+      })),
+      align: 'right'
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }), (dataExtension == null ? void 0 : dataExtension.isArchivedPanelOpen) && /*#__PURE__*/_react.default.createElement(_ArchivedItemsPanel.ArchivedItemsPanel, {
+    items: archivedItems,
+    onBackButtonClick: handleCloseArchivedPanel,
+    onCloseButtonClick: handleCloseAllPanels,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 9
+    }
+  }));
+}
+const ArchivedItemsCTAButton = exports.ArchivedItemsCTAButton = (0, _mobxReactLite.observer)(_ArchivedItemsCTAButton);
+//# sourceMappingURL=ArchivedItemsCTAButton.js.map

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_ArchivedItemsPanel","_archivedItemsUtils","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsCTAButton","translate","useWixPatternsContainer","toolbar","useToolbarCollectionContext","collectionDataExtension","dataExtension","style","useMemo","display","alignItems","gap","enableArchive","archivedItems","getArchivedItems","length","handleOpenArchivedPanel","openArchivedPanel","handleCloseArchivedPanel","closeArchivedPanel","handleCloseAllPanels","sidePanel","close","createElement","Fragment","TableListItem","onClick","dataHook","showDivider","verticalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","IconButton","skin","ChevronRight","align","isArchivedPanelOpen","ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import { TableListItem, Text, IconButton } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ArchivedItemsPanel } from './ArchivedItemsPanel';\nimport { getArchivedItems } from '../../utils/archivedItemsUtils';\nimport { observer } from 'mobx-react-lite';\n\nfunction _ArchivedItemsCTAButton() {\n  const { translate: t } = useWixPatternsContainer();\n  const toolbar = useToolbarCollectionContext();\n  const collectionDataExtension = toolbar.collectionDataExtension;\n  const dataExtension = collectionDataExtension?.dataExtension;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8px',\n    }),\n    [],\n  );\n\n  if (!dataExtension?.enableArchive) {\n    return null;\n  }\n\n  const archivedItems = getArchivedItems(dataExtension);\n\n  if (archivedItems.length === 0) {\n    return null;\n  }\n\n  const handleOpenArchivedPanel = () => {\n    dataExtension?.openArchivedPanel();\n  };\n\n  const handleCloseArchivedPanel = () => {\n    dataExtension?.closeArchivedPanel();\n  };\n\n  const handleCloseAllPanels = () => {\n    dataExtension?.closeArchivedPanel();\n    toolbar.sidePanel.close();\n  };\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook=\"archived-items-button\"\n        showDivider\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <div style={style}>\n                <Archive />\n                <Text size=\"small\" weight=\"normal\">\n                  {t('cairo.table.custom-columns.section-divider')}\n                </Text>\n              </div>\n            ),\n          },\n          {\n            value: (\n              <IconButton size=\"small\" skin=\"inverted\">\n                <ChevronRight />\n              </IconButton>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {dataExtension?.isArchivedPanelOpen && (\n        <ArchivedItemsPanel\n          items={archivedItems}\n          onBackButtonClick={handleCloseArchivedPanel}\n          onCloseButtonClick={handleCloseAllPanels}\n        />\n      )}\n    </>\n  );\n}\n\nexport const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ArchivedItemsList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _ArchivedItemsListItem = require("./ArchivedItemsListItem");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.tsx";
+function _ArchivedItemsList({
+  items
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    dataHook: "archived-items-list",
+    backgroundColor: "D60",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 5
+    }
+  }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_ArchivedItemsListItem.ArchivedItemsListItem, {
+    key: item.id,
+    item: item,
+    showDivider: index < items.length - 1,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 9
+    }
+  })));
+}
+const ArchivedItemsList = exports.ArchivedItemsList = _ArchivedItemsList;
+//# sourceMappingURL=ArchivedItemsList.js.map

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_jsxFileName","_ArchivedItemsList","items","default","createElement","Box","direction","dataHook","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","map","item","index","ArchivedItemsListItem","key","id","showDivider","length","ArchivedItemsList","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ArchivedItem } from '../../utils/archivedItemsUtils';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n}\n\nfunction _ArchivedItemsList({ items }: ArchivedItemsListProps) {\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"archived-items-list\"\n      backgroundColor=\"D60\"\n    >\n      {items.map((item, index) => (\n        <ArchivedItemsListItem\n          key={item.id}\n          item={item}\n          showDivider={index < items.length - 1}\n        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAMhE,SAASC,kBAAkBA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EAC7D,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,qBAAqB;IAC9BC,eAAe,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBX,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBrB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,sBAAA,CAAAkB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEJ,KAAK,GAAGd,KAAK,CAACmB,MAAM,GAAG,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGrB,kBAAkB","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ArchivedItemsListItem = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _ArchivedItemsListItem({
+  item,
+  showDivider
+}) {
+  const style = (0, _react.useMemo)(() => ({
+    padding: '0 6px',
+    wordBreak: 'break-word'
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+    showDivider: showDivider,
+    "data-hook": `archived-item-${item.id}`,
+    options: [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 29,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: style,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        dataHook: "archived-item-label",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 31,
+          columnNumber: 17
+        }
+      }, item.label || item.id)))
+    }],
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  });
+}
+const ArchivedItemsListItem = exports.ArchivedItemsListItem = _ArchivedItemsListItem;
+//# sourceMappingURL=ArchivedItemsListItem.js.map

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","style","useMemo","padding","wordBreak","createElement","TableListItem","id","options","value","Box","__self","__source","fileName","lineNumber","columnNumber","Text","size","dataHook","label","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { ArchivedItem } from '../../utils/archivedItemsUtils';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n}: ArchivedItemsListItemProps) {\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\n  );\n\n  return (\n    <TableListItem\n      showDivider={showDivider}\n      data-hook={`archived-item-${item.id}`}\n      options={[\n        {\n          value: (\n            <Box>\n              <div style={style}>\n                <Text size=\"small\" dataHook=\"archived-item-label\">\n                  {item.label || item.id}\n                </Text>\n              </div>\n            </Box>\n          ),\n        },\n      ]}\n    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAsD,IAAAG,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQtD,SAASkB,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,OAAO;IAChBC,SAAS,EAAE;EACb,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACE5B,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAAgC,aAAa;IACZN,WAAW,EAAEA,WAAY;IACzB,aAAW,iBAAiBD,IAAI,CAACQ,EAAE,EAAG;IACtCC,OAAO,EAAE,CACP;MACEC,KAAK,eACHjC,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAAoC,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACFvC,MAAA,CAAAa,OAAA,CAAAgB,aAAA;QAAKJ,KAAK,EAAEA,KAAM;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAChBvC,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAA0C,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ,EAAC,qBAAqB;QAAAP,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC9ChB,IAAI,CAACoB,KAAK,IAAIpB,IAAI,CAACQ,EAChB,CACH,CACF;IAET,CAAC,CACD;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMK,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGtB,sBAAsB","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.js

@@ -0,0 +1,123 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ArchivedItemsPanel = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ScrollableContent = require("../ScrollableContent");
+var _ArchivedItemsList = require("./ArchivedItemsList");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _ArchivedItemsPanel({
+  items,
+  onBackButtonClick,
+  onCloseButtonClick
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const [isVisible, setIsVisible] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    // Trigger slide-in animation
+    setTimeout(() => setIsVisible(true), 10);
+  }, []);
+  const style = (0, _react.useMemo)(() => ({
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 10000,
+    display: 'flex',
+    justifyContent: 'flex-end'
+  }), []);
+  const slideStyle = (0, _react.useMemo)(() => ({
+    width: '100%',
+    maxWidth: '600px',
+    backgroundColor: 'white',
+    transform: isVisible ? 'translateX(0)' : 'translateX(100%)',
+    transition: 'transform 0.3s ease-out',
+    display: 'flex',
+    flexDirection: 'column'
+  }), [isVisible]);
+  const handleBack = () => {
+    // Trigger slide-out animation
+    setIsVisible(false);
+    // Wait for animation to complete before calling onBackButtonClick
+    setTimeout(() => {
+      onBackButtonClick();
+    }, 300); // Match the transition duration
+  };
+  const handleClose = () => {
+    // Trigger slide-out animation
+    setIsVisible(false);
+    // Close both panels immediately so they animate together
+    onCloseButtonClick();
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    onClick: handleClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: slideStyle,
+    onClick: e => e.stopPropagation(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel // PatternsSidePanel is overriding the back button to close the panel
+  , {
+    dataHook: "archived-items-panel",
+    width: "100%",
+    closeButtonProps: {
+      onClick: handleClose
+    },
+    onBackButtonClick: handleBack,
+    backButtonProps: {
+      description: t('cairo.archivedFields.back.custom-columns.tooltip')
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
+    title: t('cairo.archivedFields.title'),
+    subtitle: t('cairo.archivedFields.subtitle'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
+    overflowY: true,
+    dataHook: "archived-items-panel-scroll-container",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 87,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ArchivedItemsList.ArchivedItemsList, {
+    items: items,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 13
+    }
+  })))));
+}
+const ArchivedItemsPanel = exports.ArchivedItemsPanel = (0, _mobxReactLite.observer)(_ArchivedItemsPanel);
+//# sourceMappingURL=ArchivedItemsPanel.js.map

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ScrollableContent","_ArchivedItemsList","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","style","useMemo","position","top","left","right","bottom","zIndex","display","justifyContent","slideStyle","width","maxWidth","backgroundColor","transform","transition","flexDirection","handleBack","handleClose","createElement","onClick","__self","__source","fileName","lineNumber","columnNumber","stopPropagation","SidePanel","dataHook","closeButtonProps","backButtonProps","description","Header","title","subtitle","ScrollableContent","overflowY","ArchivedItemsList","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel } from '@wix/design-system';\nimport React, { CSSProperties, useMemo, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { ArchivedItem } from '../../utils/archivedItemsUtils';\nimport { ArchivedItemsList } from './ArchivedItemsList';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface ArchivedItemsPanelProps {\n  items: ArchivedItem[];\n  onBackButtonClick: () => void;\n  onCloseButtonClick: () => void;\n}\n\nfunction _ArchivedItemsPanel({\n  items,\n  onBackButtonClick,\n  onCloseButtonClick,\n}: ArchivedItemsPanelProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    // Trigger slide-in animation\n    setTimeout(() => setIsVisible(true), 10);\n  }, []);\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      zIndex: 10000,\n      display: 'flex',\n      justifyContent: 'flex-end',\n    }),\n    [],\n  );\n\n  const slideStyle = useMemo<CSSProperties>(\n    () => ({\n      width: '100%',\n      maxWidth: '600px',\n      backgroundColor: 'white',\n      transform: isVisible ? 'translateX(0)' : 'translateX(100%)',\n      transition: 'transform 0.3s ease-out',\n      display: 'flex',\n      flexDirection: 'column',\n    }),\n    [isVisible],\n  );\n\n  const handleBack = () => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Wait for animation to complete before calling onBackButtonClick\n    setTimeout(() => {\n      onBackButtonClick();\n    }, 300); // Match the transition duration\n  };\n\n  const handleClose = () => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Close both panels immediately so they animate together\n    onCloseButtonClick();\n  };\n\n  return (\n    <div style={style} onClick={handleClose}>\n      <div style={slideStyle} onClick={(e) => e.stopPropagation()}>\n        <SidePanel // PatternsSidePanel is overriding the back button to close the panel\n          dataHook=\"archived-items-panel\"\n          width=\"100%\"\n          closeButtonProps={{ onClick: handleClose }}\n          onBackButtonClick={handleBack}\n          backButtonProps={{\n            description: t('cairo.archivedFields.back.custom-columns.tooltip'),\n          }}\n        >\n          <SidePanel.Header\n            title={t('cairo.archivedFields.title')}\n            subtitle={t('cairo.archivedFields.subtitle')}\n          />\n          <ScrollableContent\n            overflowY\n            dataHook=\"archived-items-panel-scroll-container\"\n          >\n            <ArchivedItemsList items={items} />\n          </ScrollableContent>\n        </SidePanel>\n      </div>\n    </div>\n  );\n}\n\nexport const ArchivedItemsPanel = observer(_ArchivedItemsPanel);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ArchivedItemsPanelUniDriver = ArchivedItemsPanelUniDriver;
+function ArchivedItemsPanelUniDriver(base) {
+  const panelBase = () => base.$('[data-hook="archived-items-panel"]');
+  const getArchivedPanelBackButton = () => panelBase().$('[data-hook="sidePanel-backButton"]');
+  const getArchivedPanelCloseButton = () => panelBase().$('[data-hook="sidePanel-closeButton"]');
+  const getArchivedPanelItems = () => panelBase().$$('[data-hook="archived-columns-list"] > div');
+  const list = () => panelBase().$('[data-hook="archived-items-list"]');
+  const getItemByIdBase = id => list().$(`[data-hook="archived-item-${id}"]`);
+  return {
+    exists: () => panelBase().exists(),
+    isVisible: () => panelBase().exists(),
+    getTitle: () => panelBase().$('[data-hook="sidePanel-title"]').text(),
+    getSubtitle: () => panelBase().$('[data-hook="sidePanel-subtitle"]').text(),
+    backButtonExists: () => getArchivedPanelBackButton().exists(),
+    clickBackButton: () => getArchivedPanelBackButton().click(),
+    clickCloseButton: () => getArchivedPanelCloseButton().click(),
+    getItemsCount: () => getArchivedPanelItems().count(),
+    getItemText: id => getItemByIdBase(id).$('[data-hook="archived-column-label"]').text()
+  };
+}
+//# sourceMappingURL=ArchivedItemsPanel.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ArchivedItemsPanelUniDriver","base","panelBase","$","getArchivedPanelBackButton","getArchivedPanelCloseButton","getArchivedPanelItems","$$","list","getItemByIdBase","id","exists","isVisible","getTitle","text","getSubtitle","backButtonExists","clickBackButton","click","clickCloseButton","getItemsCount","count","getItemText"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function ArchivedItemsPanelUniDriver(base: UniDriver) {\n  const panelBase = () => base.$('[data-hook=\"archived-items-panel\"]');\n\n  const getArchivedPanelBackButton = () =>\n    panelBase().$('[data-hook=\"sidePanel-backButton\"]');\n\n  const getArchivedPanelCloseButton = () =>\n    panelBase().$('[data-hook=\"sidePanel-closeButton\"]');\n\n  const getArchivedPanelItems = () =>\n    panelBase().$$('[data-hook=\"archived-columns-list\"] > div');\n\n  const list = () => panelBase().$('[data-hook=\"archived-items-list\"]');\n\n  const getItemByIdBase = (id: string) =>\n    list().$(`[data-hook=\"archived-item-${id}\"]`);\n\n  return {\n    exists: () => panelBase().exists(),\n    isVisible: () => panelBase().exists(),\n    getTitle: () => panelBase().$('[data-hook=\"sidePanel-title\"]').text(),\n    getSubtitle: () => panelBase().$('[data-hook=\"sidePanel-subtitle\"]').text(),\n    backButtonExists: () => getArchivedPanelBackButton().exists(),\n    clickBackButton: () => getArchivedPanelBackButton().click(),\n    clickCloseButton: () => getArchivedPanelCloseButton().click(),\n    getItemsCount: () => getArchivedPanelItems().count(),\n    getItemText: (id: string) =>\n      getItemByIdBase(id).$('[data-hook=\"archived-column-label\"]').text(),\n  };\n}\n"],"mappings":";;;;AAEO,SAASA,2BAA2BA,CAACC,IAAe,EAAE;EAC3D,MAAMC,SAAS,GAAGA,CAAA,KAAMD,IAAI,CAACE,CAAC,CAAC,oCAAoC,CAAC;EAEpE,MAAMC,0BAA0B,GAAGA,CAAA,KACjCF,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,oCAAoC,CAAC;EAErD,MAAME,2BAA2B,GAAGA,CAAA,KAClCH,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,qCAAqC,CAAC;EAEtD,MAAMG,qBAAqB,GAAGA,CAAA,KAC5BJ,SAAS,CAAC,CAAC,CAACK,EAAE,CAAC,2CAA2C,CAAC;EAE7D,MAAMC,IAAI,GAAGA,CAAA,KAAMN,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,mCAAmC,CAAC;EAErE,MAAMM,eAAe,GAAIC,EAAU,IACjCF,IAAI,CAAC,CAAC,CAACL,CAAC,CAAC,6BAA6BO,EAAE,IAAI,CAAC;EAE/C,OAAO;IACLC,MAAM,EAAEA,CAAA,KAAMT,SAAS,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;IAClCC,SAAS,EAAEA,CAAA,KAAMV,SAAS,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;IACrCE,QAAQ,EAAEA,CAAA,KAAMX,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,+BAA+B,CAAC,CAACW,IAAI,CAAC,CAAC;IACrEC,WAAW,EAAEA,CAAA,KAAMb,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,kCAAkC,CAAC,CAACW,IAAI,CAAC,CAAC;IAC3EE,gBAAgB,EAAEA,CAAA,KAAMZ,0BAA0B,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC;IAC7DM,eAAe,EAAEA,CAAA,KAAMb,0BAA0B,CAAC,CAAC,CAACc,KAAK,CAAC,CAAC;IAC3DC,gBAAgB,EAAEA,CAAA,KAAMd,2BAA2B,CAAC,CAAC,CAACa,KAAK,CAAC,CAAC;IAC7DE,aAAa,EAAEA,CAAA,KAAMd,qBAAqB,CAAC,CAAC,CAACe,KAAK,CAAC,CAAC;IACpDC,WAAW,EAAGZ,EAAU,IACtBD,eAAe,CAACC,EAAE,CAAC,CAACP,CAAC,CAAC,qCAAqC,CAAC,CAACW,IAAI,CAAC;EACtE,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer1374240961";
+var _namespace_ = "CardContainer1330514190";
 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": "CardContainer1374240961__root"
+  "root": "CardContainer1330514190__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1374240961\";\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\":\"CardContainer1374240961__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1330514190\";\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\":\"CardContainer1330514190__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse927227220";
+var _namespace_ = "Collapse1816076419";
 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": "Collapse927227220__root",
-  "exit": "Collapse927227220__exit"
+  "root": "Collapse1816076419__root",
+  "exit": "Collapse1816076419__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse927227220\";\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\":\"Collapse927227220__root\",\"exit\":\"Collapse927227220__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1816076419\";\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\":\"Collapse1816076419__root\",\"exit\":\"Collapse1816076419__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css

@@ -1,10 +1,15 @@
 @property st-global(--wds-page-header-padding-horizontal);
 @property st-global(--wds-color-fill-surface-sunken);
+@property st-global(--wds-space-300);
 
 .root {
   -st-states: mobile, panel;
 }
 
+.root [data-hook="page-header-wrapper"] {
+  --wds-space-300: 18px;
+}
+
 .root:mobile {
   --wds-page-header-padding-horizontal: 0;
   --wds-color-fill-surface-sunken: #ffffff;