@wix/patterns 1.462.0 → 1.464.0

package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2332818077";
+var _namespace_ = "View79639303";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View2332818077__root","leaf":"View2332818077__leaf","datePart":"View2332818077__datePart View2332818077__leaf","timePart":"View2332818077__timePart View2332818077__leaf","placeholder":"View2332818077__placeholder View2332818077__leaf","divider":"View2332818077__divider"};
+export var classes = {"root":"View79639303__root","leaf":"View79639303__leaf","datePart":"View79639303__datePart View79639303__leaf","timePart":"View79639303__timePart View79639303__leaf","placeholder":"View79639303__placeholder View79639303__leaf","divider":"View79639303__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1245914332";
+var _namespace_ = "Edit2428395970";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1245914332__root","emailInput":"Edit1245914332__emailInput"};
+export var classes = {"root":"Edit2428395970__root","emailInput":"Edit2428395970__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1328608272";
+var _namespace_ = "View2055773146";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1328608272__root"};
+export var classes = {"root":"View2055773146__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit215111258";
+var _namespace_ = "Edit514488761";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit215111258__root","numberInput":"Edit215111258__numberInput"};
+export var classes = {"root":"Edit514488761__root","numberInput":"Edit514488761__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2537877611";
+var _namespace_ = "View622751405";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View2537877611__root","textView":"View2537877611__textView"};
+export var classes = {"root":"View622751405__root","textView":"View622751405__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1729479327";
+var _namespace_ = "Edit341853130";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1729479327__root","jsonInput":"Edit1729479327__jsonInput"};
+export var classes = {"root":"Edit341853130__root","jsonInput":"Edit341853130__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View32248664";
+var _namespace_ = "View992328136";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View32248664__root"};
+export var classes = {"root":"View992328136__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit654479110";
+var _namespace_ = "Edit3528118946";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit654479110__root","selectInput":"Edit654479110__selectInput"};
+export var classes = {"root":"Edit3528118946__root","selectInput":"Edit3528118946__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2758759133";
+var _namespace_ = "Edit3846876992";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2758759133__root","editWrapper":"Edit2758759133__editWrapper","inputArea":"Edit2758759133__inputArea"};
+export var classes = {"root":"Edit3846876992__root","editWrapper":"Edit3846876992__editWrapper","inputArea":"Edit3846876992__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4224296623";
+var _namespace_ = "View766589226";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View4224296623__root"};
+export var classes = {"root":"View766589226__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2124514227";
+var _namespace_ = "Edit449740327";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2124514227__root","wrapper":"Edit2124514227__wrapper","overlay":"Edit2124514227__overlay"};
+export var classes = {"root":"Edit449740327__root","wrapper":"Edit449740327__wrapper","overlay":"Edit449740327__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2470623586";
+var _namespace_ = "Edit3163441697";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2470623586__root","urlInput":"Edit2470623586__urlInput"};
+export var classes = {"root":"Edit3163441697__root","urlInput":"Edit3163441697__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3609963095";
+var _namespace_ = "View398878920";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3609963095__root","textView":"View3609963095__textView","urlText":"View3609963095__urlText","suffix":"View3609963095__suffix"};
+export var classes = {"root":"View398878920__root","textView":"View398878920__textView","urlText":"View398878920__urlText","suffix":"View398878920__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase3418165835";
+var _namespace_ = "EmptyStateBase4258494498";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EmptyStateBase3418165835__root"};
+export var classes = {"root":"EmptyStateBase4258494498__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain323960751";
+var _namespace_ = "EntityPagePlain2864232754";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain323960751__root"};
+export var classes = {"root":"EntityPagePlain2864232754__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1956429818";
+var _namespace_ = "Fade3386280979";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade1956429818__root"};
+export var classes = {"root":"Fade3386280979__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/Grid.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { FiltersMap } from '@wix/bex-core';
+import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';
 import { GridPresetProps } from './Grid.types';
 import { GridState, LayoutType } from '../../state';
 import { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';
@@ -67,17 +67,19 @@ interface GridBaseProps<T, F extends FiltersMap>
   layoutType?: LayoutType;
 }
 
-export type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<
-  GridBaseProps<T, F>,
-  'preset' | 'renderItem'
->;
+export type GridBasePropsWithoutPreset<
+  T,
+  F extends FiltersMap = OptionalFiltersMap,
+> = Omit<GridBaseProps<T, F>, 'preset' | 'renderItem'>;
 
-export type GridProps<T, F extends FiltersMap> = GridPresetProps<
+export type GridProps<
   T,
-  GridBasePropsWithoutPreset<T, F>
->;
+  F extends FiltersMap = OptionalFiltersMap,
+> = GridPresetProps<T, GridBasePropsWithoutPreset<T, F>>;
 
-function _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {
+function _Grid<T, F extends FiltersMap = OptionalFiltersMap>(
+  props: GridProps<T, F>,
+) {
   const {
     state,
     dragAndDrop,

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3238820002";
+var _namespace_ = "Heading1221437465";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading3238820002__root"};
+export var classes = {"root":"Heading1221437465__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3773139056";
+var _namespace_ = "ImportStepUpload248508093";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload3773139056__root","fileUpload":"ImportStepUpload3773139056__fileUpload"};
+export var classes = {"root":"ImportStepUpload248508093__root","fileUpload":"ImportStepUpload248508093__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2108163204";
+var _namespace_ = "InputOverflow3544299199";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow2108163204__root"};
+export var classes = {"root":"InputOverflow3544299199__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1751324749";
+var _namespace_ = "LoadingRow688416096";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1751324749__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1751324749__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow688416096__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow688416096__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText2387914086";
+var _namespace_ = "MaxHeightText2137905772";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText2387914086__root"};
+export var classes = {"root":"MaxHeightText2137905772__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines2905253173";
+var _namespace_ = "MaxLines490138383";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines2905253173__root"};
+export var classes = {"root":"MaxLines490138383__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar3896041689";
+var _namespace_ = "MultiBulkActionToolbar1881166861";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar3896041689__root","leftGroupWrapper":"MultiBulkActionToolbar3896041689__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3896041689__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3896041689__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1881166861__root","leftGroupWrapper":"MultiBulkActionToolbar1881166861__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1881166861__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1881166861__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow1814324768";
+var _namespace_ = "NestedTablePlaceholderStatesRow956743183";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow1814324768__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow956743183__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow4072666037";
+var _namespace_ = "NestedTableRow3838628462";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow4072666037__root","firstLevel":"NestedTableRow4072666037__firstLevel","placeholder":"NestedTableRow4072666037__placeholder","parentHovered":"NestedTableRow4072666037__parentHovered"};
+export var classes = {"root":"NestedTableRow3838628462__root","firstLevel":"NestedTableRow3838628462__firstLevel","placeholder":"NestedTableRow3838628462__placeholder","parentHovered":"NestedTableRow3838628462__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2746926945";
+var _namespace_ = "MultipleDragOverlayEffect1153408443";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect2746926945__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1153408443__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3084401325";
+var _namespace_ = "NestedTableDragAndDropRow3881984885";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow3084401325__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3881984885__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PaginationTable/PaginationTable.tsx

@@ -1,17 +1,19 @@
 import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { CollectionPagination } from '../CollectionPagination';
-import { CollectionState, FiltersMap } from '@wix/bex-core';
+import { CollectionState, FiltersMap, OptionalFiltersMap } from '@wix/bex-core';
 import { CollectionTable, CollectionTableProps } from '../CollectionTable';
 import { TableState } from '../../state';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
-export interface PaginationTableProps<T, F extends FiltersMap>
-  extends Omit<CollectionTableProps<T, F>, 'state'> {
+export interface PaginationTableProps<
+  T,
+  F extends FiltersMap = OptionalFiltersMap,
+> extends Omit<CollectionTableProps<T, F>, 'state'> {
   state: CollectionState<T, F>;
 }
 
-export function _PaginationTable<T, F extends FiltersMap = FiltersMap>(
+export function _PaginationTable<T, F extends FiltersMap = OptionalFiltersMap>(
   props: PaginationTableProps<T, F>,
 ) {
   const { state: collection, cardProps, ...rest } = props;

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2945350360";
+var _namespace_ = "PickerContent2263748685";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent2945350360__root"};
+export var classes = {"root":"PickerContent2263748685__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep764710578";
+var _namespace_ = "PickerContentAdditionalStep2789848370";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep764710578__root","titles":"PickerContentAdditionalStep764710578__titles","suffix":"PickerContentAdditionalStep764710578__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2789848370__root","titles":"PickerContentAdditionalStep2789848370__titles","suffix":"PickerContentAdditionalStep2789848370__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerModal/PickerModal.tsx

@@ -1,13 +1,13 @@
 import { CustomModalLayoutProps, Modal, ModalProps } from '@wix/design-system';
 import React, { ReactElement, ReactNode, useEffect, useState } from 'react';
 import { PickerModalState } from '../../hooks';
-import { FiltersMap } from '@wix/bex-core';
+import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';
 import { useReactive } from '@wix/bex-utils/react';
 import { PickerModalSplash } from '../PickerModalSplash';
 import { MultipleSelection } from '../MaxSelection';
 import { version as cairoVersion } from '../../version';
 
-export interface PickerModalProps<T, F extends FiltersMap = FiltersMap>
+export interface PickerModalProps<T, F extends FiltersMap = OptionalFiltersMap>
   extends Partial<CustomModalLayoutProps> {
   /**
    * Optional props to forward to `Modal` component
@@ -29,7 +29,7 @@ export interface PickerModalProps<T, F extends FiltersMap = FiltersMap>
   multiple?: MultipleSelection;
 }
 
-export function PickerModal<T, F extends FiltersMap = FiltersMap>(
+export function PickerModal<T, F extends FiltersMap = OptionalFiltersMap>(
   props: PickerModalProps<T, F>,
 ) {
   const {