@wix/patterns 1.300.0 → 1.301.0

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_ = "CardContainer96728732";
+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": "CardContainer96728732__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_ = \"CardContainer96728732\";\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\":\"CardContainer96728732__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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_ = "Collapse2752988996";
+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": "Collapse2752988996__root",
-  "exit": "Collapse2752988996__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_ = \"Collapse2752988996\";\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\":\"Collapse2752988996__root\",\"exit\":\"Collapse2752988996__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":[]}
+{"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;

package/dist/cjs/components/CollectionPageNew/CollectionPage.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_ = "CollectionPage275142463";
+var _namespace_ = "CollectionPage1535313463";
 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": "CollectionPage275142463__root"
+  "root": "CollectionPage1535313463__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -20,6 +20,7 @@ var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.vars = {
   "wds-page-header-padding-horizontal": "--wds-page-header-padding-horizontal",
-  "wds-color-fill-surface-sunken": "--wds-color-fill-surface-sunken"
+  "wds-color-fill-surface-sunken": "--wds-color-fill-surface-sunken",
+  "wds-space-300": "--wds-space-300"
 };
 //# sourceMappingURL=CollectionPage.st.css.js.map

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage275142463\";\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\":\"CollectionPage275142463__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC;AAAiC,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1535313463\";\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\":\"CollectionPage1535313463__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable645875702";
+var _namespace_ = "CollectionTable3350945893";
 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": "CollectionTable645875702__root"
+  "root": "CollectionTable3350945893__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable645875702\";\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\":\"CollectionTable645875702__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable3350945893\";\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\":\"CollectionTable3350945893__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar3486302085";
+var _namespace_ = "CollectionToolbar3814071131";
 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": "CollectionToolbar3486302085__root",
-  "left": "CollectionToolbar3486302085__left",
-  "right": "CollectionToolbar3486302085__right",
-  "fullWidth": "CollectionToolbar3486302085__fullWidth"
+  "root": "CollectionToolbar3814071131__root",
+  "left": "CollectionToolbar3814071131__left",
+  "right": "CollectionToolbar3814071131__right",
+  "fullWidth": "CollectionToolbar3814071131__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3486302085\";\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\":\"CollectionToolbar3486302085__root\",\"left\":\"CollectionToolbar3486302085__left\",\"right\":\"CollectionToolbar3486302085__right\",\"fullWidth\":\"CollectionToolbar3486302085__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3814071131\";\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\":\"CollectionToolbar3814071131__root\",\"left\":\"CollectionToolbar3814071131__left\",\"right\":\"CollectionToolbar3814071131__right\",\"fullWidth\":\"CollectionToolbar3814071131__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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":[]}