@wix/patterns 1.356.0 → 1.357.0

package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA+C,CAAC;AAClE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA8C,CAAC;AACjE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BulkAssignTagsPopover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAIvF,OAAO,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAI3D,MAAM,WAAW,0BAA0B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACjE,KAAK,EAAE,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,cAAc,EAAE,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,8GAqHlC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAAmC,CAAC"}
+{"version":3,"file":"BulkAssignTagsPopover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAIvF,OAAO,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAI3D,MAAM,WAAW,0BAA0B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACjE,KAAK,EAAE,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,cAAc,EAAE,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,8GAsHlC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAAmC,CAAC"}

package/dist/types/components/common.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.st.css.d.ts","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAiH,CAAC;AACpI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"common.st.css.d.ts","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAoH,CAAC;AACvI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts

@@ -12,11 +12,11 @@ export declare class ToolbarLeftGroupState<T, F extends FiltersMap> {
     private readonly _responsive;
     private readonly _getTabsState?;
     private _element;
-    private _prevWidth;
+    private _tabsWidthTimeout;
     readonly mode: ToolbarMode;
     readonly minWidth: number;
-    private readonly EXPANSION_THRESHOLD;
     constructor(params: ToolbarLeftGroupStateParams<T, F>);
+    getExcessWidth(): number;
     init(element: HTMLElement | null | undefined): () => void;
     private _handleResize;
 }

package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarLeftGroupState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAElF,MAAM,WAAW,2BAA2B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IAClE,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACxE;AAED,qBAAa,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACxD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAyB;IACrD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAGjB;IAEd,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,UAAU,CAAK;IAEvB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAM;gBAE9B,MAAM,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;IAOrD,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,IAAI;IAmBzD,OAAO,CAAC,aAAa,CA8BnB;CACH"}
+{"version":3,"file":"ToolbarLeftGroupState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAElF,MAAM,WAAW,2BAA2B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IAClE,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAC5C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACxE;AAED,qBAAa,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACxD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAyB;IACrD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAGjB;IAEd,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,iBAAiB,CAA8C;IAEvE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;gBAEd,MAAM,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;IAOrD,cAAc,IAAI,MAAM;IAOxB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,IAAI;IAoBzD,OAAO,CAAC,aAAa,CAmBnB;CACH"}

package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts

@@ -1,25 +1,16 @@
 import { ToolbarResponsiveState } from './ToolbarResponsiveState';
 export interface ToolbarResponsivePriorityStateParams {
     responsive: ToolbarResponsiveState;
-    getNextToShrink: () => ToolbarResponsivePriorityState;
-    getNextToExpand: () => ToolbarResponsivePriorityState;
-    count: number;
-    minWidth?: number;
+    expandedWidth?: number;
+    collapsedWidth?: number;
 }
 export declare class ToolbarResponsivePriorityState {
     readonly responsive: ToolbarResponsiveState;
-    getNextToShrink: () => ToolbarResponsivePriorityState;
-    getNextToExpand: () => ToolbarResponsivePriorityState;
-    readonly _count: number;
-    _minWidth: number;
-    _collapsedWidth: number;
+    expandedWidth: number;
+    collapsedWidth: number;
     _shouldShrink: boolean;
     _groupElement: HTMLElement | null;
     constructor(params: ToolbarResponsivePriorityStateParams);
     _syncWidth(): void;
-    _expandIfNeeded({ preCalculatedAvailableSpace, }?: {
-        preCalculatedAvailableSpace?: number;
-    }): void;
-    _shrinkIfNeeded(): void;
 }
 //# sourceMappingURL=ToolbarResponsivePriorityState.d.ts.map

package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarResponsivePriorityState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,oCAAoC;IACnD,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,EAAE,MAAM,8BAA8B,CAAC;IACtD,eAAe,EAAE,MAAM,8BAA8B,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,8BAA8B;IACzC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAC5C,eAAe,EAAE,MAAM,8BAA8B,CAAC;IACtD,eAAe,EAAE,MAAM,8BAA8B,CAAC;IACtD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAExB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IAExB,aAAa,UAAS;IAEtB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAQ;gBAE7B,MAAM,EAAE,oCAAoC;IAmBxD,UAAU;IAeV,eAAe,CAAC,EACd,2BAA2B,GAC5B,GAAE;QACD,2BAA2B,CAAC,EAAE,MAAM,CAAC;KACjC;IAoCN,eAAe;CA4BhB"}
+{"version":3,"file":"ToolbarResponsivePriorityState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,oCAAoC;IACnD,UAAU,EAAE,sBAAsB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,qBAAa,8BAA8B;IACzC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAE5C,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,UAAS;IAEtB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAQ;gBAE7B,MAAM,EAAE,oCAAoC;IAYxD,UAAU;CAgBX"}

package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts

@@ -1,6 +1,4 @@
-import { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';
 import { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';
-import { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';
 import { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';
 import { ToolbarLeftGroupState } from './ToolbarLeftGroupState';
 export interface ToolbarResponsiveStateParams {
@@ -10,16 +8,19 @@ export declare class ToolbarResponsiveState {
     readonly actions: ToolbarResponsivePriorityState;
     readonly search: ToolbarResponsivePriorityState;
     readonly filters: ToolbarResponsivePriorityState;
-    _nextToShrink: ToolbarResponsivePriorityState;
-    _nextToExpand: ToolbarResponsivePriorityState;
-    _expandCooldown: boolean;
-    readonly actionsAvailableSpace: HorizontalSpaceAvailableState;
-    readonly overflow: HorizontalOverflowState;
+    private readonly _groups;
+    _measurementElement: Element | null;
+    _contentElement: Element | null;
     readonly toolbar: ToolbarState<any, any>;
     leftGroupState: ToolbarLeftGroupState<any, any> | null;
     get container(): import("@wix/bex-core").WixPatternsContainer;
     constructor(params: ToolbarResponsiveStateParams);
     get responsiveDisabled(): boolean;
-    init(): (() => void) | undefined;
+    _scheduleRecompute(): void;
+    private _computeResponsiveInput;
+    _applyTargetState(): void;
+    private _recomputeThrottled?;
+    private _rafId;
+    init(): () => void;
 }
 //# sourceMappingURL=ToolbarResponsiveState.d.ts.map

package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarResponsiveState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AAED,qBAAa,sBAAsB;IACjC,QAAQ,CAAC,OAAO,EAAE,8BAA8B,CAAC;IACjD,QAAQ,CAAC,MAAM,EAAE,8BAA8B,CAAC;IAChD,QAAQ,CAAC,OAAO,EAAE,8BAA8B,CAAC;IAEjD,aAAa,EAAE,8BAA8B,CAAC;IAC9C,aAAa,EAAE,8BAA8B,CAAC;IAE9C,eAAe,UAAS;IAExB,QAAQ,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;IAC9D,QAAQ,CAAC,QAAQ,EAAE,uBAAuB,CAAC;IAE3C,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEzC,cAAc,EAAE,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAQ;IAE9D,IAAI,SAAS,iDAEZ;gBAEW,MAAM,EAAE,4BAA4B;IA2ChD,IAAI,kBAAkB,YAYrB;IAED,IAAI;CA6CL"}
+{"version":3,"file":"ToolbarResponsiveState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAOhE,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AAQD,qBAAa,sBAAsB;IACjC,QAAQ,CAAC,OAAO,EAAE,8BAA8B,CAAC;IACjD,QAAQ,CAAC,MAAM,EAAE,8BAA8B,CAAC;IAChD,QAAQ,CAAC,OAAO,EAAE,8BAA8B,CAAC;IAEjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmC;IAE3D,mBAAmB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAC3C,eAAe,EAAE,OAAO,GAAG,IAAI,CAAQ;IAEvC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEzC,cAAc,EAAE,qBAAqB,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAQ;IAE9D,IAAI,SAAS,iDAEZ;gBAEW,MAAM,EAAE,4BAA4B;IAyBhD,IAAI,kBAAkB,YAYrB;IAED,kBAAkB;IAOlB,OAAO,CAAC,uBAAuB;IA+B/B,iBAAiB;IAgBjB,OAAO,CAAC,mBAAmB,CAAC,CAAoD;IAChF,OAAO,CAAC,MAAM,CAAK;IAEnB,IAAI;CA+BL"}

package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts

@@ -0,0 +1,15 @@
+export interface ResponsiveGroupInput {
+    expandedWidth: number;
+    collapsedWidth: number;
+    currentlyShrunk: boolean;
+}
+export interface ComputeResponsiveTargetStateParams {
+    availableWidth: number;
+    groups: ResponsiveGroupInput[];
+    expandThresholdBuffer: number;
+}
+export interface ResponsiveGroupOutput {
+    shouldShrink: boolean;
+}
+export declare function computeResponsiveTargetState(params: ComputeResponsiveTargetStateParams): ResponsiveGroupOutput[];
+//# sourceMappingURL=computeResponsiveTargetState.d.ts.map

package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeResponsiveTargetState.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/computeResponsiveTargetState.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,kCAAkC;IACjD,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,kCAAkC,GACzC,qBAAqB,EAAE,CAgDzB"}

package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts

@@ -0,0 +1,3 @@
+export declare const SEARCH_EXPANDED_WIDTH = 240;
+export declare const SEARCH_COLLAPSED_WIDTH = 140;
+//# sourceMappingURL=toolbarResponsiveConstants.d.ts.map

package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarResponsiveConstants.d.ts","sourceRoot":"","sources":["../../../../src/state/Toolbar/toolbarResponsiveConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,sBAAsB,MAAM,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.356.0";
+export declare const version = "patterns@1.357.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.356.0",
+  "version": "1.357.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -205,7 +205,7 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.275.0",
+    "@wix/bex-core": "2.276.0",
     "@wix/bex-utils": "2.82.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
@@ -423,5 +423,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "5c8712aa2ffc6b278e2194a5f80b4562932bac1d6727c4a3ded5a493"
+  "falconPackageHash": "e6190d8b37345d5c52c524b33d6f777f9f2550d813a62aface7c56a9"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3428059756";
+var _namespace_ = "CardContainer3159177067";
 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":"CardContainer3428059756__root"};
+export var classes = {"root":"CardContainer3159177067__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2409255273";
+var _namespace_ = "Collapse349658766";
 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":"Collapse2409255273__root","exit":"Collapse2409255273__exit"};
+export var classes = {"root":"Collapse349658766__root","exit":"Collapse349658766__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage2964530824";
+var _namespace_ = "CollectionPage2970541410";
 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":"CollectionPage2964530824__root"};
+export var classes = {"root":"CollectionPage2970541410__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader2296962899";
+var _namespace_ = "CollectionSectionHeader2855512574";
 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":"CollectionSectionHeader2296962899__root","summaryIcon":"CollectionSectionHeader2296962899__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader2855512574__root","summaryIcon":"CollectionSectionHeader2855512574__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable2155725631";
+var _namespace_ = "CollectionTable1473924420";
 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":"CollectionTable2155725631__root"};
+export var classes = {"root":"CollectionTable1473924420__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar2528422971";
+var _namespace_ = "CollectionToolbar269385832";
 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":"CollectionToolbar2528422971__root","left":"CollectionToolbar2528422971__left","right":"CollectionToolbar2528422971__right","fullWidth":"CollectionToolbar2528422971__fullWidth"};
+export var classes = {"root":"CollectionToolbar269385832__root","left":"CollectionToolbar269385832__left","right":"CollectionToolbar269385832__right","fullWidth":"CollectionToolbar269385832__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx

@@ -1,7 +1,6 @@
 import React, { cloneElement, Fragment } from 'react';
-import { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';
+import { Box } from '@wix/design-system';
 import { ToolbarItem } from '../ToolbarItem/ToolbarItem';
-import { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';
 import { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';
 import { SearchOrCustomFilter } from './SearchOrCustomFilter';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
@@ -74,17 +73,33 @@ export function CollectionToolbarActionsGroupResponsiveLayout(
   );
 
   child = (
-    <HorizontalOverflowBox state={responsive.overflow} gap="SP2">
+    <Box
+      ref={(element) => {
+        responsive._contentElement = element;
+      }}
+      dataHook="horizontal-overflow-box"
+      minWidth={0}
+      direction="horizontal"
+      gap="SP2"
+    >
       {child}
-    </HorizontalOverflowBox>
+    </Box>
   );
 
   child = <ToolbarItem>{child}</ToolbarItem>;
 
   child = (
-    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>
+    <Box
+      ref={(element) => {
+        responsive._measurementElement = element;
+      }}
+      minWidth={0}
+      flex={1}
+      align="right"
+      direction="horizontal"
+    >
       {child}
-    </HorizontalAvailableSpaceBox>
+    </Box>
   );
 
   return child;

package/src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx

@@ -26,6 +26,7 @@ function _CollectionToolbarLeftGroup<T, F extends FiltersMap>(
   } = state;
 
   const isLeftElementMode = mode === 'tabs' || mode === 'title';
+  const shouldMeasure = isLeftElementMode && !responsive.responsiveDisabled;
   const container = useRef<HTMLDivElement | null>(null);
 
   const [leftGroupState] = useState(
@@ -38,7 +39,17 @@ function _CollectionToolbarLeftGroup<T, F extends FiltersMap>(
       }),
   );
 
-  useEffect(() => leftGroupState.init(container.current?.parentElement), []);
+  useEffect(() => {
+    if (!shouldMeasure) {
+      return;
+    }
+    responsive.leftGroupState = leftGroupState;
+    const dispose = leftGroupState.init(container.current?.parentElement);
+    return () => {
+      dispose();
+      responsive.leftGroupState = null;
+    };
+  }, [shouldMeasure]);
 
   const content = left ?? (
     <>

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2160477628";
+var _namespace_ = "SearchOrCustomFilter2632176424";
 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":"SearchOrCustomFilter2160477628__root","search":"SearchOrCustomFilter2160477628__search","searchMobile":"SearchOrCustomFilter2160477628__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2632176424__root","search":"SearchOrCustomFilter2632176424__search","searchMobile":"SearchOrCustomFilter2632176424__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.tsx

@@ -7,6 +7,10 @@ import { observer } from 'mobx-react-lite';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { CollectionSearchElement } from '../assertComponentType.js';
 import { runInAction } from 'mobx';
+import {
+  SEARCH_COLLAPSED_WIDTH,
+  SEARCH_EXPANDED_WIDTH,
+} from '../../state/Toolbar/toolbarResponsiveConstants';
 
 export interface SearchOrCustomFilterProps {
   search: ToolbarBaseProps['search'];
@@ -94,9 +98,11 @@ function _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {
 
   const shouldShrink = searchResponsive._shouldShrink;
 
+  const width = shouldShrink ? SEARCH_COLLAPSED_WIDTH : SEARCH_EXPANDED_WIDTH;
+
   return (
-    <Box direction="horizontal" width={shouldShrink ? '140px' : '240px'}>
-      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>
+    <Box direction="horizontal" width={`${width}px`}>
+      <Box width={`${width}px`}>{search}</Box>
     </Box>
   );
 }

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1513506310";
+var _namespace_ = "AutoCompleteReadonly4060538635";
 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":"AutoCompleteReadonly1513506310__root"};
+export var classes = {"root":"AutoCompleteReadonly4060538635__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown2961856319";
+var _namespace_ = "ViewsDropdown65557832";
 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":"ViewsDropdown2961856319__root"};
+export var classes = {"root":"ViewsDropdown65557832__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle4277933372";
+var _namespace_ = "DragHandle3778857946";
 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":"DragHandle4277933372__root"};
+export var classes = {"root":"DragHandle3778857946__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_ = "EntityPagePlain1591347465";
+var _namespace_ = "EntityPagePlain1610818731";
 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":"EntityPagePlain1591347465__root"};
+export var classes = {"root":"EntityPagePlain1610818731__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_ = "Fade1764712389";
+var _namespace_ = "Fade3639909523";
 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":"Fade1764712389__root"};
+export var classes = {"root":"Fade3639909523__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading847109370";
+var _namespace_ = "Heading888883112";
 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":"Heading847109370__root"};
+export var classes = {"root":"Heading888883112__root"};
 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_ = "InputOverflow2088092077";
+var _namespace_ = "InputOverflow959630330";
 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":"InputOverflow2088092077__root"};
+export var classes = {"root":"InputOverflow959630330__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_ = "LoadingRow1000755167";
+var _namespace_ = "LoadingRow3996135550";
 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":"LoadingRow1000755167__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1000755167__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3996135550__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3996135550__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_ = "MaxHeightText127484102";
+var _namespace_ = "MaxHeightText1555679920";
 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":"MaxHeightText127484102__root"};
+export var classes = {"root":"MaxHeightText1555679920__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_ = "MaxLines4185833091";
+var _namespace_ = "MaxLines3184399640";
 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":"MaxLines4185833091__root"};
+export var classes = {"root":"MaxLines3184399640__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_ = "MultiBulkActionToolbar3485840595";
+var _namespace_ = "MultiBulkActionToolbar3816017489";
 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":"MultiBulkActionToolbar3485840595__root","leftGroupWrapper":"MultiBulkActionToolbar3485840595__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3485840595__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3485840595__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3816017489__root","leftGroupWrapper":"MultiBulkActionToolbar3816017489__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3816017489__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3816017489__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};