@wix/design-system 1.123.0 → 1.124.0

package/dist/types/Accordion/Accordion.private.uni.driver.d.ts

@@ -5,15 +5,15 @@ export declare const accordionPrivateDriverFactory: (base: UniDriver) => {
     getAccordionItemAt: (idx: number) => Promise<{
         getToggleIconPlacement: () => Promise<"end" | "start" | "none">;
     }>;
-    getItemTitleAt: (idx: number) => any;
-    getItemSubtitleAt: (idx: number) => any;
-    isIconExistsAt: (idx: number) => any;
-    isPrefixExistsAt: (idx: number) => any;
-    isSuffixExistsAt: (idx: number) => any;
-    isItemExpandedAt: (idx: number) => any;
-    clickToggleButtonAt: (idx: number) => any;
-    clickItemAt: (idx: number) => any;
-    getToggleButtonLabelAt: (idx: number) => any;
+    getItemTitleAt: (idx: number) => Promise<string>;
+    getItemSubtitleAt: (idx: number) => Promise<string>;
+    isIconExistsAt: (idx: number) => Promise<boolean>;
+    isPrefixExistsAt: (idx: number) => Promise<boolean>;
+    isSuffixExistsAt: (idx: number) => Promise<boolean>;
+    isItemExpandedAt: (idx: number) => Promise<boolean>;
+    clickToggleButtonAt: (idx: number) => Promise<void>;
+    clickItemAt: (idx: number) => Promise<void>;
+    getToggleButtonLabelAt: (idx: number) => Promise<string>;
     getTransitionSpeed: () => Promise<string | null>;
     getSkin: () => Promise<string | null>;
     getHorizontalPadding: () => Promise<string | null>;

package/dist/types/Accordion/Accordion.uni.driver.d.ts

@@ -1,18 +1,18 @@
 import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 declare const accordionDriverFactory: (base: UniDriver) => {
-    getItemTitleAt: (idx: number) => any;
-    getItemSubtitleAt: (idx: number) => any;
+    getItemTitleAt: (idx: number) => Promise<string>;
+    getItemSubtitleAt: (idx: number) => Promise<string>;
     /**
      * @deprecated
      * use 'isPrefixExistsAt' instead
      */
-    isIconExistsAt: (idx: number) => any;
-    isPrefixExistsAt: (idx: number) => any;
-    isSuffixExistsAt: (idx: number) => any;
-    isItemExpandedAt: (idx: number) => any;
-    clickToggleButtonAt: (idx: number) => any;
-    clickItemAt: (idx: number) => any;
-    getToggleButtonLabelAt: (idx: number) => any;
+    isIconExistsAt: (idx: number) => Promise<boolean>;
+    isPrefixExistsAt: (idx: number) => Promise<boolean>;
+    isSuffixExistsAt: (idx: number) => Promise<boolean>;
+    isItemExpandedAt: (idx: number) => Promise<boolean>;
+    clickToggleButtonAt: (idx: number) => Promise<void>;
+    clickItemAt: (idx: number) => Promise<void>;
+    getToggleButtonLabelAt: (idx: number) => Promise<string>;
     getTransitionSpeed: () => Promise<string | null>;
     getSkin: () => Promise<string | null>;
     getHorizontalPadding: () => Promise<string | null>;

package/dist/types/AddItem/AddItem.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddItem.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/AddItem/AddItem.uni.driver.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAMlE,eAAO,MAAM,uBAAuB,SAAU,SAAS,QAAQ,SAAS;IAgBpE;;;OAGG;mBACgB,OAAO,CAAC,MAAM,CAAC;IAElC;;;OAGG;sBACmB,OAAO,CAAC,OAAO,CAAC;IAEtC;;;OAGG;6BAC0B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAGnD;;;OAGG;uBACoB,OAAO,CAAC,MAAM,CAAC;IAEtC;;;OAGG;qBACkB,OAAO,CAAC,OAAO,CAAC;IAErC;;;OAGG;iBACc,OAAO,CAAC,IAAI,CAAC;IAE9B;;;OAGG;gBACa,OAAO,CAAC,IAAI,CAAC;;;;CAEhC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"AddItem.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/AddItem/AddItem.uni.driver.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAMlE,eAAO,MAAM,uBAAuB,SAAU,SAAS,QAAQ,SAAS;IAgBpE;;;OAGG;mBACgB,OAAO,CAAC,MAAM,CAAC;IAElC;;;OAGG;sBACmB,OAAO,CAAC,OAAO,CAAC;IAEtC;;;OAGG;6BAC0B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAGnD;;;OAGG;uBACoB,OAAO,CAAC,MAAM,CAAC;IAEtC;;;OAGG;qBACkB,OAAO,CAAC,OAAO,CAAC;IAGrC;;;OAGG;iBACc,OAAO,CAAC,IAAI,CAAC;IAE9B;;;OAGG;gBACa,OAAO,CAAC,IAAI,CAAC;;;;CAEhC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/dist/types/AutoComplete/AutoComplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/AutoComplete/AutoComplete.js"],"names":[],"mappings":";AAQA;IAGE;QACE,4DAA4D;;QAE5D,mLAAmL;;QAEnL,+GAA+G;;QAE/G,mEAAmE;;QAEnE,yCAAyC;;QAEzC,gFAAgF;;QAEhF,sDAAsD;;QAEtD,oDAAoD;;QAEpD,wEAAwE;;QAExE,mFAAmF;;QAEnF,yDAAyD;;QAEzD,8BAA8B;;QAE9B,+CAA+C;;QAE/C,mIAAmI;;QAEnI,yFAAyF;;QAEzF,sFAAsF;;QAEtF,mIAAmI;;QAEnI,0EAA0E;;QAE1E,yDAAyD;;QAEzD,wDAAwD;;QAExD,2DAA2D;;QAE3D,uDAAuD;;QAEvD,gEAAgE;;QAEhE,yDAAyD;;QAEzD,8EAA8E;;QAE9E,0FAA0F;;QAE1F;;;;;WAKG;;QAMH,+DAA+D;;QAE/D,6EAA6E;;QAE7E,mFAAmF;;QAEnF,0DAA0D;;QAE1D,uDAAuD;;QAEvD,0EAA0E;;QAE1E,0EAA0E;;QAE1E,+CAA+C;;QAE/C,iDAAiD;;QAEjD,qGAAqG;;QAErG,4FAA4F;;QAE5F,mFAAmF;;QAEnF,0EAA0E;;QAE1E,2EAA2E;;QAE3E,iDAAiD;;QAEjD,gDAAgD;;QAEhD,iDAAiD;;QAEjD,iTAAiT;;QAEjT,kHAAkH;;QAElH,mHAAmH;;QAEnH,iLAAiL;;QAEjL,kFAAkF;;QAElF,iFAAiF;;QAEjF,wEAAwE;;QAExE,0HAA0H;;QAE1H,uGAAuG;;QAEvG;;;;;;;;;WASG;;QAEH,kCAAkC;;QAElC,sEAAsE;;QAEtE,6CAA6C;;QAE7C,+CAA+C;;;;;;;;;;QA+B/C,uEAAuE;;QAEvE,6FAA6F;;QAE7F,4CAA4C;;QAE5C,4CAA4C;;QAE5C,2CAA2C;;QAE3C,0DAA0D;;QAE1D,8DAA8D;;QAE9D,qCAAqC;;QAErC,2GAA2G;;QAE3G,6FAA6F;;QAE7F,yGAAyG;;QAEzG,wFAAwF;;QAExF,8CAA8C;;QAE9C,mFAAmF;;MAEnF;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA0BE;IAEF;;MAqBC;CACF;6BAzPM,sCAAsC;sBANvB,YAAY;kBAChB,OAAO"}
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/AutoComplete/AutoComplete.js"],"names":[],"mappings":";AAOA;IAGE;QACE,4DAA4D;;QAE5D,mLAAmL;;QAEnL,+GAA+G;;QAE/G,mEAAmE;;QAEnE,yCAAyC;;QAEzC,gFAAgF;;QAEhF,sDAAsD;;QAEtD,oDAAoD;;QAEpD,wEAAwE;;QAExE,mFAAmF;;QAEnF,yDAAyD;;QAEzD,8BAA8B;;QAE9B,+CAA+C;;QAE/C,mIAAmI;;QAEnI,yFAAyF;;QAEzF,sFAAsF;;QAEtF,mIAAmI;;QAEnI,0EAA0E;;QAE1E,yDAAyD;;QAEzD,wDAAwD;;QAExD,2DAA2D;;QAE3D,uDAAuD;;QAEvD,gEAAgE;;QAEhE,yDAAyD;;QAEzD,8EAA8E;;QAE9E,0FAA0F;;QAE1F;;;;;WAKG;;QAMH,+DAA+D;;QAE/D,6EAA6E;;QAE7E,mFAAmF;;QAEnF,0DAA0D;;QAE1D,uDAAuD;;QAEvD,0EAA0E;;QAE1E,0EAA0E;;QAE1E,+CAA+C;;QAE/C,iDAAiD;;QAEjD,qGAAqG;;QAErG,4FAA4F;;QAE5F,mFAAmF;;QAEnF,0EAA0E;;QAE1E,2EAA2E;;QAE3E,iDAAiD;;QAEjD,gDAAgD;;QAEhD,iDAAiD;;QAEjD,iTAAiT;;QAEjT,kHAAkH;;QAElH,mHAAmH;;QAEnH,iLAAiL;;QAEjL,kFAAkF;;QAElF,iFAAiF;;QAEjF,wEAAwE;;QAExE,0HAA0H;;QAE1H,uGAAuG;;QAEvG;;;;;;;;;WASG;;QAEH,kCAAkC;;QAElC,sEAAsE;;QAEtE,6CAA6C;;QAE7C,+CAA+C;;;;;;;;;;QA+B/C,uEAAuE;;QAEvE,6FAA6F;;QAE7F,4CAA4C;;QAE5C,4CAA4C;;QAE5C,2CAA2C;;QAE3C,0DAA0D;;QAE1D,8DAA8D;;QAE9D,qCAAqC;;QAErC,2GAA2G;;QAE3G,6FAA6F;;QAE7F,yGAAyG;;QAEzG,wFAAwF;;QAExF,8CAA8C;;QAE9C,mFAAmF;;MAEnF;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA0BE;IAEF;;MAqBC;CACF;6BAzPM,sCAAsC;sBALvB,YAAY;kBAChB,OAAO"}

package/dist/types/AutoCompleteWithLabel/AutoCompleteWithLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteWithLabel.d.ts","sourceRoot":"","sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.js"],"names":[],"mappings":";AAcA;IAUE,2BAA6C;IAE7C;QACE,mFAAmF;;QAEnF,uDAAuD;;QAEvD,mEAAmE;;QAEnE,6FAA6F;;QAE7F,qCAAqC;;QAErC,2GAA2G;;QAE3G,iDAAiD;;QAEjD,+CAA+C;;QAE/C,kDAAkD;;QAElD,uDAAuD;;QAEvD,mFAAmF;;QAEnF,+GAA+G;;QAE/G,mEAAmE;;QAEnE,gMAAgM;;QAEhM,yDAAyD;;QAEzD,iFAAiF;;QAEjF,8EAA8E;;QAE9E,6CAA6C;;QAE7C,wGAAwG;;QAExG,kEAAkE;;QAElE,oCAAoC;;QAEpC,+DAA+D;;MAE/D;IAEF;;;;;;;;;;;;MAME;IAhEF,wBAOC;IAJC;;;MAGC;IA4DH,gCAOE;IAEF,+BAIE;IAEF,kCAAmE;IAEnE,4BAkHC;CACF;kBArNiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"AutoCompleteWithLabel.d.ts","sourceRoot":"","sources":["../../../src/AutoCompleteWithLabel/AutoCompleteWithLabel.js"],"names":[],"mappings":";AAaA;IAUE,2BAA6C;IAE7C;QACE,mFAAmF;;QAEnF,uDAAuD;;QAEvD,mEAAmE;;QAEnE,6FAA6F;;QAE7F,qCAAqC;;QAErC,2GAA2G;;QAE3G,iDAAiD;;QAEjD,+CAA+C;;QAE/C,kDAAkD;;QAElD,uDAAuD;;QAEvD,mFAAmF;;QAEnF,+GAA+G;;QAE/G,mEAAmE;;QAEnE,gMAAgM;;QAEhM,yDAAyD;;QAEzD,iFAAiF;;QAEjF,8EAA8E;;QAE9E,6CAA6C;;QAE7C,wGAAwG;;QAExG,kEAAkE;;QAElE,oCAAoC;;QAEpC,+DAA+D;;MAE/D;IAEF;;;;;;;;;;;;MAME;IAhEF,wBAOC;IAJC;;;MAGC;IA4DH,gCAOE;IAEF,+BAIE;IAEF,kCAAmE;IAEnE,4BAkHC;CACF;kBApNiB,OAAO;sBACH,YAAY"}

package/dist/types/BadgeSelect/BadgeSelect.d.ts

@@ -31,7 +31,7 @@ declare class BadgeSelect extends React.Component<any, any, any> {
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     render(): React.JSX.Element;
     badge: Badge | null | undefined;
-    dropdownLayout: DropdownLayout | null | undefined;
+    dropdownLayout: HTMLElement | null | undefined;
 }
 declare namespace BadgeSelect {
     let displayName: string;
@@ -85,6 +85,5 @@ declare namespace BadgeSelect {
 }
 import React from 'react';
 import Badge from '../Badge';
-import DropdownLayout from '../DropdownLayout';
 import PropTypes from 'prop-types';
 //# sourceMappingURL=BadgeSelect.d.ts.map

package/dist/types/BadgeSelect/BadgeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeSelect.d.ts","sourceRoot":"","sources":["../../../src/BadgeSelect/BadgeSelect.js"],"names":[],"mappings":";AAaA;IAmEE,wBAOC;IAzED,6BAEE;IAEF;;;;;OAKG;IACH,kBAHW,aAAa,CAAC,GAAG,KAChB,OAAO,CAIjB;IAEF,0DAEE;IAEF;;eAUE;IAEF,iCAeE;IAEF,uCAKE;IAEF,yBAEE;IAEF,yBAEE;IAEF,2BAEE;IAKA;;;MAGC;IAGH;;;;qBA3EQ,CAAC;QAiFR;IAED,uDAMC;IAED,4BA2CC;IA3BwB,gCAAkB;IAetB,kDAAuB;CAa7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBArJiB,OAAO;kBAOP,UAAU;2BAFD,mBAAmB;sBAJxB,YAAY"}
+{"version":3,"file":"BadgeSelect.d.ts","sourceRoot":"","sources":["../../../src/BadgeSelect/BadgeSelect.js"],"names":[],"mappings":";AAaA;IAmEE,wBAOC;IAzED,6BAEE;IAEF;;;;;OAKG;IACH,kBAHW,aAAa,CAAC,GAAG,KAChB,OAAO,CAIjB;IAEF,0DAEE;IAEF;;eAUE;IAEF,iCAeE;IAEF,uCAKE;IAEF,yBAEE;IAEF,yBAEE;IAEF,2BAEE;IAKA;;;MAGC;IAGH;;;;qBA3EQ,CAAC;QAiFR;IAED,uDAMC;IAED,4BA2CC;IA3BwB,gCAAkB;IAetB,+CAAuB;CAa7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBArJiB,OAAO;kBAOP,UAAU;sBANN,YAAY"}

package/dist/types/CDN_URLS.d.ts

@@ -1,3 +1,3 @@
-export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.123.0/dist/statics/styles.global.css";
-export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.123.0/dist/statics/design-system.esm.min.js";
+export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.124.0/dist/statics/styles.global.css";
+export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.124.0/dist/statics/design-system.esm.min.js";
 //# sourceMappingURL=CDN_URLS.d.ts.map

package/dist/types/Calendar/Calendar.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/Calendar/Calendar.uni.driver.js"],"names":[],"mappings":"AAKO;;;;;;;;;;;;;;;;;;;;;;;;IAkHH,+EAA+E;;;;;;;;;;;;;;;;;IAoC/E;;OAEG;mBADU,OAAO,CAAC,MAAM,CAAC;;;;EAK/B"}
+{"version":3,"file":"Calendar.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/Calendar/Calendar.uni.driver.js"],"names":[],"mappings":"AAKO;;;;;;;;;;;;;;;;;;;;;;;;IAkHH,+EAA+E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoC/E;;OAEG;mBADU,OAAO,CAAC,MAAM,CAAC;;;;EAK/B"}

package/dist/types/CalendarPanel/CalendarPanel.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarPanel.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/CalendarPanel/CalendarPanel.uni.driver.js"],"names":[],"mappings":"AAIO;;;;;;;EAcN"}
+{"version":3,"file":"CalendarPanel.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/CalendarPanel/CalendarPanel.uni.driver.js"],"names":[],"mappings":"AAIO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcN"}

package/dist/types/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 export default Dropdown;
-declare class Dropdown extends InputWithOptions<import("../InputWithOptions").ManualInputFnSignature, ((option: import("..").DropdownLayoutValueOption, sameOptionWasPicked: boolean) => void) | undefined, import("../InputWithOptions").InputWithOptionsProps<import("../InputWithOptions").ManualInputFnSignature, ((option: import("..").DropdownLayoutValueOption, sameOptionWasPicked: boolean) => void) | undefined>> {
+declare class Dropdown extends InputWithOptions<import("../InputWithOptions").ManualInputFnSignature, ((option: import("..").DropdownLayoutOption, sameOptionWasPicked: boolean) => void) | undefined, import("../InputWithOptions").InputWithOptionsProps<import("../InputWithOptions").ManualInputFnSignature, ((option: import("..").DropdownLayoutOption, sameOptionWasPicked: boolean) => void) | undefined>> {
     static isOptionsEqual(optionsA: any, optionsB: any): boolean;
     /**
      * Updates the value by the selectedId.

package/dist/types/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.js"],"names":[],"mappings":";AAWA;IAmBE,6DAEC;IA2BD;;;OAGG;IACH;;;MAaC;IAhED,wBAYC;IATC;;;MAQC;IAGH,kCAEC;IAMD,qBAIC;IAED,kCAiBC;IAqBD,uDAaC;IAED,oBAGC;IAED;;;;;MAOC;IAED;;;MAKC;IAED,6BAQC;IAED,4BAGC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA5H4B,qBAAqB;sBAE5B,YAAY"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.js"],"names":[],"mappings":";AAUA;IAmBE,6DAEC;IA2BD;;;OAGG;IACH;;;MAaC;IAhED,wBAYC;IATC;;;MAQC;IAGH,kCAEC;IAMD,qBAIC;IAED,kCAiBC;IAqBD,uDAaC;IAED,oBAGC;IAED;;;;;MAOC;IAED;;;MAKC;IAED,6BAQC;IAED,4BAGC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA3H4B,qBAAqB;sBAE5B,YAAY"}

package/dist/types/DropdownBase/DropdownBase.private.uni.driver.d.ts

@@ -11,7 +11,65 @@ export function dropdownBasePrivateDriverFactory(base: any, body: any): {
     keyDown: (key: any) => Promise<any>;
     /** Perform a mouseLeave on the target element */
     mouseLeaveTarget: () => Promise<any>;
-    getDropdownLayoutDriver: () => import("../DropdownLayout/DropdownLayout.uni.driver").DropdownLayoutUniDriver;
+    getDropdownLayoutDriver: () => {
+        classes: (_name?: string) => Promise<any>;
+        clickAtOption: (index: number) => Promise<void>;
+        clickAtOptionByDataHook: (dataHook: string) => Promise<void>;
+        clickAtOptionWithValue: (value: string) => Promise<void>;
+        hasTopArrow: () => Promise<boolean>;
+        isDown: () => Promise<boolean>;
+        isUp: () => Promise<boolean>;
+        isLinkOption: (position: number) => Promise<boolean>;
+        isOptionADivider: (position: number) => Promise<boolean>;
+        isOptionExists: (optionText: string) => Promise<boolean>;
+        isOptionHovered: (index: number) => Promise<boolean>;
+        isOptionSelected: (index: number) => Promise<boolean>;
+        isOptionHeightSmall: (position: number) => Promise<boolean>;
+        isOptionHeightBig: (position: number) => Promise<boolean>;
+        isListItemFocused: (position: number) => Promise<boolean>;
+        isShown: () => Promise<boolean>;
+        mouseEnter: () => Promise<void>;
+        mouseEnterAtOption: (position: number) => Promise<void>;
+        mouseLeave: () => Promise<void>;
+        mouseClickOutside: () => any;
+        mouseLeaveAtOption: (position: number) => Promise<void>;
+        optionAt: () => Promise<any>;
+        optionByHook: (hook: string) => Promise<import("../DropdownLayout/DropdownLayout.uni.driver").DropdownLayoutOptionUniDriver>;
+        optionById(optionId: string | number): Promise<import("../DropdownLayout/DropdownLayout.uni.driver").DropdownLayoutOptionUniDriver>;
+        optionContentAt: (position: number) => Promise<string>;
+        optionDriver: (option: import("@wix/unidriver-core").UniDriver) => {
+            element: () => import("@wix/unidriver-core").UniDriver;
+            mouseEnter: () => Promise<void>;
+            mouseLeave: () => Promise<any>;
+            isHovered: () => Promise<boolean>;
+            isSelected: () => Promise<boolean>;
+            content: () => Promise<string>;
+            click: () => Promise<void>;
+            isDivider: () => Promise<boolean>;
+            isDisabled: () => Promise<boolean>;
+            isLink: () => Promise<boolean>;
+        };
+        options: () => Promise<import("../DropdownLayout/DropdownLayout.uni.driver").DropdownLayoutOptionUniDriver[]>;
+        optionsContent: () => Promise<string[]>;
+        markedOption: () => Promise<string | null>;
+        getSelectedOptionId: () => Promise<string | null>;
+        optionsLength: () => Promise<number>;
+        optionsScrollTop: () => Promise<number>;
+        pressDownKey: () => Promise<void>;
+        pressUpKey: () => Promise<void>;
+        pressEnterKey: () => Promise<void>;
+        pressSpaceKey: () => Promise<void>;
+        pressTabKey: () => Promise<void>;
+        pressEscKey: () => Promise<void>;
+        keyDownListItem: (position: number, key: string) => Promise<void>;
+        tabIndex: () => Promise<number>;
+        getListItemAttribute: (position: number, attribute: string) => Promise<string>;
+        getListType: (dataHook: string) => Promise<string>;
+        getOptionsContainerRole: () => Promise<string>;
+        exists: () => Promise<boolean>;
+        element: () => Promise<any>;
+        click: () => Promise<void>;
+    };
     keyDownListItem: (position: any, key: any) => Promise<void>;
     isListItemFocused: (position: any) => Promise<boolean>;
     getListType: (dataHook: string) => Promise<string>;

package/dist/types/DropdownBase/DropdownBase.private.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBase.private.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/DropdownBase/DropdownBase.private.uni.driver.js"],"names":[],"mappings":"AAGO;IAWH,wCAAwC;;IAGxC,gDAAgD;;IAGhD,0DAA0D;;IAI1D,8CAA8C;;IAI9C,oDAAoD;;IAGpD,iDAAiD;;;;;;;;;;;;;;;;;;;;;EAWpD"}
+{"version":3,"file":"DropdownBase.private.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/DropdownBase/DropdownBase.private.uni.driver.js"],"names":[],"mappings":"AAGO;IAWH,wCAAwC;;IAGxC,gDAAgD;;IAGhD,0DAA0D;;IAI1D,8CAA8C;;IAI9C,oDAAoD;;IAGpD,iDAAiD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWpD"}

package/dist/types/DropdownLayout/DropdownLayout.d.ts

@@ -1,5 +1,170 @@
-export function optionValidator(props: any, propName: any, componentName: any): undefined;
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<HTMLElement>>;
+import PropTypes from 'prop-types';
+import React, { PureComponent, RefObject } from 'react';
+import { listItemSectionBuilder } from '../ListItemSection';
+import { listItemSelectBuilder } from '../ListItemSelect';
+import { listItemActionBuilder } from '../ListItemAction';
+import { WithOverlayScrollbarProps } from './withOverlayScrollbar';
+import { DropdownLayoutBuilderOption, DropdownLayoutDividerOption, DropdownLayoutOption, DropdownLayoutProps, DropdownLayoutValueOption } from './DropdownLayout.types';
+type FocusedItemId = string | number | null;
+type SelectedOption = HTMLDivElement | null;
+type OnClickEvent = {
+    id: FocusedItemId;
+};
+type State = {
+    hovered: number;
+    selectedId: DropdownLayoutProps['selectedId'];
+    scrollElement: HTMLElement | null;
+    focusedItemId: FocusedItemId;
+};
+type DropdownLayoutChildren = {
+    [key: string | number]: {
+        focus?: () => void;
+        wrappedComponentRef?: {
+            innerComponentRef: {
+                focus: () => void;
+            };
+        };
+    } | null;
+};
+type ConvertedCustomOption = Pick<DropdownLayoutValueOption, 'id' | 'disabled' | 'overrideStyle' | 'overrideOptionStyle'> & Pick<DropdownLayoutBuilderOption, 'value'>;
+type ConvertedOption = ConvertedCustomOption | DropdownLayoutBuilderOption | undefined;
+export declare class DropdownLayout extends PureComponent<DropdownLayoutProps & WithOverlayScrollbarProps, State> {
+    static propTypes: {
+        className: PropTypes.Requireable<any>;
+        dropDirectionUp: PropTypes.Requireable<any>;
+        focusOnSelectedOption: PropTypes.Requireable<any>;
+        onClose: PropTypes.Requireable<any>;
+        onSelect: PropTypes.Requireable<any>;
+        onOptionMarked: PropTypes.Requireable<any>;
+        overflow: PropTypes.Requireable<any>;
+        visible: PropTypes.Requireable<any>;
+        options: PropTypes.Requireable<any>;
+        selectedId: PropTypes.Requireable<any>;
+        tabIndex: PropTypes.Requireable<any>;
+        onClickOutside: PropTypes.Requireable<any>;
+        fixedHeader: PropTypes.Requireable<any>;
+        fixedFooter: PropTypes.Requireable<any>;
+        maxHeightPixels: PropTypes.Requireable<any>;
+        minWidthPixels: PropTypes.Requireable<any>;
+        withArrow: PropTypes.Requireable<any>;
+        closeOnSelect: PropTypes.Requireable<any>;
+        onMouseEnter: PropTypes.Requireable<any>;
+        onMouseLeave: PropTypes.Requireable<any>;
+        itemHeight: PropTypes.Requireable<any>;
+        selectedHighlight: PropTypes.Requireable<any>;
+        inContainer: PropTypes.Requireable<any>;
+        infiniteScroll: PropTypes.Requireable<any>;
+        loadMore: PropTypes.Requireable<any>;
+        hasMore: PropTypes.Requireable<any>;
+        markedOption: PropTypes.Requireable<any>;
+        focusOnOption: PropTypes.Requireable<any>;
+        scrollToOption: PropTypes.Requireable<any>;
+        listType: PropTypes.Requireable<any>;
+        autoFocus: PropTypes.Requireable<any>;
+        scrollbar: PropTypes.Requireable<any>;
+    };
+    static defaultProps: DropdownLayoutProps;
+    static displayName: string;
+    static NONE_SELECTED_ID: -1;
+    constructor(props: DropdownLayoutProps);
+    setScrollElement: (node: HTMLElement | null) => void;
+    containerRef: React.RefObject<HTMLDivElement>;
+    optionsRef: RefObject<HTMLDivElement>;
+    loadedWithUndefinedOptions: boolean;
+    _boundEvents: string[];
+    focusableItemsIdsList: (string | number)[];
+    savedOnClicks: {
+        id?: string | number;
+        onClick: (e: OnClickEvent) => void;
+    }[];
+    children: DropdownLayoutChildren;
+    selectedOption: SelectedOption;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: DropdownLayoutProps): void;
+    UNSAFE_componentWillReceiveProps(nextProps: DropdownLayoutProps): void;
+    _focusFirstOption(): void;
+    _checkIfEventOnElements(e: any, elem: any): boolean;
+    _onMouseEventsHandler: (e: any) => void;
+    _renderTopArrow(): React.JSX.Element | null;
+    _convertOptionToListItemSectionBuilder({ option, idx, }: {
+        option: DropdownLayoutDividerOption | DropdownLayoutValueOption;
+        idx: number;
+    }): ReturnType<typeof listItemSectionBuilder> | undefined;
+    _convertOptionToListItemActionBuilder({ option, idx, }: {
+        option: DropdownLayoutValueOption;
+        idx: number;
+    }): ReturnType<typeof listItemActionBuilder>;
+    _isControlled(): boolean;
+    _focusOnSelectedOption(): void;
+    _setSelectedOptionNode(optionNode: HTMLDivElement | null, option: DropdownLayoutBuilderOption | ConvertedCustomOption): void;
+    _onClickOutside: (event: TouchEvent | MouseEvent) => void;
+    _markOption(index: number, options?: DropdownLayoutOption[]): void;
+    _onSelect: (index: number, e: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => false | DropdownLayoutOption | undefined;
+    _onActionClick: (e: OnClickEvent) => void;
+    _saveOnClicks: () => void;
+    _onMouseEnter: (index: number) => void;
+    _onMouseLeave: () => void;
+    _getMarkedIndex(): number;
+    _markNextStep(step: number): void;
+    _focusOnOption: () => void;
+    _scrollToOption(): void;
+    _markOptionAtIndex: (markedIndex: number) => void;
+    _scrollIntoViewByIndex: (index: number) => void;
+    /**
+     * Handle keydown events for the DropdownLayout, mostly for accessibility
+     *
+     * @param {SyntheticEvent} event - The keydown event triggered by React
+     * @returns {boolean} - Whether the event was handled by the component
+     */
+    _onSelectListKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => boolean | DropdownLayoutOption | undefined;
+    _focus: (focusedItemId: FocusedItemId, e?: React.SyntheticEvent) => void;
+    _handleActionListNavigation: (event: React.KeyboardEvent, id: string | number) => void;
+    _onActionListKeyDown: (event: React.KeyboardEvent<HTMLDivElement>, id: string | number) => void;
+    _onClose: () => void;
+    _renderNode(node: React.ReactNode): React.JSX.Element | null;
+    _wrapWithInfiniteScroll: (scrollableElement: React.ReactNode) => React.JSX.Element;
+    /** for testing purposes only */
+    _getDataAttributes: () => Partial<{
+        'data-hook': string;
+        "data-shown": boolean | undefined;
+        "data-selected-option-id": string | number | undefined;
+        "data-direction": string;
+    }>;
+    _convertCustomOptionToBuilder({ option, }: {
+        option: DropdownLayoutValueOption;
+    }): ConvertedCustomOption | undefined;
+    _convertOptionToListItemSelectBuilder({ option, }: {
+        option: DropdownLayoutValueOption;
+    }): ReturnType<typeof listItemSelectBuilder>;
+    _isBuilderOption(option: DropdownLayoutOption): option is DropdownLayoutBuilderOption;
+    _isCustomOption(option: DropdownLayoutValueOption): boolean | undefined;
+    _isActionOption(option: DropdownLayoutOption): option is DropdownLayoutValueOption;
+    _isItemSection(option: DropdownLayoutOption): option is DropdownLayoutDividerOption | DropdownLayoutValueOption;
+    _isDivider(opt: DropdownLayoutOption): opt is DropdownLayoutDividerOption;
+    _convertOptionToBuilder(option: DropdownLayoutOption, idx: number): ConvertedOption;
+    _renderOption({ option, idx, }: {
+        option: DropdownLayoutOption;
+        idx: number;
+    }): React.JSX.Element | undefined;
+    _getItemDataAttr: ({ hovered, selected, disabled, }: {
+        hovered: boolean;
+        selected: boolean;
+        disabled?: boolean;
+    }) => Partial<{
+        [x: string]: boolean | import("./DropdownLayout.types").DropdownLayoutItemHeight | undefined;
+    }>;
+    _renderOptionContent({ option, idx, hasLink, }: {
+        option: ConvertedOption;
+        idx: number;
+        hasLink: boolean;
+    }): React.JSX.Element | undefined;
+    _markOptionByProperty(props: DropdownLayoutProps): void;
+    _findIndex(arr: DropdownLayoutOption[], predicate: (item: DropdownLayoutOption) => boolean): number;
+    _isSelectableOption: (option: DropdownLayoutOption) => boolean;
+    _renderOptions(): (React.JSX.Element | undefined)[];
+    render(): React.JSX.Element;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<DropdownLayoutProps & WithOverlayScrollbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default _default;
-import React from 'react';
 //# sourceMappingURL=DropdownLayout.d.ts.map

package/dist/types/DropdownLayout/DropdownLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownLayout.d.ts","sourceRoot":"","sources":["../../../src/DropdownLayout/DropdownLayout.js"],"names":[],"mappings":"AAo3BA,0FAkBC;;;kBAr4BiC,OAAO"}
+{"version":3,"file":"DropdownLayout.d.ts","sourceRoot":"","sources":["../../../src/DropdownLayout/DropdownLayout.tsx"],"names":[],"mappings":"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"}

package/dist/types/DropdownLayout/DropdownLayout.types.d.ts

@@ -0,0 +1,120 @@
+import * as React from 'react';
+import { listItemActionBuilder } from '../ListItemAction';
+import { listItemEditableBuilder } from '../ListItemEditable';
+import { listItemSectionBuilder } from '../ListItemSection';
+import { listItemSelectBuilder } from '../ListItemSelect';
+import { DIVIDER_OPTION_VALUE } from './DropdownLayout.constants';
+export interface DropdownLayoutProps {
+    /** Applies a data-hook HTML attribute that can be used in the tests. */
+    dataHook?: string;
+    /** A single CSS class name to be appended to the root element. */
+    className?: string;
+    /** @deprecated */
+    dropDirectionUp?: boolean;
+    /** Scroll view to the selected option on opening the dropdown */
+    focusOnSelectedOption?: boolean;
+    /** Callback function called whenever the user press the `Escape` keyboard.*/
+    onClose?: () => void;
+    /** Callback function called whenever the user selects a different option in the list */
+    onSelect?: (option: DropdownLayoutOption, sameOptionWasPicked: boolean) => void;
+    /** Callback function called whenever an option becomes focused (hovered/active). Receives the relevant option object from the original props.options array. */
+    onOptionMarked?: (option: DropdownLayoutValueOption | null) => void;
+    /** Should show or hide the component */
+    visible?: boolean;
+    /** Array of objects:
+     * - id `<string / number>` *required*: the id of the option, should be unique.
+     * - value `<function / string / node>` *required*: can be a string, react element or a builder function.
+     * - disabled `<bool>` *default value- false*: whether this option is disabled or not
+     * - linkTo `<string>`: when provided the option will be an anchor to the given value
+     * - title `<bool>`  *default value- false*  **deprecated**: please use `listItemSectionBuilder` for rendering a title.
+     * - overrideStyle `<bool>` *default value- false*  **deprecated**: please use `overrideOptionStyle` for override option styles.
+     * - overrideOptionStyle `<bool>` *default value- false* - when set to `true`, the option will be responsible to its own styles. No styles will be applied from the DropdownLayout itself.
+     * - label `<string>`: the string displayed within an input when the option is selected. This is used when using `<DropdownLayout/>` with an `<Input/>`.
+     */
+    options?: DropdownLayoutOption[];
+    /** The id of the selected option in the list  */
+    selectedId?: string | number;
+    /** Specifies the tab order of the component. */
+    tabIndex?: number;
+    /** @deprecated Do not use this prop. */
+    onClickOutside?: (e: TouchEvent | MouseEvent) => void;
+    /** A fixed header to the list */
+    fixedHeader?: React.ReactNode;
+    /** A fixed footer to the list */
+    fixedFooter?: React.ReactNode;
+    /** Set the max height of the dropdownLayout in pixels */
+    maxHeightPixels?: string | number;
+    /** Set the min width of the dropdownLayout in pixels */
+    minWidthPixels?: string | number;
+    /** @deprecated Do not use this prop. */
+    withArrow?: boolean;
+    /** Closes DropdownLayout on option selection */
+    closeOnSelect?: boolean;
+    /** Callback function called whenever the user entered with the mouse to the dropdown layout.*/
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    /** Callback function called whenever the user exited with the mouse from the dropdown layout.*/
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    /** Callback function called whenever the user clicks the dropdown layout.*/
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    /** @deprecated Do not use this prop. */
+    itemHeight?: DropdownLayoutItemHeight;
+    /** Whether the selected option will be highlighted when dropdown reopened. */
+    selectedHighlight?: boolean;
+    /** Whether the `<DropdownLayout/>` is in a container component. If `true`, some styles such as shadows, positioning and padding will be added the the component contentContainer. */
+    inContainer?: boolean;
+    /** Set this prop for lazy loading of the dropdown layout items.*/
+    infiniteScroll?: boolean;
+    /** A callback called when more items are requested to be rendered. */
+    loadMore?: (page: number) => void;
+    /** Whether there are more items to be loaded. */
+    hasMore?: boolean;
+    /** Sets the default hover behavior when:
+     *  1. `false` means no default
+     *  2. `true` means to hover the first selectable option
+     *  3. Any number/string represents the id of option to hover
+     */
+    markedOption?: boolean | string | number;
+    /** Set overflow of container */
+    overflow?: Overflow;
+    /** Marks (not selects) and scrolls view to the option on opening the dropdown by option id */
+    focusOnOption?: string | number;
+    /** Scrolls to the specified option when dropdown is opened without marking it */
+    scrollToOption?: string | number;
+    /** Defines type of behavior applied in list */
+    listType?: ListType;
+    /** Specifies whether first list item should be focused */
+    autoFocus?: boolean;
+    /** Controls which type of scrollbar to render */
+    scrollbar?: 'overlay' | 'fixed';
+}
+export type Overflow = 'visible' | 'hidden' | 'scroll' | 'auto';
+export type ListType = 'action' | 'select';
+export type DropdownLayoutBuilderOption = ReturnType<typeof listItemActionBuilder> | ReturnType<typeof listItemSectionBuilder> | ReturnType<typeof listItemSelectBuilder> | ReturnType<typeof listItemEditableBuilder>;
+export type DropdownLayoutOption = DropdownLayoutValueOption | DropdownLayoutDividerOption | DropdownLayoutBuilderOption;
+export type DropdownLayoutValueOption = {
+    id: string | number;
+    value: React.ReactNode | RenderOptionFn;
+    disabled?: boolean;
+    /** @deprecated Please use `listItemSectionBuilder` for rendering a title */
+    title?: React.ReactNode;
+    /** @deprecated Please use `listItemActionBuilder` */
+    optionTitle?: string;
+    /** @deprecated Please use `listItemActionBuilder` */
+    onClick?: () => void;
+    linkTo?: string;
+    /** @deprecated Please use `overrideOptionStyle` to override option styles */
+    overrideStyle?: boolean;
+    overrideOptionStyle?: boolean;
+    label?: string;
+};
+export type RenderOptionFn = (options: {
+    selected: boolean;
+    hovered: boolean;
+    disabled: boolean;
+}) => React.ReactNode;
+export type DropdownLayoutDividerOption = {
+    value: typeof DIVIDER_OPTION_VALUE;
+    id?: string | number;
+};
+export type DropdownLayoutItemHeight = 'small' | 'big';
+//# sourceMappingURL=DropdownLayout.types.d.ts.map

package/dist/types/DropdownLayout/DropdownLayout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownLayout.types.d.ts","sourceRoot":"","sources":["../../../src/DropdownLayout/DropdownLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,oBAAoB,EAC5B,mBAAmB,EAAE,OAAO,KACzB,IAAI,CAAC;IACV,+JAA+J;IAC/J,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,yBAAyB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACtD,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACpD,gGAAgG;IAChG,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACpD,4EAA4E;IAC5E,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,wCAAwC;IACxC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qLAAqL;IACrL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,2BAA2B,GACnC,UAAU,CAAC,OAAO,qBAAqB,CAAC,GACxC,UAAU,CAAC,OAAO,sBAAsB,CAAC,GACzC,UAAU,CAAC,OAAO,qBAAqB,CAAC,GACxC,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAC5B,yBAAyB,GACzB,2BAA2B,GAC3B,2BAA2B,CAAC;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEtB,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,OAAO,oBAAoB,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,KAAK,CAAC"}