@wix/patterns 1.2.0 → 1.4.0

package/dist/esm/components/Grid/GridContent.js

@@ -1,24 +1,56 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react-lite';
+import { GridBaseState, gridSizePresets, topGridSizePreset, } from '../../state';
 import { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';
 import { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';
 import { Box } from '@wix/design-system';
+import { useGridBaseSyncProps } from './useGridBaseSyncProps';
+import { useRenderItem } from './useRenderItem';
+import { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';
 function _GridContent(props) {
-    const { state, children } = props;
+    const { state, range, withInfiniteScrollLoader, dragAndDrop, dragAndDropSubmit, dragAndDropCancel, imagePlacement, } = props;
     const { toolbar: { contentPaddingPx, showInitialLoader, multi: { showRefreshLoader }, }, } = state;
-    let child;
+    const [grid] = useState(() => new GridBaseState({
+        container: state.toolbar.container,
+        toolbar: state.toolbar,
+        collection: state.collection,
+        sizePreset: imagePlacement
+            ? gridSizePresets[imagePlacement]
+            : topGridSizePreset,
+        range,
+    }));
+    useEffect(() => {
+        const { _subGrids } = state;
+        if (!_subGrids) {
+            return;
+        }
+        _subGrids.push(grid);
+        return () => {
+            const i = _subGrids.indexOf(grid);
+            i !== -1 && _subGrids.splice(i, 1);
+        };
+    }, []);
+    useGridBaseSyncProps(Object.assign(Object.assign({}, props), { state: grid }));
+    const renderItem = useRenderItem(Object.assign(Object.assign({}, props), { state: grid }));
+    let child = React.createElement(VirtualGridRepeater, { renderItem: renderItem, gridState: grid });
+    if (dragAndDrop) {
+        const { DraggableCardOverlay, SortableContext } = dragAndDrop;
+        child = (React.createElement(SortableContext, { state: grid, onSubmit: dragAndDropSubmit, onCancel: dragAndDropCancel },
+            child,
+            React.createElement(DraggableCardOverlay, { state: grid, renderItem: renderItem })));
+    }
     if (showRefreshLoader || showInitialLoader) {
-        child = (React.createElement(InitialSkeletonLoader, { dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader', state: state.grid }));
+        child = (React.createElement(InitialSkeletonLoader, { dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader', state: grid }));
     }
     else {
         child = (React.createElement(React.Fragment, null,
-            children,
-            React.createElement(PageGridInfiniteScrollLoader, { dataHook: "infinite-scroll-loader", state: state.grid, scrollMoreAlways: true })));
+            child,
+            withInfiniteScrollLoader && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "infinite-scroll-loader", state: grid, scrollMoreAlways: true }))));
     }
-    useEffect(() => state.grid._containerRectState.init(), []);
+    useEffect(() => grid._containerRectState.init(), []);
     return (React.createElement(Box, { direction: "vertical", paddingTop: contentPaddingPx, paddingRight: contentPaddingPx, paddingLeft: contentPaddingPx },
         React.createElement("div", { ref: (el) => {
-                state.grid._containerRectState.element = el;
+                grid._containerRectState.element = el;
             } }, child)));
 }
 export const GridContent = observer(_GridContent);

package/dist/esm/components/Grid/GridContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAOzC,SAAS,YAAY,CACnB,KAA6B;IAE7B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EACJ,OAAO,EAAE,EACP,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GACF,GAAG,KAAK,CAAC;IAEV,IAAI,KAAK,CAAC;IAEV,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;QAC1C,KAAK,GAAG,CACN,oBAAC,qBAAqB,IACpB,QAAQ,EACN,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAEnE,KAAK,EAAE,KAAK,CAAC,IAAI,GACjB,CACH,CAAC;KACH;SAAM;QACL,KAAK,GAAG,CACN;YACG,QAAQ;YACT,oBAAC,4BAA4B,IAC3B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,gBAAgB,SAChB,CACD,CACJ,CAAC;KACH;IAED,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3D,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,gBAAgB;QAE7B,6BACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,EAAE,CAAC;YAC9C,CAAC,IAEA,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/GridFolders.js

@@ -1,13 +1,14 @@
 import React, { useEffect } from 'react';
 import { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';
 import { observer } from 'mobx-react-lite';
-import { useGridSyncProps } from './useGridSyncProps';
+import { useGridBaseSyncProps } from './useGridBaseSyncProps';
 import { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';
 import { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';
 import { CollectionCard } from '../CollectionCard';
 import { ToolbarCollection, } from '../ToolbarCollection';
 import { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';
 import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
 function _GridFolders(props) {
     const { state, exportModal, dataHook, cardProps, emptyState, noResultsState, renderError, topNotification, } = props;
     const { toolbar } = state;
@@ -18,8 +19,9 @@ function _GridFolders(props) {
             requiredBy: 'Cairo/GridFolders',
         });
     }
-    useGridSyncProps(Object.assign(Object.assign({}, props), { state: state.items }));
-    useGridSyncProps(Object.assign(Object.assign({}, props), { renderItem: props.renderFolderItem, actionCell: props.folderActionCell, renderAddItem: props.renderFolderAddItem, state: state.folders, isUsingFolders: true }));
+    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: state.toolbar, isUsingDragAndDrop: false, isUsingBulkActionsToolbar: false, isUsingHorizontalScroll: false, isUsingFolders: true, isUsingTableVirtualization: false }));
+    useGridBaseSyncProps(Object.assign(Object.assign({}, props), { state: state.items }));
+    useGridBaseSyncProps(Object.assign(Object.assign({}, props), { renderAddItem: props.renderFolderAddItem, state: state.folders }));
     useEffect(() => state.init({
         featuresInitializers: getToolbarCollectionFeaturesInitializers(props),
     }), []);

package/dist/esm/components/Grid/GridFolders.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridFolders.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridFolders.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAkEtF,SAAS,YAAY,CACnB,KAAuC;IAEvC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,cAAc,EACd,WAAW,EACX,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,+IAA+I;QAC/I,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,mBAAmB;SAChC,CAAC,CAAC;KACJ;IAED,gBAAgB,iCAAM,KAAK,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAG,CAAC;IACnD,gBAAgB,iCACX,KAAK,KACR,UAAU,EAAE,KAAK,CAAC,gBAAgB,EAClC,UAAU,EAAE,KAAK,CAAC,gBAAgB,EAClC,aAAa,EAAE,KAAK,CAAC,mBAAmB,EACxC,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,cAAc,EAAE,IAAI,IACpB,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,kBACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEb,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,KAAK,EAAE,OAAO;YAC1C,oBAAC,4BAA4B,IAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe;gBAEhC,oBAAC,iCAAiC;oBAChC,oBAAC,wBAAwB,oBAAK,KAAK,EAAI,CACL,CACP,CACb,EACnB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"GridFolders.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridFolders.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAiEnG,SAAS,YAAY,CACnB,KAAuC;IAEvC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,cAAc,EACd,WAAW,EACX,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,+IAA+I;QAC/I,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,mBAAmB;SAChC,CAAC,CAAC;KACJ;IAED,6BAA6B,iCACxB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,kBAAkB,EAAE,KAAK,EACzB,yBAAyB,EAAE,KAAK,EAChC,uBAAuB,EAAE,KAAK,EAC9B,cAAc,EAAE,IAAI,EACpB,0BAA0B,EAAE,KAAK,IACjC,CAAC;IAEH,oBAAoB,iCAAM,KAAK,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAG,CAAC;IACvD,oBAAoB,iCACf,KAAK,KACR,aAAa,EAAE,KAAK,CAAC,mBAAmB,EACxC,KAAK,EAAE,KAAK,CAAC,OAAO,IACpB,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,kBACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEb,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,KAAK,EAAE,OAAO;YAC1C,oBAAC,4BAA4B,IAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe;gBAEhC,oBAAC,iCAAiC;oBAChC,oBAAC,wBAAwB,oBAAK,KAAK,EAAI,CACL,CACP,CACb,EACnB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/Grid/GridPlaceholderStates.js

@@ -4,7 +4,7 @@ import { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBas
 function _GridPlaceholderStates(props) {
     const { state, emptyState, noResultsState, renderError, topNotification, children, } = props;
     const { collection } = state;
-    return (React.createElement(PlaceholderStatesBase, { state: state.toolbar.multi, topNotification: typeof topNotification === 'function'
+    return (React.createElement(PlaceholderStatesBase, { state: state.multi, topNotification: typeof topNotification === 'function'
             ? () => topNotification({ query: collection.result.originQuery })
             : topNotification, emptyState: emptyState, noResultsState: noResultsState, renderError: renderError, loadingState: null }, children));
 }

package/dist/esm/components/Grid/GridPlaceholderStates.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridPlaceholderStates.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAUnF,SAAS,sBAAsB,CAC7B,KAAuC;IAEvC,MAAM,EACJ,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,eAAe,EACb,OAAO,eAAe,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACjE,CAAC,CAAC,eAAe,EAErB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"GridPlaceholderStates.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAUnF,SAAS,sBAAsB,CAC7B,KAAuC;IAEvC,MAAM,EACJ,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,eAAe,EACb,OAAO,eAAe,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACjE,CAAC,CAAC,eAAe,EAErB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/Grid/{useGridSyncProps.js → useGridBaseSyncProps.js}

@@ -1,12 +1,10 @@
 import { useEffect } from 'react';
 import { runInAction } from 'mobx';
-import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
 import { gridSizePresets } from '../../state';
 import { useScrollableContentContext } from '../../providers';
-export function useGridSyncProps(props) {
-    const { state, renderAddItem, preset, dragAndDrop, isUsingFolders } = props;
+export function useGridBaseSyncProps(props) {
+    const { state, renderAddItem, preset, dragAndDrop, range } = props;
     const { scrollableContentRef } = useScrollableContentContext();
-    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: state.toolbar, isUsingDragAndDrop: !!props.dragAndDrop, isUsingBulkActionsToolbar: false, isUsingHorizontalScroll: false, isUsingFolders: isUsingFolders !== null && isUsingFolders !== void 0 ? isUsingFolders : false, isUsingTableVirtualization: false }));
     useEffect(() => {
         const { collection } = state;
         const scrollableContent = scrollableContentRef === null || scrollableContentRef === void 0 ? void 0 : scrollableContentRef.current;
@@ -22,6 +20,13 @@ export function useGridSyncProps(props) {
             state.trailingItemsCount = [renderAddItem].filter(Boolean).length;
         });
     }, [renderAddItem]);
+    useEffect(() => {
+        runInAction(() => {
+            var _a;
+            state._localLimit = range === null || range === void 0 ? void 0 : range.length;
+            state._localStart = (_a = range === null || range === void 0 ? void 0 : range.start) !== null && _a !== void 0 ? _a : 0;
+        });
+    }, [range]);
     useEffect(() => {
         runInAction(() => {
             state.preset = preset !== null && preset !== void 0 ? preset : 'title';
@@ -41,4 +46,4 @@ export function useGridSyncProps(props) {
         });
     }, []);
 }
-//# sourceMappingURL=useGridSyncProps.js.map
+//# sourceMappingURL=useGridBaseSyncProps.js.map

package/dist/esm/components/Grid/useGridBaseSyncProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridBaseSyncProps.js","sourceRoot":"","sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAiB,eAAe,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAW9D,MAAM,UAAU,oBAAoB,CAClC,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAE7B,MAAM,iBAAiB,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC;QAExD,IAAI,iBAAiB,EAAE;YACrB,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAClD;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,kBAAkB,GAAG,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;;YACf,KAAK,CAAC,WAAW,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;YAClC,KAAK,CAAC,WAAW,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,MAAM,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;gBACnE,OAAO;aACR;YACD,KAAK,CAAC,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/dist/esm/components/Grid/useRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRenderItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/useRenderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAqBtC,MAAM,UAAU,aAAa,CAC3B,MAAiC;IAEjC,MAAM,EACJ,UAAU,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,GAAG,OAAO,GACjB,GAAG,MAAM,CAAC;IAEX,OAAO,WAAW,CAChB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAC9C,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC3B,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,CAAC,CAC7D,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useRenderItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/useRenderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAmBtC,MAAM,UAAU,aAAa,CAC3B,MAAiC;IAEjC,MAAM,EACJ,UAAU,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,GAAG,OAAO,GACjB,GAAG,MAAM,CAAC;IAEX,OAAO,WAAW,CAChB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAC9C,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC3B,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,CAAC,CAC7D,CAAC;AACJ,CAAC"}

package/dist/esm/components/GridSections/GridSectionAndRepeater.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { GridContent } from '../Grid/GridContent';
+import { GridSectionHeader } from './GridSectionHeader';
+function _GridSectionAndRepeater(props) {
+    const { sectionDescriptor, state } = props;
+    const { section, range } = sectionDescriptor;
+    const isLast = state.sections[state.sections.length - 1].section.id === section.id;
+    return (React.createElement(Box, { direction: "vertical", width: "100%", dataHook: "grid-section-and-repeater" },
+        React.createElement(GridSectionHeader, { sectionDescriptor: sectionDescriptor, state: state }),
+        React.createElement(GridContent, Object.assign({}, props, { range: range, state: state, withInfiniteScrollLoader: isLast }))));
+}
+export const GridSectionAndRepeater = observer(_GridSectionAndRepeater);
+//# sourceMappingURL=GridSectionAndRepeater.js.map

package/dist/esm/components/GridSections/GridSectionAndRepeater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionAndRepeater.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,SAAS,uBAAuB,CAC9B,KAAwC;IAExC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAE7C,MAAM,MAAM,GACV,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,2BAA2B;QACzE,oBAAC,iBAAiB,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI;QAEzE,oBAAC,WAAW,oBACN,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,wBAAwB,EAAE,MAAM,IAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeader.js

@@ -0,0 +1,19 @@
+import { Box, SectionHeader } from '@wix/design-system';
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';
+function _GridSectionHeader(props) {
+    const { sectionDescriptor, state } = props;
+    const { section } = sectionDescriptor;
+    const { toolbar: { minimizedHeaderHeight, toolbarRect: { rect: { height: toolbarHeight }, }, internalScroll, }, } = state;
+    const top = useMemo(() => {
+        if (toolbarHeight == null || internalScroll) {
+            return 0;
+        }
+        return toolbarHeight + minimizedHeaderHeight;
+    }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);
+    return (React.createElement(Box, { direction: "vertical", width: "100%", top: top, position: "sticky", zIndex: 2 },
+        React.createElement(SectionHeader, { dataHook: "grid-section-header", title: section.title, skin: "neutral", divider: "none", suffix: React.createElement(GridSectionHeaderActionBar, { section: section }) })));
+}
+export const GridSectionHeader = observer(_GridSectionHeader);
+//# sourceMappingURL=GridSectionHeader.js.map

package/dist/esm/components/GridSections/GridSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAO1E,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC;IAEtC,MAAM,EACJ,OAAO,EAAE,EACP,qBAAqB,EACrB,WAAW,EAAE,EACX,IAAI,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAChC,EACD,cAAc,GACf,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,IAAI,aAAa,IAAI,IAAI,IAAI,cAAc,EAAE;YAC3C,OAAO,CAAC,CAAC;SACV;QAED,OAAO,aAAa,GAAG,qBAAqB,CAAC;IAC/C,CAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,CAAC;QAET,oBAAC,aAAa,IACZ,QAAQ,EAAC,qBAAqB,EAC9B,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,GACxD,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeader.uni.driver.js

@@ -0,0 +1,5 @@
+import { SectionHeaderUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function GridSectionHeaderUniDriver(base, body) {
+    return Object.assign(Object.assign({}, SectionHeaderUniDriver(base, body)), { getPrimaryAction: () => TextButtonUniDriver(base.$('[data-hook="grid-section-header-primary-action"]'), body) });
+}
+//# sourceMappingURL=GridSectionHeader.uni.driver.js.map

package/dist/esm/components/GridSections/GridSectionHeader.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionHeader.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,UAAU,0BAA0B,CAAC,IAAe,EAAE,IAAe;IACzE,uCACK,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,KACrC,gBAAgB,EAAE,GAAG,EAAE,CACrB,mBAAmB,CACjB,IAAI,CAAC,CAAC,CAAC,kDAAkD,CAAC,EAC1D,IAAI,CACL,IACH;AACJ,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeaderActionBar.js

@@ -0,0 +1,7 @@
+import { Box, TextButton } from '@wix/design-system';
+import React from 'react';
+export function GridSectionHeaderActionBar(props) {
+    const { section: { primaryAction }, } = props;
+    return (React.createElement(Box, { direction: "horizontal" }, primaryAction && (React.createElement(TextButton, { prefixIcon: primaryAction.prefixIcon, dataHook: "grid-section-header-primary-action", onClick: primaryAction.onClick, size: "small" }, primaryAction.label))));
+}
+//# sourceMappingURL=GridSectionHeaderActionBar.js.map

package/dist/esm/components/GridSections/GridSectionHeaderActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionHeaderActionBar.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeaderActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,EACJ,OAAO,EAAE,EAAE,aAAa,EAAE,GAC3B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,IACxB,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,QAAQ,EAAC,oCAAoC,EAC7C,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,IAAI,EAAC,OAAO,IAEX,aAAa,CAAC,KAAK,CACT,CACd,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/GridSections/GridSectionsContent.js

@@ -0,0 +1,31 @@
+import { GridSectionsState } from './GridSectionsState';
+import { observer } from 'mobx-react-lite';
+import { GridSectionAndRepeater } from './GridSectionAndRepeater';
+import React, { useEffect, useState } from 'react';
+import { GridContent } from '../Grid/GridContent';
+import { runInAction } from 'mobx';
+function _GridSectionsContent(props) {
+    const { state: grid, renderSection } = props;
+    const { toolbar } = grid;
+    const { showInitialLoader, multi: { showRefreshLoader }, } = toolbar;
+    const [state] = useState(() => {
+        var _a;
+        return ((_a = grid._sections) !== null && _a !== void 0 ? _a : (grid._sections = new GridSectionsState({
+            toolbar: grid.toolbar,
+            collection: grid.collection,
+            renderSection,
+        })));
+    });
+    const { sections } = state;
+    useEffect(() => {
+        runInAction(() => {
+            state.renderSection = renderSection;
+        });
+    }, [renderSection]);
+    if (!sections.length || showInitialLoader || showRefreshLoader) {
+        return React.createElement(GridContent, Object.assign({}, props, { state: state }));
+    }
+    return (React.createElement(React.Fragment, null, sections.map((sectionDescriptor) => (React.createElement(GridSectionAndRepeater, Object.assign({}, props, { key: sectionDescriptor.section.id, sectionDescriptor: sectionDescriptor, state: state }))))));
+}
+export const GridSectionsContent = observer(_GridSectionsContent);
+//# sourceMappingURL=GridSectionsContent.js.map

package/dist/esm/components/GridSections/GridSectionsContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionsContent.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAanC,SAAS,oBAAoB,CAC3B,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,MAAM,EACJ,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE;;QACH,OAAA,OAAC,IAAI,CAAC,SAAS,oCAAd,IAAI,CAAC,SAAS,GAAK,IAAI,iBAAiB,CAAC;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa;SACd,CAAC,EAAC,CAAA;KAAA,CACN,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;QAC9D,OAAO,oBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CAAC;KACjD;IAED,OAAO,CACL,0CACG,QAAQ,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,CACnC,oBAAC,sBAAsB,oBACjB,KAAK,IACT,GAAG,EAAE,iBAAiB,CAAC,OAAO,CAAC,EAAE,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionsState.js

@@ -0,0 +1,34 @@
+import { computed, makeObservable, observable } from 'mobx';
+export class GridSectionsState {
+    constructor(params) {
+        this._subGrids = [];
+        this.collection = params.collection;
+        this.toolbar = params.toolbar;
+        this.renderSection = params.renderSection;
+        makeObservable(this, {
+            sections: computed,
+            renderSection: observable.ref,
+        });
+    }
+    get sections() {
+        const { collection, renderSection } = this;
+        if (!renderSection) {
+            return [];
+        }
+        return Object.values(collection.result.items.reduce((acc, item, index) => {
+            const section = renderSection(item);
+            if (!acc[section.id]) {
+                acc[section.id] = {
+                    section,
+                    range: {
+                        start: index,
+                        length: 0,
+                    },
+                };
+            }
+            acc[section.id].range.length++;
+            return acc;
+        }, {}));
+    }
+}
+//# sourceMappingURL=GridSectionsState.js.map

package/dist/esm/components/GridSections/GridSectionsState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionsState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA0B5D,MAAM,OAAO,iBAAiB;IAO5B,YAAY,MAAqC;QAFxC,cAAS,GAAG,EAA2B,CAAC;QAG/C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAE1C,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,UAAU,CAAC,GAAG;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAE3C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,EAAE,CAAC;SACX;QAED,OAAO,MAAM,CAAC,MAAM,CAClB,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACpB,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG;oBAChB,OAAO;oBACP,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,CAAC;qBACV;iBACF,CAAC;aACH;YACD,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/B,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAkC,CAAC,CACvC,CAAC;IACJ,CAAC;CACF"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MultiInlineCheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAc3D,MAAM,UAAU,yBAAyB,CACvC,KAAwC;IAExC,MAAM,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3B,UAAmB,CAAQ,CAAC;IAElC,MAAM,KAAK,GAAG,4BAA4B,CAAI;QAC5C,MAAM;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,mBAAmB,kBAClB,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,cAAc,IACvB,IAAI,EACR,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MultiInlineCheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiInlineCheckboxFilter/MultiInlineCheckboxFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAoB3D,MAAM,UAAU,yBAAyB,CACvC,KAAwC;IAExC,MAAM,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3B,UAAmB,CAAQ,CAAC;IAElC,MAAM,KAAK,GAAG,4BAA4B,CAAI;QAC5C,MAAM;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,mBAAmB,kBAClB,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,cAAc,IACvB,IAAI,EACR,CACH,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectCollectionFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,qBAAqB,GAEtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAEL,qCAAqC,GACtC,MAAM,mDAAmD,CAAC;AAS3D,SAAS,4BAA4B,CACnC,KAA6C;IAE7C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvE,4DAA+D,CAAQ,CAAC;IAE9E,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,cAAc,CAAI;QACpC,MAAM;QACN,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CACzC,GAAG,EAAE,CACH,IAAI,6BAA6B,CAAC;QAChC,gBAAgB;QAChB,YAAY,EAAE,IAAI;QAClB,SAAS;QACT,OAAO;KACR,CAAC,CACL,CAAC;IAEF,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACjC,qCAAqC,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,eAAe,GAChB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAC/C,0BAA0B,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;QACtD,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,qBAAqB,oBAChB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,QACd,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAC/C,QAAQ,EAAE,UAAU,CAAC,qBAAqB,IAC1C,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,4BAA4B,CAC7B,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}
+{"version":3,"file":"MultiSelectCollectionFilter.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,qBAAqB,GAEtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAEL,qCAAqC,GACtC,MAAM,mDAAmD,CAAC;AAkB3D,SAAS,4BAA4B,CACnC,KAA6C;IAE7C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvE,4DAA+D,CAAQ,CAAC;IAE9E,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,cAAc,CAAI;QACpC,MAAM;QACN,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CACzC,GAAG,EAAE,CACH,IAAI,6BAA6B,CAAC;QAChC,gBAAgB;QAChB,YAAY,EAAE,IAAI;QAClB,SAAS;QACT,OAAO;KACR,CAAC,CACL,CAAC;IAEF,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACjC,qCAAqC,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,eAAe,GAChB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAC/C,0BAA0B,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;QACtD,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,qBAAqB,oBAChB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,QACd,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAC/C,QAAQ,EAAE,UAAU,CAAC,qBAAqB,IAC1C,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,4BAA4B,CAC7B,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NestedTable.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAgGtF,SAAS,YAAY,CAAmB,KAA0B;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,mBAAmB;SAChC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,cAAc,IAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACpE,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU;YACpC,oBAAC,mBAAmB,oBAAK,KAAK,EAAI,CACpB,CACD,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"NestedTable.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AA+FtF,SAAS,YAAY,CAAmB,KAA0B;IAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,8BAA8B,CAAC;YAC7B,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,mBAAmB;SAChC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,cAAc,IAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACpE,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU;YACpC,oBAAC,mBAAmB,oBAAK,KAAK,EAAI,CACpB,CACD,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow1311318806";
+var _namespace_ = "NestedTableRow1376014877";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow1311318806__root", "firstLevel": "NestedTableRow1311318806__firstLevel", "placeholder": "NestedTableRow1311318806__placeholder", "parentHovered": "NestedTableRow1311318806__parentHovered" };
+export var classes = { "root": "NestedTableRow1376014877__root", "firstLevel": "NestedTableRow1376014877__firstLevel", "placeholder": "NestedTableRow1376014877__placeholder", "parentHovered": "NestedTableRow1376014877__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2405180656";
+var _namespace_ = "PickerContentAdditionalStep913317754";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep2405180656__root", "titles": "PickerContentAdditionalStep2405180656__titles", "suffix": "PickerContentAdditionalStep2405180656__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep913317754__root", "titles": "PickerContentAdditionalStep913317754__titles", "suffix": "PickerContentAdditionalStep913317754__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6CAA6C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AAC9L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sCAAsC,CAAC;AACzD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4CAA4C,EAAC,QAAQ,EAAC,8CAA8C,EAAC,QAAQ,EAAC,8CAA8C,EAAC,CAAC;AAC3L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerStandaloneLayoutFooter.js","sourceRoot":"","sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAmB,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAU1D,SAAS,6BAA6B,CACpC,KAA8C;IAE9C,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACL;QACE,oBAAC,OAAO,OAAG;QACX,oBAAC,GAAG,IACF,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,QAAQ,IAErB,eAAe,IAAI,CAClB,oBAAC,UAAU,kBACT,GAAG,EAAE,eAAe,CAAC,GAAG,EACxB,QAAQ,EAAC,qBAAqB,IACzB,eAAe,CAAC,KAAY,IACjC,UAAU,EAAE,oBAAC,OAAO,OAAG,EACvB,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;gBACb,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,eAAe,CAAC,KAIvB,CAAC;gBACd,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,4DAAG,CAAC,CAAC,CAAC;YAC5B,CAAC,IACD,CACH,CACG,CACL,CACJ,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}
+{"version":3,"file":"PickerStandaloneLayoutFooter.js","sourceRoot":"","sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAmB,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAU1D,SAAS,6BAA6B,CACpC,KAA8C;IAE9C,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACL;QACE,oBAAC,OAAO,OAAG;QACX,oBAAC,GAAG,IACF,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,QAAQ,IAErB,eAAe,IAAI,CAClB,oBAAC,UAAU,kBACT,GAAG,EAAE,eAAe,CAAC,GAAG,EACxB,QAAQ,EAAC,qBAAqB,IACzB,eAAe,CAAC,KAAY,IACjC,UAAU,EAAE,oBAAC,OAAO,OAAG,EACvB,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,CAAC,CAA4C,EAAE,EAAE;;gBACxD,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,eAAe,CAAC,KAIvB,CAAC;gBACd,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,4DAAG,CAAC,CAAC,CAAC;YAC5B,CAAC,IACD,CACH,CACG,CACL,CACJ,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,CAAC;AACjE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}