@wix/entity-advanced-permissions 1.1418.0 → 1.1419.0

package/dist/statics/entity-advanced-permissions.umd.js

@@ -34412,7 +34412,7 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!********************************!*\
-  !*** ./index.ts + 578 modules ***!
+  !*** ./index.ts + 582 modules ***!
   \********************************/
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
@@ -35435,7 +35435,7 @@ function injectCSS(id, css, depth, runtimeId) {
 
 
 
-var _namespace_ = "wds_1_323_0_newColorsBranding";
+var _namespace_ = "wds_1_326_0_newColorsBranding";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 var newColorsBranding_st_css_cssStates = statesRuntime.bind(null, _namespace_);
@@ -35443,7 +35443,7 @@ var newColorsBranding_st_css_style = (/* unused pure expression or super */ null
 var newColorsBranding_st_css_st = _style_;
 
 var newColorsBranding_st_css_namespace = (/* unused pure expression or super */ null && (_namespace_));
-var newColorsBranding_st_css_classes = {"root":"wds_1_323_0_newColorsBranding__root"};
+var newColorsBranding_st_css_classes = {"root":"wds_1_326_0_newColorsBranding__root"};
 var newColorsBranding_st_css_keyframes = {}; 
 var newColorsBranding_st_css_layers = {};
 var containers = {};
@@ -35461,7 +35461,7 @@ var newColorsBranding_st_css_vars = {};
 
 
 
-var madefor_st_css_namespace_ = "wds_1_323_0_madefor";
+var madefor_st_css_namespace_ = "wds_1_326_0_madefor";
 var madefor_st_css_style_ = classesRuntime.bind(null, madefor_st_css_namespace_);
 
 var madefor_st_css_cssStates = statesRuntime.bind(null, madefor_st_css_namespace_);
@@ -35469,7 +35469,7 @@ var madefor_st_css_style = (/* unused pure expression or super */ null && (madef
 var madefor_st_css_st = (/* unused pure expression or super */ null && (madefor_st_css_style_));
 
 var madefor_st_css_namespace = (/* unused pure expression or super */ null && (madefor_st_css_namespace_));
-var madefor_st_css_classes = {"root":"wds_1_323_0_madefor__root","madefor":"wds_1_323_0_madefor__madefor"};
+var madefor_st_css_classes = {"root":"wds_1_326_0_madefor__root","madefor":"wds_1_326_0_madefor__madefor"};
 var madefor_st_css_keyframes = {}; 
 var madefor_st_css_layers = {};
 var madefor_st_css_containers = {};
@@ -35487,7 +35487,7 @@ var madefor_st_css_vars = {"wix-font-stack":"--wix-font-stack","wix-font-weight-
 
 
 
-var madefordisplay_st_css_namespace_ = "wds_1_323_0_madefordisplay";
+var madefordisplay_st_css_namespace_ = "wds_1_326_0_madefordisplay";
 var madefordisplay_st_css_style_ = classesRuntime.bind(null, madefordisplay_st_css_namespace_);
 
 var madefordisplay_st_css_cssStates = statesRuntime.bind(null, madefordisplay_st_css_namespace_);
@@ -35495,7 +35495,7 @@ var madefordisplay_st_css_style = (/* unused pure expression or super */ null &&
 var madefordisplay_st_css_st = (/* unused pure expression or super */ null && (madefordisplay_st_css_style_));
 
 var madefordisplay_st_css_namespace = (/* unused pure expression or super */ null && (madefordisplay_st_css_namespace_));
-var madefordisplay_st_css_classes = {"root":"wds_1_323_0_madefordisplay__root","madefordisplay":"wds_1_323_0_madefordisplay__madefordisplay"};
+var madefordisplay_st_css_classes = {"root":"wds_1_326_0_madefordisplay__root","madefordisplay":"wds_1_326_0_madefordisplay__madefordisplay"};
 var madefordisplay_st_css_keyframes = {}; 
 var madefordisplay_st_css_layers = {};
 var madefordisplay_st_css_containers = {};
@@ -35513,7 +35513,7 @@ var madefordisplay_st_css_vars = {"wix-font-stack":"--wix-font-stack","wix-font-
 
 
 
-var WixDesignSystemProvider_st_css_namespace_ = "wds_1_323_0_WixDesignSystemProvider";
+var WixDesignSystemProvider_st_css_namespace_ = "wds_1_326_0_WixDesignSystemProvider";
 var WixDesignSystemProvider_st_css_style_ = classesRuntime.bind(null, WixDesignSystemProvider_st_css_namespace_);
 
 var WixDesignSystemProvider_st_css_cssStates = statesRuntime.bind(null, WixDesignSystemProvider_st_css_namespace_);
@@ -35521,7 +35521,7 @@ var WixDesignSystemProvider_st_css_style = (/* unused pure expression or super *
 var WixDesignSystemProvider_st_css_st = (/* unused pure expression or super */ null && (WixDesignSystemProvider_st_css_style_));
 
 var WixDesignSystemProvider_st_css_namespace = (/* unused pure expression or super */ null && (WixDesignSystemProvider_st_css_namespace_));
-var WixDesignSystemProvider_st_css_classes = {"root":"wds_1_323_0_WixDesignSystemProvider__root","mobile":"wds_1_323_0_WixDesignSystemProvider__mobile"};
+var WixDesignSystemProvider_st_css_classes = {"root":"wds_1_326_0_WixDesignSystemProvider__root","mobile":"wds_1_326_0_WixDesignSystemProvider__mobile"};
 var WixDesignSystemProvider_st_css_keyframes = {}; 
 var WixDesignSystemProvider_st_css_layers = {};
 var WixDesignSystemProvider_st_css_containers = {};
@@ -35533,7 +35533,7 @@ var WixDesignSystemProvider_st_css_vars = {};
 
 
 ;// ../../../node_modules/@wix/design-system/dist/esm/utils/versionedNamespace.js
-const placeholder = 'wds_1_323_0';
+const placeholder = 'wds_1_326_0';
 const versionedNamespace = placeholder.startsWith('wds_')
     ? placeholder
     : '';
@@ -35597,7 +35597,7 @@ const WixStyleReactEnvironmentContext = external_React_default().createContext({
 ;// ../../../node_modules/@wix/design-system/dist/esm/WixStyleReactEnvironmentProvider/WixStyleReactEnvironmentProvider.js
 
 
-/** A wrapper component for an app to hold cross library global configuration such as locale, rtl and others */
+/** A wrapper component for an app to hold cross library global configuration such as locale, rtl and others. */
 const WixStyleReactEnvironmentProvider = ({ locale = 'en', pageHeaderId, children, }) => {
     return (external_React_default().createElement(WixStyleReactEnvironmentContext.Provider, { value: { locale, pageHeaderId } }, children));
 };
@@ -35640,7 +35640,7 @@ var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty);
 
 
 
-var typography_st_css_namespace_ = "wds_1_323_0_StylableTypography";
+var typography_st_css_namespace_ = "wds_1_326_0_StylableTypography";
 var typography_st_css_style_ = classesRuntime.bind(null, typography_st_css_namespace_);
 
 var typography_st_css_cssStates = statesRuntime.bind(null, typography_st_css_namespace_);
@@ -35648,7 +35648,7 @@ var typography_st_css_style = (/* unused pure expression or super */ null && (ty
 var typography_st_css_st = (/* unused pure expression or super */ null && (typography_st_css_style_));
 
 var typography_st_css_namespace = (/* unused pure expression or super */ null && (typography_st_css_namespace_));
-var typography_st_css_classes = {"root":"wds_1_323_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_323_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_323_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_323_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_323_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_323_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_323_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_323_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_323_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_323_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_323_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_323_0_StylableTypography__heading-h1","heading-h2":"wds_1_323_0_StylableTypography__heading-h2","heading-h3":"wds_1_323_0_StylableTypography__heading-h3","heading-h4":"wds_1_323_0_StylableTypography__heading-h4","heading-h5":"wds_1_323_0_StylableTypography__heading-h5","heading-h6":"wds_1_323_0_StylableTypography__heading-h6","heading-xl":"wds_1_323_0_StylableTypography__heading-xl","heading-l":"wds_1_323_0_StylableTypography__heading-l","heading-m":"wds_1_323_0_StylableTypography__heading-m","heading-s":"wds_1_323_0_StylableTypography__heading-s","heading-t":"wds_1_323_0_StylableTypography__heading-t","heading-xt":"wds_1_323_0_StylableTypography__heading-xt","caption-1":"wds_1_323_0_StylableTypography__caption-1"};
+var typography_st_css_classes = {"root":"wds_1_326_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_326_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_326_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_326_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_326_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_326_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_326_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_326_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_326_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_326_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_326_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_326_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_326_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_326_0_StylableTypography__heading-h1","heading-h2":"wds_1_326_0_StylableTypography__heading-h2","heading-h3":"wds_1_326_0_StylableTypography__heading-h3","heading-h4":"wds_1_326_0_StylableTypography__heading-h4","heading-h5":"wds_1_326_0_StylableTypography__heading-h5","heading-h6":"wds_1_326_0_StylableTypography__heading-h6","heading-xl":"wds_1_326_0_StylableTypography__heading-xl","heading-l":"wds_1_326_0_StylableTypography__heading-l","heading-m":"wds_1_326_0_StylableTypography__heading-m","heading-s":"wds_1_326_0_StylableTypography__heading-s","heading-t":"wds_1_326_0_StylableTypography__heading-t","heading-xt":"wds_1_326_0_StylableTypography__heading-xt","caption-1":"wds_1_326_0_StylableTypography__caption-1"};
 var typography_st_css_keyframes = {}; 
 var typography_st_css_layers = {};
 var typography_st_css_containers = {};
@@ -35666,7 +35666,7 @@ var typography_st_css_vars = {"wds-font-family-default":"--wds-font-family-defau
 
 
 
-var colors_st_css_namespace_ = "wds_1_323_0_colors";
+var colors_st_css_namespace_ = "wds_1_326_0_colors";
 var colors_st_css_style_ = classesRuntime.bind(null, colors_st_css_namespace_);
 
 var colors_st_css_cssStates = statesRuntime.bind(null, colors_st_css_namespace_);
@@ -35674,7 +35674,7 @@ var colors_st_css_style = (/* unused pure expression or super */ null && (colors
 var colors_st_css_st = (/* unused pure expression or super */ null && (colors_st_css_style_));
 
 var colors_st_css_namespace = (/* unused pure expression or super */ null && (colors_st_css_namespace_));
-var colors_st_css_classes = {"root":"wds_1_323_0_colors__root"};
+var colors_st_css_classes = {"root":"wds_1_326_0_colors__root"};
 var colors_st_css_keyframes = {}; 
 var colors_st_css_layers = {};
 var colors_st_css_containers = {};
@@ -35694,7 +35694,7 @@ var colors_st_css_vars = {"wsr-color-D10":"--wsr-color-D10","wsr-color-D20":"--w
 
 
 
-var Text_st_css_namespace_ = "wds_1_323_0_Text";
+var Text_st_css_namespace_ = "wds_1_326_0_Text";
 var Text_st_css_style_ = classesRuntime.bind(null, Text_st_css_namespace_);
 
 var Text_st_css_cssStates = statesRuntime.bind(null, Text_st_css_namespace_);
@@ -35702,7 +35702,7 @@ var Text_st_css_style = (/* unused pure expression or super */ null && (Text_st_
 var Text_st_css_st = Text_st_css_style_;
 
 var Text_st_css_namespace = (/* unused pure expression or super */ null && (Text_st_css_namespace_));
-var Text_st_css_classes = {"root":"wds_1_323_0_Text__root","text-tiny-thin":"wds_1_323_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_323_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_323_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_323_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_323_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_323_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_323_0_StylableTypography__text-medium-bold"};
+var Text_st_css_classes = {"root":"wds_1_326_0_Text__root","text-tiny-thin":"wds_1_326_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_326_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_326_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_326_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_326_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_326_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_326_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_326_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_326_0_StylableTypography__text-medium-bold"};
 var Text_st_css_keyframes = {}; 
 var Text_st_css_layers = {};
 var Text_st_css_containers = {};
@@ -35793,7 +35793,7 @@ var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
 
 
 
-var Ellipsis_st_css_namespace_ = "wds_1_323_0_Ellipsis";
+var Ellipsis_st_css_namespace_ = "wds_1_326_0_Ellipsis";
 var Ellipsis_st_css_style_ = classesRuntime.bind(null, Ellipsis_st_css_namespace_);
 
 var Ellipsis_st_css_cssStates = statesRuntime.bind(null, Ellipsis_st_css_namespace_);
@@ -35801,12 +35801,12 @@ var Ellipsis_st_css_style = (/* unused pure expression or super */ null && (Elli
 var Ellipsis_st_css_st = Ellipsis_st_css_style_;
 
 var Ellipsis_st_css_namespace = (/* unused pure expression or super */ null && (Ellipsis_st_css_namespace_));
-var Ellipsis_st_css_classes = {"root":"wds_1_323_0_Ellipsis__root","tooltip":"wds_1_323_0_Ellipsis__tooltip"};
+var Ellipsis_st_css_classes = {"root":"wds_1_326_0_Ellipsis__root","tooltip":"wds_1_326_0_Ellipsis__tooltip"};
 var Ellipsis_st_css_keyframes = {}; 
 var Ellipsis_st_css_layers = {};
 var Ellipsis_st_css_containers = {};
 var Ellipsis_st_css_stVars = {}; 
-var Ellipsis_st_css_vars = {"maxLines":"--wds_1_323_0_Ellipsis-maxLines"}; 
+var Ellipsis_st_css_vars = {"maxLines":"--wds_1_326_0_Ellipsis-maxLines"}; 
 
 
 
@@ -39693,17 +39693,17 @@ CSSTransition.propTypes =  false ? 0 : {};
 ;// ../../../node_modules/@wix/design-system/dist/esm/Popover/PopoverCore/utils/ClickOutside.js
 
 /**
- * Click outside behavior
+ * Click outside behavior.
  */
 class ClickOutside extends external_React_.PureComponent {
     constructor(props) {
         super(props);
         /**
-         * Check whether the click is inside the element or excluded
+         * Check whether the click is inside the element or excluded.
          * @param event - Click event
          */
         /**
-         * Check whether the click is inside the element or excluded
+         * Check whether the click is inside the element or excluded.
          * @param event - Click event
          */
         // @ts-ignore
@@ -39735,7 +39735,7 @@ class ClickOutside extends external_React_.PureComponent {
             return;
         };
         /**
-         * Triggers onClickOutside callback when clicked outside child
+         * Triggers onClickOutside callback when clicked outside child.
          * @param event - Click event
          */
         this._onClickOutside = (event) => {
@@ -39747,7 +39747,7 @@ class ClickOutside extends external_React_.PureComponent {
         this._boundEvents = [];
     }
     /**
-     * Register ClickOutside events
+     * Register ClickOutside events.
      */
     _registerEvents() {
         const { options } = this.props;
@@ -39757,7 +39757,7 @@ class ClickOutside extends external_React_.PureComponent {
         });
     }
     /**
-     * Unregister ClickOutside events
+     * Unregister ClickOutside events.
      */
     _unregisterEvents() {
         const { options } = this.props;
@@ -39996,7 +39996,7 @@ const getArrowShift = (shift, direction) => {
 };
 //# sourceMappingURL=utils.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Popover/PopoverCore/utils/helpers.js
-/** specific functions and variables for test environment purposes */
+/** specific functions and variables for test environment purposes. */
 const popoverTestUtils = {
     createRange: () => {
         document.createRange = () => ({
@@ -40080,7 +40080,7 @@ function searchParent(predicate, element) {
 
 
 
-var shadows_st_css_namespace_ = "wds_1_323_0_shadows";
+var shadows_st_css_namespace_ = "wds_1_326_0_shadows";
 var shadows_st_css_style_ = classesRuntime.bind(null, shadows_st_css_namespace_);
 
 var shadows_st_css_cssStates = statesRuntime.bind(null, shadows_st_css_namespace_);
@@ -40088,7 +40088,7 @@ var shadows_st_css_style = (/* unused pure expression or super */ null && (shado
 var shadows_st_css_st = (/* unused pure expression or super */ null && (shadows_st_css_style_));
 
 var shadows_st_css_namespace = (/* unused pure expression or super */ null && (shadows_st_css_namespace_));
-var shadows_st_css_classes = {"root":"wds_1_323_0_shadows__root"};
+var shadows_st_css_classes = {"root":"wds_1_326_0_shadows__root"};
 var shadows_st_css_keyframes = {}; 
 var shadows_st_css_layers = {};
 var shadows_st_css_containers = {};
@@ -40106,7 +40106,7 @@ var shadows_st_css_vars = {"wsr-shadow10":"--wsr-shadow10","wsr-shadow20":"--wsr
 
 
 
-var easing_st_css_namespace_ = "wds_1_323_0_easing";
+var easing_st_css_namespace_ = "wds_1_326_0_easing";
 var easing_st_css_style_ = classesRuntime.bind(null, easing_st_css_namespace_);
 
 var easing_st_css_cssStates = statesRuntime.bind(null, easing_st_css_namespace_);
@@ -40114,7 +40114,7 @@ var easing_st_css_style = (/* unused pure expression or super */ null && (easing
 var easing_st_css_st = (/* unused pure expression or super */ null && (easing_st_css_style_));
 
 var easing_st_css_namespace = (/* unused pure expression or super */ null && (easing_st_css_namespace_));
-var easing_st_css_classes = {"root":"wds_1_323_0_easing__root"};
+var easing_st_css_classes = {"root":"wds_1_326_0_easing__root"};
 var easing_st_css_keyframes = {}; 
 var easing_st_css_layers = {};
 var easing_st_css_containers = {};
@@ -40135,7 +40135,7 @@ var easing_st_css_vars = {};
 
 
 
-var Popover_st_css_namespace_ = "wds_1_323_0_Popover";
+var Popover_st_css_namespace_ = "wds_1_326_0_Popover";
 var Popover_st_css_style_ = classesRuntime.bind(null, Popover_st_css_namespace_);
 
 var Popover_st_css_cssStates = statesRuntime.bind(null, Popover_st_css_namespace_);
@@ -40143,7 +40143,7 @@ var Popover_st_css_style = (/* unused pure expression or super */ null && (Popov
 var Popover_st_css_st = Popover_st_css_style_;
 
 var Popover_st_css_namespace = (/* unused pure expression or super */ null && (Popover_st_css_namespace_));
-var Popover_st_css_classes = {"root":"wds_1_323_0_Popover__root","content":"wds_1_323_0_Popover__content","arrow":"wds_1_323_0_Popover__arrow","element":"wds_1_323_0_Popover__element","animationEnter":"wds_1_323_0_Popover__animationEnter","animationEnterActive":"wds_1_323_0_Popover__animationEnterActive","animationExit":"wds_1_323_0_Popover__animationExit","animationExitActive":"wds_1_323_0_Popover__animationExitActive"};
+var Popover_st_css_classes = {"root":"wds_1_326_0_Popover__root","content":"wds_1_326_0_Popover__content","arrow":"wds_1_326_0_Popover__arrow","element":"wds_1_326_0_Popover__element","animationEnter":"wds_1_326_0_Popover__animationEnter","animationEnterActive":"wds_1_326_0_Popover__animationEnterActive","animationExit":"wds_1_326_0_Popover__animationExit","animationExitActive":"wds_1_326_0_Popover__animationExitActive"};
 var Popover_st_css_keyframes = {}; 
 var Popover_st_css_layers = {};
 var Popover_st_css_containers = {};
@@ -40280,7 +40280,7 @@ if (PopoverCore_isTestEnv && typeof document !== 'undefined' && !document.create
     popoverTestUtils.createRange();
 }
 /**
- * Popover
+ * Popover.
  */
 class PopoverCore extends (external_React_default()).Component {
     constructor(props) {
@@ -40307,7 +40307,7 @@ class PopoverCore extends (external_React_default()).Component {
             }
         };
         /**
-         * Checks to see if the focused element is outside the Popover content
+         * Checks to see if the focused element is outside the Popover content.
          */
         this._onDocumentKeyUp = (event) => {
             const { onTabOut } = this.props;
@@ -40337,7 +40337,7 @@ class PopoverCore extends (external_React_default()).Component {
     }
     getPopperContentStructure(childrenObject) {
         const { shown } = this.state;
-        const { moveBy, appendTo, placement, showArrow, moveArrowTo, flip, flipModifier, fixed, customArrow, role, id, zIndex, minWidth, maxWidth, width, dynamicWidth, onEscPress, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedBy, timeout, skin, } = this.props;
+        const { moveBy, appendTo, placement, showArrow, moveArrowTo, flip, flipModifier, fixed, customArrow, role, id, zIndex, minWidth, maxWidth, width, dynamicWidth, onEscPress, onContentClick, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedBy, timeout, skin, } = this.props;
         const shouldAnimate = shouldAnimatePopover({ timeout });
         const modifiers = createModifiers({
             minWidth,
@@ -40365,7 +40365,7 @@ class PopoverCore extends (external_React_default()).Component {
                         skin,
                         placement: popperPlacement || placement,
                         hasArrow: true,
-                    }, popoverContentClasses.content({ skin, hasArrow: true })), onKeyDown: shown && onEscPress ? this._onKeyDown : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy }, childrenObject.Content)));
+                    }, popoverContentClasses.content({ skin, hasArrow: true })), onKeyDown: shown && onEscPress ? this._onKeyDown : undefined, onClick: onContentClick, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy }, childrenObject.Content)));
         }));
         const popper = (status) => (external_React_default().createElement(Popper_Popper, { modifiers: modifiers, placement: placement }, ({ ref, style: popperStyles, placement: popperPlacement, scheduleUpdate, }) => {
             this.popperScheduleUpdate = scheduleUpdate;
@@ -40376,7 +40376,7 @@ class PopoverCore extends (external_React_default()).Component {
                     status,
                     placement: popperPlacement || placement,
                     skin,
-                }), popoverContentClasses.content({ skin })), "data-hook": "popover-content", style: { ...popperStyles, zIndex, maxWidth }, "data-content-element": this.contentHook, onKeyDown: shown && onEscPress ? this._onKeyDown : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy }, childrenObject.Content));
+                }), popoverContentClasses.content({ skin })), "data-hook": "popover-content", style: { ...popperStyles, zIndex, maxWidth }, "data-content-element": this.contentHook, onKeyDown: shown && onEscPress ? this._onKeyDown : undefined, onClick: onContentClick, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy }, childrenObject.Content));
         }));
         return this.wrapWithAnimations(showArrow ? popperWithArrow : popper);
     }
@@ -40603,7 +40603,7 @@ class PopoverCore extends (external_React_default()).Component {
         this._syncAnimationFrameLoop(prevProps, prevState);
     }
     render() {
-        const { onMouseEnter, onMouseLeave, onKeyDown, onClick, children, className, style, fluid, skin, dataHook, zIndex, excludeClass, interactive, } = this.props;
+        const { onPointerEnter, onPointerLeave, onMouseEnter, onMouseLeave, onKeyDown, onClick, onPointerDown, children, className, style, fluid, skin, dataHook, zIndex, excludeClass, interactive, } = this.props;
         const { isMounted, shown } = this.state;
         const childrenObject = buildChildrenObject(children, {
             Element: null,
@@ -40615,8 +40615,8 @@ class PopoverCore extends (external_React_default()).Component {
             external_React_default().createElement(ClickOutside, { rootRef: this.clickOutsideRef, onClickOutside: this._handleClickOutside, excludeClass: excludeClass
                     ? [this.clickOutsideClass, excludeClass]
                     : this.clickOutsideClass },
-                external_React_default().createElement("div", { ref: this.clickOutsideRef, style: style, "data-hook": dataHook, "data-content-hook": this.contentHook, className: Popover_st_css_st(Popover_st_css_classes.root, { fluid, skin }, className, popoverClasses.root({ fluid, skin })), "data-zindex": zIndex, onMouseEnter: interactive ? onMouseEnter : undefined, onMouseLeave: interactive ? onMouseLeave : undefined, ...filterDataProps(this.props) },
-                    external_React_default().createElement(Reference, { innerRef: r => (this.targetRef = r) }, ({ ref }) => (external_React_default().createElement("div", { ref: ref, className: Popover_st_css_st(Popover_st_css_classes.element, popoverClasses.element()), "data-hook": "popover-element", onClick: onClick, onKeyDown: onKeyDown, onMouseEnter: interactive ? undefined : onMouseEnter, onMouseLeave: interactive ? undefined : onMouseLeave }, childrenObject.Element))),
+                external_React_default().createElement("div", { ref: this.clickOutsideRef, style: style, "data-hook": dataHook, "data-content-hook": this.contentHook, className: Popover_st_css_st(Popover_st_css_classes.root, { fluid, skin }, className, popoverClasses.root({ fluid, skin })), "data-zindex": zIndex, onPointerEnter: interactive ? onPointerEnter : undefined, onPointerLeave: interactive ? onPointerLeave : undefined, onMouseEnter: interactive ? onMouseEnter : undefined, onMouseLeave: interactive ? onMouseLeave : undefined, ...filterDataProps(this.props) },
+                    external_React_default().createElement(Reference, { innerRef: r => (this.targetRef = r) }, ({ ref }) => (external_React_default().createElement("div", { ref: ref, className: Popover_st_css_st(Popover_st_css_classes.element, popoverClasses.element()), "data-hook": "popover-element", onClick: onClick, onPointerDown: onPointerDown, onKeyDown: onKeyDown, onPointerEnter: interactive ? undefined : onPointerEnter, onPointerLeave: interactive ? undefined : onPointerLeave, onMouseEnter: interactive ? undefined : onMouseEnter, onMouseLeave: interactive ? undefined : onMouseLeave }, childrenObject.Element))),
                     shouldRenderPopper && this.renderPopperContent(childrenObject)))));
     }
 }
@@ -40684,6 +40684,8 @@ Popover.defaultProps = {
 ;// ../../../node_modules/@wix/design-system/dist/esm/Tooltip/constants.js
 const constants_dataHooks = { tooltipText: 'tooltip-text' };
 const TIMEOUT = { enter: 100, exit: 150 };
+const DEFAULT_ENTER_DELAY = 200;
+const DEFAULT_EXIT_DELAY = 100;
 const SIZES = { small: 'small', medium: 'medium' };
 //# sourceMappingURL=constants.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Tooltip/Tooltip.classes.js
@@ -40700,7 +40702,7 @@ const Tooltip_classes_classes = defineClassNames('tooltip', {
 
 /**
  * A hook that returns a stable callback that always has the latest version of the provided function.
- * Taken from https://github.com/Volune/use-event-callback/blob/master/src/index.ts
+ * Taken from https://github.com/Volune/use-event-callback/blob/master/src/index.ts.
  *
  * @param {Fn<ARGS, R>} fn - The callback function.
  * @returns {Fn<ARGS, R>} A stable version of the provided callback function.
@@ -40724,15 +40726,40 @@ const useEventCallback = (fn) => {
 
 
 
-const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide = () => ({}), size = 'medium', className, placement = 'top', exitDelay = 0, enterDelay = 0, moveArrowTo, appendTo = 'window', flip = true, fixed = false, maxWidth = 204, fluid, moveBy, disabled, children, zIndex = ZIndex.tooltip, textAlign = 'start', content = '', inline, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, interactive = true, ...rest }, ref) => {
+const isNativelyInteractive = (element) => {
+    if (!element.hasAttribute('tabindex')) {
+        return element.tabIndex >= 0;
+    }
+    const probe = element.cloneNode(false);
+    probe.removeAttribute('tabindex');
+    return probe.tabIndex >= 0;
+};
+const containsNativelyInteractive = (target, boundary) => {
+    for (let element = target; element && element !== boundary; element = element.parentElement) {
+        if (isNativelyInteractive(element)) {
+            return true;
+        }
+    }
+    return false;
+};
+const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide = () => ({}), size = 'medium', className, placement = 'top', exitDelay = DEFAULT_EXIT_DELAY, enterDelay = DEFAULT_ENTER_DELAY, moveArrowTo, appendTo = 'window', flip = true, fixed = false, maxWidth = 204, fluid, moveBy, disabled, children, zIndex = ZIndex.tooltip, textAlign = 'start', content = '', inline, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, interactive = true, ...rest }, ref) => {
     const [shown, setShown] = (0,external_React_.useState)(false);
     const contentRef = (0,external_React_.useRef)(null);
+    const lastPointerType = (0,external_React_.useRef)('');
+    const shownAtPointerDown = (0,external_React_.useRef)(null);
+    const visible = (0,external_React_.useRef)(false);
     const open = useEventCallback(() => {
         setShown(true);
-        onShow?.();
     });
     const close = useEventCallback(() => {
         setShown(false);
+    });
+    const handleShow = useEventCallback(() => {
+        visible.current = true;
+        onShow?.();
+    });
+    const handleHide = useEventCallback(() => {
+        visible.current = false;
         onHide?.();
     });
     (0,external_React_.useImperativeHandle)(ref, () => ({
@@ -40741,6 +40768,48 @@ const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide =
         getContentElement: () => contentRef.current,
     }));
     const isDisabled = disabled ?? false;
+    const trackPointerType = useEventCallback((event) => {
+        lastPointerType.current = event.pointerType;
+    });
+    const onTriggerPointerDown = useEventCallback((event) => {
+        trackPointerType(event);
+        shownAtPointerDown.current = visible.current;
+    });
+    const isTapPointer = () => lastPointerType.current === 'touch' || lastPointerType.current === 'pen';
+    const openFromHover = useEventCallback(() => {
+        if (shown || isTapPointer()) {
+            return;
+        }
+        open();
+    });
+    const closeFromHover = useEventCallback(() => {
+        if (!shown || isTapPointer()) {
+            return;
+        }
+        close();
+    });
+    const onContentClick = useEventCallback(() => {
+        if (isTapPointer()) {
+            close();
+        }
+    });
+    const onTriggerClick = useEventCallback((event) => {
+        const wasShown = shownAtPointerDown.current ?? visible.current;
+        shownAtPointerDown.current = null;
+        if (isDisabled) {
+            return;
+        }
+        if (!isTapPointer() &&
+            containsNativelyInteractive(event.target, event.currentTarget)) {
+            return;
+        }
+        if (wasShown) {
+            close();
+        }
+        else if (!shown) {
+            open();
+        }
+    });
     const onFocus = useEventCallback((event, handlers) => {
         const focusableHOC = handlers && handlers.focus;
         const target = event.target;
@@ -40764,6 +40833,8 @@ const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide =
         return focusableHOC ? handlers.blur() : null;
     });
     const handleKeyDown = useEventCallback((event) => {
+        lastPointerType.current = '';
+        shownAtPointerDown.current = null;
         if (event.key === 'Escape' && shown) {
             close();
         }
@@ -40808,7 +40879,7 @@ const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide =
         // @ts-ignore
         external_React_default().createElement(RawText, { dataHook: constants_dataHooks.tooltipText, size: textSize, light: true, className: Tooltip_classes_classes.text(), renderChildren: ({ text }) => text, renderElement: ({ element }) => element }, content)) : (content)));
     }, [content, textAlign, size]);
-    return (external_React_default().createElement(Popover, { role: "tooltip", showArrow: size !== 'small', className: Tooltip_classes_classes.root({ size, inline }, className), placement: placement, shown: isDisabled ? false : shown, onMouseEnter: isDisabled ? undefined : open, onMouseLeave: close, onClickOutside: close, onEscPress: close, "data-size": size, hideDelay: exitDelay, showDelay: enterDelay, moveBy: moveBy, moveArrowTo: moveArrowTo, appendTo: appendTo, id: ariaLabelledBy || ariaDescribedBy, flip: flip, fixed: fixed, maxWidth: maxWidth, fluid: fluid, disableClickOutsideWhenClosed: true, zIndex: zIndex, interactive: interactive, ...rest, theme: "dark", timeout: TIMEOUT },
+    return (external_React_default().createElement(Popover, { role: "tooltip", showArrow: size !== 'small', className: Tooltip_classes_classes.root({ size, inline }, className), placement: placement, shown: isDisabled ? false : shown, onPointerEnter: trackPointerType, onPointerLeave: trackPointerType, onMouseEnter: isDisabled ? undefined : openFromHover, onMouseLeave: closeFromHover, onPointerDown: onTriggerPointerDown, onClick: onTriggerClick, onContentClick: onContentClick, onClickOutside: close, onEscPress: close, onShow: handleShow, onHide: handleHide, "data-size": size, hideDelay: exitDelay, showDelay: enterDelay, moveBy: moveBy, moveArrowTo: moveArrowTo, appendTo: appendTo, id: ariaLabelledBy || ariaDescribedBy, flip: flip, fixed: fixed, maxWidth: maxWidth, fluid: fluid, disableClickOutsideWhenClosed: true, zIndex: zIndex, interactive: interactive, ...rest, theme: "dark", timeout: TIMEOUT },
         external_React_default().createElement(Popover.Element, null, triggerElement),
         external_React_default().createElement(Popover.Content, null,
             external_React_default().createElement("div", { ref: contentRef, style: { maxWidth } }, contentElement))));
@@ -40823,7 +40894,7 @@ Tooltip.displayName = 'Tooltip';
 
 
 
-var TextComponent_st_css_namespace_ = "wds_1_323_0_TextComponent";
+var TextComponent_st_css_namespace_ = "wds_1_326_0_TextComponent";
 var TextComponent_st_css_style_ = classesRuntime.bind(null, TextComponent_st_css_namespace_);
 
 var TextComponent_st_css_cssStates = statesRuntime.bind(null, TextComponent_st_css_namespace_);
@@ -40831,12 +40902,12 @@ var TextComponent_st_css_style = (/* unused pure expression or super */ null &&
 var TextComponent_st_css_st = TextComponent_st_css_style_;
 
 var TextComponent_st_css_namespace = (/* unused pure expression or super */ null && (TextComponent_st_css_namespace_));
-var TextComponent_st_css_classes = {"root":"wds_1_323_0_TextComponent__root","text":"wds_1_323_0_TextComponent__text","suffix":"wds_1_323_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_323_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_323_0_TextComponent__multilineSuffix"};
+var TextComponent_st_css_classes = {"root":"wds_1_326_0_TextComponent__root","text":"wds_1_326_0_TextComponent__text","suffix":"wds_1_326_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_326_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_326_0_TextComponent__multilineSuffix"};
 var TextComponent_st_css_keyframes = {}; 
 var TextComponent_st_css_layers = {};
 var TextComponent_st_css_containers = {};
 var TextComponent_st_css_stVars = {}; 
-var TextComponent_st_css_vars = {"maxLines":"--wds_1_323_0_TextComponent-maxLines"}; 
+var TextComponent_st_css_vars = {"maxLines":"--wds_1_326_0_TextComponent-maxLines"}; 
 
 
 
@@ -40863,7 +40934,7 @@ class TextComponent extends (external_React_default()).PureComponent {
         if (!this.props.textRendered) {
             /**
              * The requestAnimationFrame implementation is meant for browser only race condition bug fix.
-             * It does not get reproduced in test environment due JSDOM being not a browser.
+             * It doesn't get reproduced in test environment due JSDOM being not a browser.
              * So we skip the requestAnimationFrame part in order not to have delays in calculations.
              */
             if (TextComponent_isTestEnv) {
@@ -40878,7 +40949,7 @@ class TextComponent extends (external_React_default()).PureComponent {
         if (!this.props.textRendered) {
             /**
              * The requestAnimationFrame implementation is meant for browser only race condition bug fix.
-             * It does not get reproduced in test environment due JSDOM being not a browser.
+             * It doesn't get reproduced in test environment due JSDOM being not a browser.
              * So we skip the requestAnimationFrame part in order not to have delays in calculations.
              */
             if (TextComponent_isTestEnv) {
@@ -40941,12 +41012,13 @@ class TextComponent extends (external_React_default()).PureComponent {
 
 
 
+
 class Ellipsis extends (external_React_default()).PureComponent {
     constructor(props) {
         super(props);
         /**
          * Once text component has rendered,
-         * Update text content and tooltip active state
+         * Update text content and tooltip active state.
          * @private
          */
         this._onTextRendered = () => {
@@ -41077,15 +41149,15 @@ Ellipsis.defaultProps = {
     fixed: false,
     placement: 'top',
     zIndex: ZIndex.tooltip,
-    enterDelay: 0,
-    exitDelay: 0,
+    enterDelay: DEFAULT_ENTER_DELAY,
+    exitDelay: DEFAULT_EXIT_DELAY,
     showTooltip: true,
 };
 
 //# sourceMappingURL=Ellipsis.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/common/Ellipsis/EllipsisUtils.js
 /**
- * A utility function that extracts Ellipsis relevant props and wrapped Component relevant props
+ * A utility function that extracts Ellipsis relevant props and wrapped Component relevant props.
  * @returns {{ellipsisProps: *, componentProps: *}}
  */
 const extractEllipsisProps = ({ appendTo, disabled, ellipsis, enterDelay, exitDelay, fixed, flip, maxWidth, moveArrowTo, onHide, onShow, placement, showTooltip, textAlign, zIndex, maxLines, onEllipsisStateChange, ...componentProps }) => {
@@ -41168,7 +41240,7 @@ const generateDataAttr = (props, filter) => Object.entries(props)
 
 
 
-var Focusable_st_css_namespace_ = "wds_1_323_0_Focusable";
+var Focusable_st_css_namespace_ = "wds_1_326_0_Focusable";
 var Focusable_st_css_style_ = classesRuntime.bind(null, Focusable_st_css_namespace_);
 
 var Focusable_st_css_cssStates = statesRuntime.bind(null, Focusable_st_css_namespace_);
@@ -41176,7 +41248,7 @@ var Focusable_st_css_style = (/* unused pure expression or super */ null && (Foc
 var Focusable_st_css_st = Focusable_st_css_style_;
 
 var Focusable_st_css_namespace = (/* unused pure expression or super */ null && (Focusable_st_css_namespace_));
-var Focusable_st_css_classes = {"root":"wds_1_323_0_Focusable__root","focus-box":"wds_1_323_0_Focusable__focus-box","focus-box-error":"wds_1_323_0_Focusable__focus-box-error"};
+var Focusable_st_css_classes = {"root":"wds_1_326_0_Focusable__root","focus-box":"wds_1_326_0_Focusable__focus-box","focus-box-error":"wds_1_326_0_Focusable__focus-box-error"};
 var Focusable_st_css_keyframes = {}; 
 var Focusable_st_css_layers = {};
 var Focusable_st_css_containers = {};
@@ -41194,7 +41266,7 @@ var Focusable_st_css_vars = {};
 
 
 
-var ButtonCore_st_css_namespace_ = "wds_1_323_0_ButtonCore";
+var ButtonCore_st_css_namespace_ = "wds_1_326_0_ButtonCore";
 var ButtonCore_st_css_style_ = classesRuntime.bind(null, ButtonCore_st_css_namespace_);
 
 var ButtonCore_st_css_cssStates = statesRuntime.bind(null, ButtonCore_st_css_namespace_);
@@ -41202,7 +41274,7 @@ var ButtonCore_st_css_style = (/* unused pure expression or super */ null && (Bu
 var ButtonCore_st_css_st = ButtonCore_st_css_style_;
 
 var ButtonCore_st_css_namespace = (/* unused pure expression or super */ null && (ButtonCore_st_css_namespace_));
-var ButtonCore_st_css_classes = {"root":"wds_1_323_0_ButtonCore__root","content":"wds_1_323_0_ButtonCore__content","prefix":"wds_1_323_0_ButtonCore__prefix","suffix":"wds_1_323_0_ButtonCore__suffix"};
+var ButtonCore_st_css_classes = {"root":"wds_1_326_0_ButtonCore__root","content":"wds_1_326_0_ButtonCore__content","prefix":"wds_1_326_0_ButtonCore__prefix","suffix":"wds_1_326_0_ButtonCore__suffix"};
 var ButtonCore_st_css_keyframes = {}; 
 var ButtonCore_st_css_layers = {};
 var ButtonCore_st_css_containers = {};
@@ -41224,7 +41296,7 @@ var ButtonCore_st_css_vars = {};
 
 
 
-var TextButton_st_css_namespace_ = "wds_1_323_0_TextButton";
+var TextButton_st_css_namespace_ = "wds_1_326_0_TextButton";
 var TextButton_st_css_style_ = classesRuntime.bind(null, TextButton_st_css_namespace_);
 
 var TextButton_st_css_cssStates = statesRuntime.bind(null, TextButton_st_css_namespace_);
@@ -41232,7 +41304,7 @@ var TextButton_st_css_style = (/* unused pure expression or super */ null && (Te
 var TextButton_st_css_st = TextButton_st_css_style_;
 
 var TextButton_st_css_namespace = (/* unused pure expression or super */ null && (TextButton_st_css_namespace_));
-var TextButton_st_css_classes = {"root":"wds_1_323_0_TextButton__root","text-tiny-thin":"wds_1_323_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_323_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_323_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_323_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_323_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_323_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_323_0_StylableTypography__text-medium-bold"};
+var TextButton_st_css_classes = {"root":"wds_1_326_0_TextButton__root","text-tiny-thin":"wds_1_326_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_326_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_326_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_326_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_326_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_326_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_326_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_326_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_326_0_StylableTypography__text-medium-bold"};
 var TextButton_st_css_keyframes = {}; 
 var TextButton_st_css_layers = {};
 var TextButton_st_css_containers = {};
@@ -41243,6 +41315,21 @@ var TextButton_st_css_vars = {"wds-space-0":"--wds-space-0","wds-button-gap-medi
 
 
 
+;// ../../../node_modules/@wix/design-system/dist/esm/Button/ButtonCore/ButtonCore.constants.js
+/**
+ * Stable class names for ButtonCore's inner parts.
+ *
+ * The Stylable classes they sit beside are namespaced with a build-time version
+ * hash, so a migrated SCSS sheet cannot target them. Kept as plain literals
+ * (rather than a `defineClassNames` contract) because `ButtonCore` backs every
+ * button in the library — the contract's runtime would land in nearly every
+ * bundle, which is the cost that tripped the perfer ceiling on seven bundles in
+ * PR #17000.
+ */
+const BUTTON_CORE_CONTENT_CLASS = 'wds-button-core__content';
+const BUTTON_CORE_PREFIX_CLASS = 'wds-button-core__prefix';
+const BUTTON_CORE_SUFFIX_CLASS = 'wds-button-core__suffix';
+//# sourceMappingURL=ButtonCore.constants.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/common/hocUtils.js
 // these are taken from Recompose:
 // https://github.com/acdlite/recompose/tree/7918e23eebb74dc930e6ff2d32eb1ead4750f061
@@ -41424,13 +41511,18 @@ const ButtonCore_utils_isStatelessComponent = (Component) => !(Component.prototy
 
 
 
+
+const STABLE_AFFIX_CLASS = {
+    prefix: BUTTON_CORE_PREFIX_CLASS,
+    suffix: BUTTON_CORE_SUFFIX_CLASS,
+};
 const ButtonCore_addAffix = (Affix, styleClass, dataHook) => Affix &&
     external_React_.cloneElement(Affix, {
-        className: classnames_default()(ButtonCore_st_css_classes[styleClass], Affix.props.className),
+        className: classnames_default()(ButtonCore_st_css_classes[styleClass], STABLE_AFFIX_CLASS[styleClass], Affix.props.className),
         'data-hook': Affix.props['data-hook'] || Affix.props.dataHook || dataHook,
     });
 /**
- * ButtonCore
+ * ButtonCore.
  */
 class ButtonCore extends external_React_.Component {
     constructor() {
@@ -41443,7 +41535,7 @@ class ButtonCore extends external_React_.Component {
         }
     }
     /**
-     * Returns the size and position of the element
+     * Returns the size and position of the element.
      */
     getBoundingClientRect() {
         if (this.innerComponentRef &&
@@ -41475,7 +41567,7 @@ class ButtonCore extends external_React_.Component {
         }
         return (external_React_.createElement(Component, { "data-hook": ButtonCore_constants_dataHooks.button, ...rest, onFocus: focusableOnFocus, onBlur: focusableOnBlur, onClick: handleClick, onKeyDown: handleKeyDown, onKeyUp: disabled ? undefined : onKeyUp, href: htmlHref, ref: reference, tabIndex: htmlTabIndex, "aria-disabled": disabled || undefined, className: ButtonCore_st_css_st(ButtonCore_st_css_classes.root, { disabled }, this.props.className) },
             prefixIcon && ButtonCore_addAffix(prefixIcon, 'prefix', ButtonCore_constants_dataHooks.prefixIcon),
-            external_React_.createElement("span", { className: ButtonCore_st_css_st(ButtonCore_st_css_classes.content, contentClassName), ref: contentRef }, children),
+            external_React_.createElement("span", { className: ButtonCore_st_css_st(ButtonCore_st_css_classes.content, BUTTON_CORE_CONTENT_CLASS, contentClassName), ref: contentRef }, children),
             suffixIcon && ButtonCore_addAffix(suffixIcon, 'suffix', ButtonCore_constants_dataHooks.suffixIcon)));
     }
 }
@@ -41556,7 +41648,7 @@ class TextButton_TextButton extends external_React_.PureComponent {
         super(...arguments);
         this.button = external_React_default().createRef();
         /**
-         * Sets focus on the element
+         * Sets focus on the element.
          */
         this.focus = () => {
             this.button.current && this.button.current.focus();
@@ -41604,7 +41696,7 @@ const TextButtonWithDefaultProps = withDefaultProps(TextButton_TextButton, 'Text
 
 
 
-var Button_st_css_namespace_ = "wds_1_323_0_Button";
+var Button_st_css_namespace_ = "wds_1_326_0_Button";
 var Button_st_css_style_ = classesRuntime.bind(null, Button_st_css_namespace_);
 
 var Button_st_css_cssStates = statesRuntime.bind(null, Button_st_css_namespace_);
@@ -41612,12 +41704,12 @@ var Button_st_css_style = (/* unused pure expression or super */ null && (Button
 var Button_st_css_st = Button_st_css_style_;
 
 var Button_st_css_namespace = (/* unused pure expression or super */ null && (Button_st_css_namespace_));
-var Button_st_css_classes = {"root":"wds_1_323_0_Button__root","text-small-normal":"wds_1_323_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_323_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_323_0_StylableTypography__text-tiny-bold","ellipsisTooltip":"wds_1_323_0_Button__ellipsisTooltip"};
+var Button_st_css_classes = {"root":"wds_1_326_0_Button__root","text-small-normal":"wds_1_326_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_326_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_326_0_StylableTypography__text-tiny-bold","ellipsisTooltip":"wds_1_326_0_Button__ellipsisTooltip"};
 var Button_st_css_keyframes = {}; 
 var Button_st_css_layers = {};
 var Button_st_css_containers = {};
 var Button_st_css_stVars = {}; 
-var Button_st_css_vars = {"wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-fill-ai-secondary-hover":"--wds-color-fill-ai-secondary-hover","wds-color-fill-ai-secondary-active":"--wds-color-fill-ai-secondary-active","wds-color-fill-ai-secondary-disabled":"--wds-color-fill-ai-secondary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-outline-focus-outer":"--wds-outline-focus-outer","wds-outline-focus-inner":"--wds-outline-focus-inner","wds-button-fill-standard-primary":"--wds-button-fill-standard-primary","wds-button-fill-standard-primary-hover":"--wds-button-fill-standard-primary-hover","wds-button-fill-standard-primary-active":"--wds-button-fill-standard-primary-active","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-fill-standard-secondary-active":"--wds-button-fill-standard-secondary-active","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover","wds-button-font-weight-large":"--wds-button-font-weight-large","wds-button-font-weight-medium":"--wds-button-font-weight-medium","wds-button-font-weight-small":"--wds-button-font-weight-small","wds-button-font-weight-tiny":"--wds-button-font-weight-tiny","wds-button-font-line-height-large":"--wds-button-font-line-height-large","wds-button-font-line-height-medium":"--wds-button-font-line-height-medium","wds-button-font-line-height-small":"--wds-button-font-line-height-small","wds-button-font-line-height-tiny":"--wds-button-font-line-height-tiny","wds-button-font-size-large":"--wds-button-font-size-large","wds-button-font-size-medium":"--wds-button-font-size-medium","wds-button-font-size-small":"--wds-button-font-size-small","wds-button-font-size-tiny":"--wds-button-font-size-tiny","wds-button-label-fill-standard-primary":"--wds-button-label-fill-standard-primary","wds-button-label-fill-standard-primary-hover":"--wds-button-label-fill-standard-primary-hover","wds-button-label-fill-standard-primary-active":"--wds-button-label-fill-standard-primary-active","wds-button-label-fill-standard-primary-disabled":"--wds-button-label-fill-standard-primary-disabled","wds-button-label-fill-standard-secondary":"--wds-button-label-fill-standard-secondary","wds-button-label-fill-standard-secondary-active":"--wds-button-label-fill-standard-secondary-active","wds-button-label-fill-standard-secondary-hover":"--wds-button-label-fill-standard-secondary-hover","wds-button-label-fill-standard-secondary-disabled":"--wds-button-label-fill-standard-secondary-disabled","wds-button-label-fill-destructive-secondary":"--wds-button-label-fill-destructive-secondary","wds-button-label-fill-destructive-secondary-hover":"--wds-button-label-fill-destructive-secondary-hover","wds-button-label-fill-destructive-secondary-active":"--wds-button-label-fill-destructive-secondary-active","wds-button-label-fill-ai-primary":"--wds-button-label-fill-ai-primary","wds-button-label-fill-premium-primary":"--wds-button-label-fill-premium-primary","wds-button-label-fill-premium-primary-disabled":"--wds-button-label-fill-premium-primary-disabled","wds-button-label-fill-premium-secondary":"--wds-button-label-fill-premium-secondary","wds-button-label-fill-premium-secondary-hover":"--wds-button-label-fill-premium-secondary-hover","wds-button-label-fill-premium-secondary-active":"--wds-button-label-fill-premium-secondary-active","wds-button-label-fill-premium-secondary-disabled":"--wds-button-label-fill-premium-secondary-disabled","wds-button-label-fill-dark-primary-disabled":"--wds-button-label-fill-dark-primary-disabled","wds-button-label-fill-dark-secondary":"--wds-button-label-fill-dark-secondary","wds-button-label-fill-dark-secondary-hover":"--wds-button-label-fill-dark-secondary-hover","wds-button-label-fill-dark-secondary-active":"--wds-button-label-fill-dark-secondary-active","wds-button-label-fill-dark-secondary-disabled":"--wds-button-label-fill-dark-secondary-disabled","wds-button-fill-standard-primary-disabled":"--wds-button-fill-standard-primary-disabled","wds-button-fill-standard-secondary-disabled":"--wds-button-fill-standard-secondary-disabled","wds-button-fill-destructive-primary-disabled":"--wds-button-fill-destructive-primary-disabled","wds-button-fill-destructive-secondary":"--wds-button-fill-destructive-secondary","wds-button-fill-destructive-secondary-hover":"--wds-button-fill-destructive-secondary-hover","wds-button-fill-destructive-secondary-active":"--wds-button-fill-destructive-secondary-active","wds-button-fill-destructive-secondary-disabled":"--wds-button-fill-destructive-secondary-disabled","wds-button-fill-ai-primary":"--wds-button-fill-ai-primary","wds-button-fill-ai-primary-hover":"--wds-button-fill-ai-primary-hover","wds-button-fill-ai-primary-active":"--wds-button-fill-ai-primary-active","wds-button-fill-ai-secondary":"--wds-button-fill-ai-secondary","wds-button-fill-premium-primary":"--wds-button-fill-premium-primary","wds-button-fill-premium-primary-hover":"--wds-button-fill-premium-primary-hover","wds-button-fill-premium-primary-active":"--wds-button-fill-premium-primary-active","wds-button-fill-premium-primary-disabled":"--wds-button-fill-premium-primary-disabled","wds-button-fill-premium-secondary":"--wds-button-fill-premium-secondary","wds-button-fill-premium-secondary-hover":"--wds-button-fill-premium-secondary-hover","wds-button-fill-premium-secondary-active":"--wds-button-fill-premium-secondary-active","wds-button-fill-premium-secondary-disabled":"--wds-button-fill-premium-secondary-disabled","wds-button-fill-dark-primary-disabled":"--wds-button-fill-dark-primary-disabled","wds-button-fill-dark-secondary-hover":"--wds-button-fill-dark-secondary-hover","wds-button-fill-dark-secondary-active":"--wds-button-fill-dark-secondary-active","wds-button-fill-dark-secondary-disabled":"--wds-button-fill-dark-secondary-disabled","wds-button-border-standard-secondary":"--wds-button-border-standard-secondary","wds-button-border-standard-secondary-hover":"--wds-button-border-standard-secondary-hover","wds-button-border-standard-secondary-active":"--wds-button-border-standard-secondary-active","wds-button-border-standard-secondary-disabled":"--wds-button-border-standard-secondary-disabled","wds-button-border-destructive-secondary":"--wds-button-border-destructive-secondary","wds-button-border-destructive-secondary-hover":"--wds-button-border-destructive-secondary-hover","wds-button-border-destructive-secondary-active":"--wds-button-border-destructive-secondary-active","wds-button-border-destructive-secondary-disabled":"--wds-button-border-destructive-secondary-disabled","wds-button-border-premium-secondary":"--wds-button-border-premium-secondary","wds-button-border-premium-secondary-hover":"--wds-button-border-premium-secondary-hover","wds-button-border-premium-secondary-active":"--wds-button-border-premium-secondary-active","wds-button-border-premium-secondary-disabled":"--wds-button-border-premium-secondary-disabled","wds-button-border-dark-secondary":"--wds-button-border-dark-secondary","wds-button-border-dark-secondary-hover":"--wds-button-border-dark-secondary-hover","wds-button-border-dark-secondary-active":"--wds-button-border-dark-secondary-active","wds-button-border-dark-secondary-disabled":"--wds-button-border-dark-secondary-disabled","wds-button-border-ai-secondary-mask":"--wds-button-border-ai-secondary-mask","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-font-weight-medium":"--wsr-font-weight-medium","button-border-color":"--wds_1_323_0_Button-button-border-color"}; 
+var Button_st_css_vars = {"wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-fill-ai-secondary-hover":"--wds-color-fill-ai-secondary-hover","wds-color-fill-ai-secondary-active":"--wds-color-fill-ai-secondary-active","wds-color-fill-ai-secondary-disabled":"--wds-color-fill-ai-secondary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-outline-focus-outer":"--wds-outline-focus-outer","wds-outline-focus-inner":"--wds-outline-focus-inner","wds-button-fill-standard-primary":"--wds-button-fill-standard-primary","wds-button-fill-standard-primary-hover":"--wds-button-fill-standard-primary-hover","wds-button-fill-standard-primary-active":"--wds-button-fill-standard-primary-active","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-fill-standard-secondary-active":"--wds-button-fill-standard-secondary-active","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover","wds-button-font-weight-large":"--wds-button-font-weight-large","wds-button-font-weight-medium":"--wds-button-font-weight-medium","wds-button-font-weight-small":"--wds-button-font-weight-small","wds-button-font-weight-tiny":"--wds-button-font-weight-tiny","wds-button-font-line-height-large":"--wds-button-font-line-height-large","wds-button-font-line-height-medium":"--wds-button-font-line-height-medium","wds-button-font-line-height-small":"--wds-button-font-line-height-small","wds-button-font-line-height-tiny":"--wds-button-font-line-height-tiny","wds-button-font-size-large":"--wds-button-font-size-large","wds-button-font-size-medium":"--wds-button-font-size-medium","wds-button-font-size-small":"--wds-button-font-size-small","wds-button-font-size-tiny":"--wds-button-font-size-tiny","wds-button-label-fill-standard-primary":"--wds-button-label-fill-standard-primary","wds-button-label-fill-standard-primary-hover":"--wds-button-label-fill-standard-primary-hover","wds-button-label-fill-standard-primary-active":"--wds-button-label-fill-standard-primary-active","wds-button-label-fill-standard-primary-disabled":"--wds-button-label-fill-standard-primary-disabled","wds-button-label-fill-standard-secondary":"--wds-button-label-fill-standard-secondary","wds-button-label-fill-standard-secondary-active":"--wds-button-label-fill-standard-secondary-active","wds-button-label-fill-standard-secondary-hover":"--wds-button-label-fill-standard-secondary-hover","wds-button-label-fill-standard-secondary-disabled":"--wds-button-label-fill-standard-secondary-disabled","wds-button-label-fill-destructive-secondary":"--wds-button-label-fill-destructive-secondary","wds-button-label-fill-destructive-secondary-hover":"--wds-button-label-fill-destructive-secondary-hover","wds-button-label-fill-destructive-secondary-active":"--wds-button-label-fill-destructive-secondary-active","wds-button-label-fill-ai-primary":"--wds-button-label-fill-ai-primary","wds-button-label-fill-premium-primary":"--wds-button-label-fill-premium-primary","wds-button-label-fill-premium-primary-disabled":"--wds-button-label-fill-premium-primary-disabled","wds-button-label-fill-premium-secondary":"--wds-button-label-fill-premium-secondary","wds-button-label-fill-premium-secondary-hover":"--wds-button-label-fill-premium-secondary-hover","wds-button-label-fill-premium-secondary-active":"--wds-button-label-fill-premium-secondary-active","wds-button-label-fill-premium-secondary-disabled":"--wds-button-label-fill-premium-secondary-disabled","wds-button-label-fill-dark-primary-disabled":"--wds-button-label-fill-dark-primary-disabled","wds-button-label-fill-dark-secondary":"--wds-button-label-fill-dark-secondary","wds-button-label-fill-dark-secondary-hover":"--wds-button-label-fill-dark-secondary-hover","wds-button-label-fill-dark-secondary-active":"--wds-button-label-fill-dark-secondary-active","wds-button-label-fill-dark-secondary-disabled":"--wds-button-label-fill-dark-secondary-disabled","wds-button-fill-standard-primary-disabled":"--wds-button-fill-standard-primary-disabled","wds-button-fill-standard-secondary-disabled":"--wds-button-fill-standard-secondary-disabled","wds-button-fill-destructive-primary-disabled":"--wds-button-fill-destructive-primary-disabled","wds-button-fill-destructive-secondary":"--wds-button-fill-destructive-secondary","wds-button-fill-destructive-secondary-hover":"--wds-button-fill-destructive-secondary-hover","wds-button-fill-destructive-secondary-active":"--wds-button-fill-destructive-secondary-active","wds-button-fill-destructive-secondary-disabled":"--wds-button-fill-destructive-secondary-disabled","wds-button-fill-ai-primary":"--wds-button-fill-ai-primary","wds-button-fill-ai-primary-hover":"--wds-button-fill-ai-primary-hover","wds-button-fill-ai-primary-active":"--wds-button-fill-ai-primary-active","wds-button-fill-ai-secondary":"--wds-button-fill-ai-secondary","wds-button-fill-premium-primary":"--wds-button-fill-premium-primary","wds-button-fill-premium-primary-hover":"--wds-button-fill-premium-primary-hover","wds-button-fill-premium-primary-active":"--wds-button-fill-premium-primary-active","wds-button-fill-premium-primary-disabled":"--wds-button-fill-premium-primary-disabled","wds-button-fill-premium-secondary":"--wds-button-fill-premium-secondary","wds-button-fill-premium-secondary-hover":"--wds-button-fill-premium-secondary-hover","wds-button-fill-premium-secondary-active":"--wds-button-fill-premium-secondary-active","wds-button-fill-premium-secondary-disabled":"--wds-button-fill-premium-secondary-disabled","wds-button-fill-dark-primary-disabled":"--wds-button-fill-dark-primary-disabled","wds-button-fill-dark-secondary-hover":"--wds-button-fill-dark-secondary-hover","wds-button-fill-dark-secondary-active":"--wds-button-fill-dark-secondary-active","wds-button-fill-dark-secondary-disabled":"--wds-button-fill-dark-secondary-disabled","wds-button-border-standard-secondary":"--wds-button-border-standard-secondary","wds-button-border-standard-secondary-hover":"--wds-button-border-standard-secondary-hover","wds-button-border-standard-secondary-active":"--wds-button-border-standard-secondary-active","wds-button-border-standard-secondary-disabled":"--wds-button-border-standard-secondary-disabled","wds-button-border-destructive-secondary":"--wds-button-border-destructive-secondary","wds-button-border-destructive-secondary-hover":"--wds-button-border-destructive-secondary-hover","wds-button-border-destructive-secondary-active":"--wds-button-border-destructive-secondary-active","wds-button-border-destructive-secondary-disabled":"--wds-button-border-destructive-secondary-disabled","wds-button-border-premium-secondary":"--wds-button-border-premium-secondary","wds-button-border-premium-secondary-hover":"--wds-button-border-premium-secondary-hover","wds-button-border-premium-secondary-active":"--wds-button-border-premium-secondary-active","wds-button-border-premium-secondary-disabled":"--wds-button-border-premium-secondary-disabled","wds-button-border-dark-secondary":"--wds-button-border-dark-secondary","wds-button-border-dark-secondary-hover":"--wds-button-border-dark-secondary-hover","wds-button-border-dark-secondary-active":"--wds-button-border-dark-secondary-active","wds-button-border-dark-secondary-disabled":"--wds-button-border-dark-secondary-disabled","wds-button-border-ai-secondary-mask":"--wds-button-border-ai-secondary-mask","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-font-weight-medium":"--wsr-font-weight-medium","button-border-color":"--wds_1_326_0_Button-button-border-color"}; 
 
 
 
@@ -41661,13 +41753,13 @@ class Button_Button extends external_React_.PureComponent {
         super(props);
         this.button = external_React_default().createRef();
         /**
-         * Sets focus on the element
+         * Sets focus on the element.
          */
         this.focus = (options) => {
             this.button.current && this.button.current.focus(options);
         };
         /**
-         * Returns the size and position of the element
+         * Returns the size and position of the element.
          */
         this.getBoundingClientRect = () => {
             return this.button.current?.getBoundingClientRect();
@@ -41708,7 +41800,7 @@ const ButtonWithDefaultProps = withDefaultProps(Button_Button, 'Button');
 
 
 
-var CloseButton_st_css_namespace_ = "wds_1_323_0_CloseButton";
+var CloseButton_st_css_namespace_ = "wds_1_326_0_CloseButton";
 var CloseButton_st_css_style_ = classesRuntime.bind(null, CloseButton_st_css_namespace_);
 
 var CloseButton_st_css_cssStates = statesRuntime.bind(null, CloseButton_st_css_namespace_);
@@ -41716,7 +41808,7 @@ var CloseButton_st_css_style = (/* unused pure expression or super */ null && (C
 var CloseButton_st_css_st = CloseButton_st_css_style_;
 
 var CloseButton_st_css_namespace = (/* unused pure expression or super */ null && (CloseButton_st_css_namespace_));
-var CloseButton_st_css_classes = {"root":"wds_1_323_0_CloseButton__root"};
+var CloseButton_st_css_classes = {"root":"wds_1_326_0_CloseButton__root"};
 var CloseButton_st_css_keyframes = {}; 
 var CloseButton_st_css_layers = {};
 var CloseButton_st_css_containers = {};
@@ -41854,33 +41946,31 @@ const FloatingNotification_constants_dataHooks = {
     closeButton: `${dataHookPrefix}-close-button`,
 };
 //# sourceMappingURL=constants.js.map
-;// ../../../node_modules/@wix/design-system/dist/esm/FloatingNotification/FloatingNotification.st.css.js
-
-
-
-
-
-
-
-var FloatingNotification_st_css_namespace_ = "wds_1_323_0_FloatingNotification";
-var FloatingNotification_st_css_style_ = classesRuntime.bind(null, FloatingNotification_st_css_namespace_);
-
-var FloatingNotification_st_css_cssStates = statesRuntime.bind(null, FloatingNotification_st_css_namespace_);
-var FloatingNotification_st_css_style = (/* unused pure expression or super */ null && (FloatingNotification_st_css_style_));
-var FloatingNotification_st_css_st = FloatingNotification_st_css_style_;
-
-var FloatingNotification_st_css_namespace = (/* unused pure expression or super */ null && (FloatingNotification_st_css_namespace_));
-var FloatingNotification_st_css_classes = {"root":"wds_1_323_0_FloatingNotification__root","icon":"wds_1_323_0_FloatingNotification__icon","text":"wds_1_323_0_FloatingNotification__text","textButton":"wds_1_323_0_FloatingNotification__textButton","button":"wds_1_323_0_FloatingNotification__button","gap":"wds_1_323_0_FloatingNotification__gap","close":"wds_1_323_0_FloatingNotification__close"};
-var FloatingNotification_st_css_keyframes = {}; 
-var FloatingNotification_st_css_layers = {};
-var FloatingNotification_st_css_containers = {};
-var FloatingNotification_st_css_stVars = {}; 
-var FloatingNotification_st_css_vars = {"wds-color-black-100":"--wds-color-black-100","wds-color-black-500":"--wds-color-black-500","wds-color-black-700":"--wds-color-black-700","wds-color-blue-300":"--wds-color-blue-300","wds-color-blue-500":"--wds-color-blue-500","wds-color-green-300":"--wds-color-green-300","wds-color-green-500":"--wds-color-green-500","wds-color-purple-300":"--wds-color-purple-300","wds-color-purple-500":"--wds-color-purple-500","wds-color-red-300":"--wds-color-red-300","wds-color-red-500":"--wds-color-red-500","wds-color-white":"--wds-color-white","wds-color-yellow-100":"--wds-color-yellow-100","wds-color-yellow-500":"--wds-color-yellow-500"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/FloatingNotification/FloatingNotification.classes.js
 
+const FloatingNotification_classes_classes = defineClassNames('floating-notification', {
+    root: {
+        variants: {
+            type: [
+                'standard',
+                'success',
+                'destructive',
+                'warning',
+                'premium',
+                'preview',
+                'dark',
+            ],
+        },
+        states: ['fullWidth'],
+    },
+    icon: {},
+    text: {},
+    textButton: {},
+    button: {},
+    gap: {},
+    close: {},
+});
+//# sourceMappingURL=FloatingNotification.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/FloatingNotification/FloatingNotification.js
 
 
@@ -41908,35 +41998,35 @@ class FloatingNotification extends (external_React_default()).PureComponent {
         const close = this._getClose();
         const style = { width };
         width && (style.maxWidth = width);
-        return (external_React_default().createElement("div", { "data-hook": dataHook, className: FloatingNotification_st_css_st(FloatingNotification_st_css_classes.root, { fullWidth, type }, className), style: style },
+        return (external_React_default().createElement("div", { "data-hook": dataHook, className: FloatingNotification_classes_classes.root({ fullWidth, type }, className), style: style },
             icon,
             content,
             textButton,
             button,
-            external_React_default().createElement("div", { className: FloatingNotification_st_css_classes.gap }),
+            external_React_default().createElement("div", { className: FloatingNotification_classes_classes.gap() }),
             close));
     }
     _getIcon() {
-        const { prefixIcon, type } = this.props;
-        return prefixIcon ? (external_React_default().createElement("div", { className: FloatingNotification_st_css_st(FloatingNotification_st_css_classes.icon, { type }) }, prefixIcon)) : null;
+        const { prefixIcon } = this.props;
+        return prefixIcon ? (external_React_default().createElement("div", { className: FloatingNotification_classes_classes.icon() }, prefixIcon)) : null;
     }
     _getContent() {
         const { text, type } = this.props;
-        return (external_React_default().createElement(TextWithEllipsis, { size: "small", ellipsis: true, light: type === TYPES.dark, dataHook: FloatingNotification_constants_dataHooks.notificationText, className: FloatingNotification_st_css_classes.text }, text));
+        return (external_React_default().createElement(TextWithEllipsis, { size: "small", ellipsis: true, light: type === TYPES.dark, dataHook: FloatingNotification_constants_dataHooks.notificationText, className: FloatingNotification_classes_classes.text() }, text));
     }
     _getTextButton() {
         const { textButtonProps, type } = this.props;
         const { label, ...rest } = textButtonProps ?? {};
-        return !isEmpty_default()(textButtonProps) ? (external_React_default().createElement(TextButtonWithDefaultProps, { ...rest, underline: "always", skin: type !== TYPES.dark ? 'dark' : 'light', size: "small", className: FloatingNotification_st_css_classes.textButton, dataHook: FloatingNotification_constants_dataHooks.textButton }, label)) : null;
+        return !isEmpty_default()(textButtonProps) ? (external_React_default().createElement(TextButtonWithDefaultProps, { ...rest, underline: "always", skin: type !== TYPES.dark ? 'dark' : 'light', size: "small", className: FloatingNotification_classes_classes.textButton(), dataHook: FloatingNotification_constants_dataHooks.textButton }, label)) : null;
     }
     _getButton() {
         const { buttonProps, type } = this.props;
         const { label, ...rest } = buttonProps ?? {};
-        return !isEmpty_default()(buttonProps) ? (external_React_default().createElement(ButtonWithDefaultProps, { ...rest, className: FloatingNotification_st_css_classes.button, size: "tiny", priority: type !== TYPES.dark ? 'secondary' : 'primary', skin: type !== TYPES.dark ? 'dark' : 'standard', dataHook: FloatingNotification_constants_dataHooks.button }, label)) : null;
+        return !isEmpty_default()(buttonProps) ? (external_React_default().createElement(ButtonWithDefaultProps, { ...rest, className: FloatingNotification_classes_classes.button(), size: "tiny", priority: type !== TYPES.dark ? 'secondary' : 'primary', skin: type !== TYPES.dark ? 'dark' : 'standard', dataHook: FloatingNotification_constants_dataHooks.button }, label)) : null;
     }
     _getClose() {
         const { showCloseButton, onClose, type } = this.props;
-        return showCloseButton ? (external_React_default().createElement(CloseButton, { size: "medium", skin: type !== TYPES.dark ? 'dark' : 'light', className: FloatingNotification_st_css_classes.close, dataHook: FloatingNotification_constants_dataHooks.closeButton, onClick: onClose })) : null;
+        return showCloseButton ? (external_React_default().createElement(CloseButton, { size: "medium", skin: type !== TYPES.dark ? 'dark' : 'light', className: FloatingNotification_classes_classes.close(), dataHook: FloatingNotification_constants_dataHooks.closeButton, onClick: onClose })) : null;
     }
 }
 FloatingNotification.displayName = 'FloatingNotification';
@@ -41956,7 +42046,7 @@ FloatingNotification.defaultProps = {
 
 
 
-var Divider_st_css_namespace_ = "wds_1_323_0_Divider";
+var Divider_st_css_namespace_ = "wds_1_326_0_Divider";
 var Divider_st_css_style_ = classesRuntime.bind(null, Divider_st_css_namespace_);
 
 var Divider_st_css_cssStates = statesRuntime.bind(null, Divider_st_css_namespace_);
@@ -41964,7 +42054,7 @@ var Divider_st_css_style = (/* unused pure expression or super */ null && (Divid
 var Divider_st_css_st = Divider_st_css_style_;
 
 var Divider_st_css_namespace = (/* unused pure expression or super */ null && (Divider_st_css_namespace_));
-var Divider_st_css_classes = {"root":"wds_1_323_0_Divider__root"};
+var Divider_st_css_classes = {"root":"wds_1_326_0_Divider__root"};
 var Divider_st_css_keyframes = {}; 
 var Divider_st_css_layers = {};
 var Divider_st_css_containers = {};
@@ -42079,7 +42169,7 @@ Arc.displayName = 'Arc';
 
 
 
-var Heading_st_css_namespace_ = "wds_1_323_0_Heading";
+var Heading_st_css_namespace_ = "wds_1_326_0_Heading";
 var Heading_st_css_style_ = classesRuntime.bind(null, Heading_st_css_namespace_);
 
 var Heading_st_css_cssStates = statesRuntime.bind(null, Heading_st_css_namespace_);
@@ -42087,7 +42177,7 @@ var Heading_st_css_style = (/* unused pure expression or super */ null && (Headi
 var Heading_st_css_st = Heading_st_css_style_;
 
 var Heading_st_css_namespace = (/* unused pure expression or super */ null && (Heading_st_css_namespace_));
-var Heading_st_css_classes = {"root":"wds_1_323_0_Heading__root","heading-xl":"wds_1_323_0_StylableTypography__heading-xl","heading-l":"wds_1_323_0_StylableTypography__heading-l","heading-m":"wds_1_323_0_StylableTypography__heading-m","heading-s":"wds_1_323_0_StylableTypography__heading-s","heading-t":"wds_1_323_0_StylableTypography__heading-t","heading-xt":"wds_1_323_0_StylableTypography__heading-xt"};
+var Heading_st_css_classes = {"root":"wds_1_326_0_Heading__root","heading-xl":"wds_1_326_0_StylableTypography__heading-xl","heading-l":"wds_1_326_0_StylableTypography__heading-l","heading-m":"wds_1_326_0_StylableTypography__heading-m","heading-s":"wds_1_326_0_StylableTypography__heading-s","heading-t":"wds_1_326_0_StylableTypography__heading-t","heading-xt":"wds_1_326_0_StylableTypography__heading-xt"};
 var Heading_st_css_keyframes = {}; 
 var Heading_st_css_layers = {};
 var Heading_st_css_containers = {};
@@ -44112,7 +44202,7 @@ const useId = (prefix) => {
 
 
 
-var default_scroll_bar_st_css_namespace_ = "wds_1_323_0_defaultscrollbar";
+var default_scroll_bar_st_css_namespace_ = "wds_1_326_0_defaultscrollbar";
 var default_scroll_bar_st_css_style_ = classesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
 
 var default_scroll_bar_st_css_cssStates = statesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
@@ -44120,7 +44210,7 @@ var default_scroll_bar_st_css_style = (/* unused pure expression or super */ nul
 var default_scroll_bar_st_css_st = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_style_));
 
 var default_scroll_bar_st_css_namespace = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_namespace_));
-var default_scroll_bar_st_css_classes = {"root":"wds_1_323_0_defaultscrollbar__root","defaultScrollBar":"wds_1_323_0_defaultscrollbar__defaultScrollBar"};
+var default_scroll_bar_st_css_classes = {"root":"wds_1_326_0_defaultscrollbar__root","defaultScrollBar":"wds_1_326_0_defaultscrollbar__defaultScrollBar"};
 var default_scroll_bar_st_css_keyframes = {}; 
 var default_scroll_bar_st_css_layers = {};
 var default_scroll_bar_st_css_containers = {};
@@ -44138,7 +44228,7 @@ var default_scroll_bar_st_css_vars = {"wds-scrollbar-fill":"--wds-scrollbar-fill
 
 
 
-var Box_st_css_namespace_ = "wds_1_323_0_Box";
+var Box_st_css_namespace_ = "wds_1_326_0_Box";
 var Box_st_css_style_ = classesRuntime.bind(null, Box_st_css_namespace_);
 
 var Box_st_css_cssStates = statesRuntime.bind(null, Box_st_css_namespace_);
@@ -44146,12 +44236,12 @@ var Box_st_css_style = (/* unused pure expression or super */ null && (Box_st_cs
 var Box_st_css_st = Box_st_css_style_;
 
 var Box_st_css_namespace = (/* unused pure expression or super */ null && (Box_st_css_namespace_));
-var Box_st_css_classes = {"root":"wds_1_323_0_Box__root","defaultScrollBar":"wds_1_323_0_defaultscrollbar__defaultScrollBar"};
+var Box_st_css_classes = {"root":"wds_1_326_0_Box__root","defaultScrollBar":"wds_1_326_0_defaultscrollbar__defaultScrollBar"};
 var Box_st_css_keyframes = {}; 
 var Box_st_css_layers = {};
 var Box_st_css_containers = {};
 var Box_st_css_stVars = {}; 
-var Box_st_css_vars = {"gap":"--wds_1_323_0_Box-gap"}; 
+var Box_st_css_vars = {"gap":"--wds_1_326_0_Box-gap"}; 
 
 
 
@@ -44165,7 +44255,7 @@ var Box_st_css_vars = {"gap":"--wds_1_323_0_Box-gap"};
 
 
 
-var colors_js_st_css_namespace_ = "wds_1_323_0_colorsjs";
+var colors_js_st_css_namespace_ = "wds_1_326_0_colorsjs";
 var colors_js_st_css_style_ = classesRuntime.bind(null, colors_js_st_css_namespace_);
 
 var colors_js_st_css_cssStates = statesRuntime.bind(null, colors_js_st_css_namespace_);
@@ -44173,7 +44263,7 @@ var colors_js_st_css_style = (/* unused pure expression or super */ null && (col
 var colors_js_st_css_st = (/* unused pure expression or super */ null && (colors_js_st_css_style_));
 
 var colors_js_st_css_namespace = (/* unused pure expression or super */ null && (colors_js_st_css_namespace_));
-var colors_js_st_css_classes = {"root":"wds_1_323_0_colorsjs__root"};
+var colors_js_st_css_classes = {"root":"wds_1_326_0_colorsjs__root"};
 var colors_js_st_css_keyframes = {}; 
 var colors_js_st_css_layers = {};
 var colors_js_st_css_containers = {};
@@ -44210,7 +44300,7 @@ const filterObject = (object, filter = () => true) => {
 
 
 
-var spacing_st_css_namespace_ = "wds_1_323_0_spacing";
+var spacing_st_css_namespace_ = "wds_1_326_0_spacing";
 var spacing_st_css_style_ = classesRuntime.bind(null, spacing_st_css_namespace_);
 
 var spacing_st_css_cssStates = statesRuntime.bind(null, spacing_st_css_namespace_);
@@ -44218,7 +44308,7 @@ var spacing_st_css_style = (/* unused pure expression or super */ null && (spaci
 var spacing_st_css_st = (/* unused pure expression or super */ null && (spacing_st_css_style_));
 
 var spacing_st_css_namespace = (/* unused pure expression or super */ null && (spacing_st_css_namespace_));
-var spacing_st_css_classes = {"root":"wds_1_323_0_spacing__root"};
+var spacing_st_css_classes = {"root":"wds_1_326_0_spacing__root"};
 var spacing_st_css_keyframes = {}; 
 var spacing_st_css_layers = {};
 var spacing_st_css_containers = {};
@@ -44398,7 +44488,7 @@ var CheckboxChecked_default = CheckboxChecked;
 
 
 
-var Checkbox_st_css_namespace_ = "wds_1_323_0_Checkbox";
+var Checkbox_st_css_namespace_ = "wds_1_326_0_Checkbox";
 var Checkbox_st_css_style_ = classesRuntime.bind(null, Checkbox_st_css_namespace_);
 
 var Checkbox_st_css_cssStates = statesRuntime.bind(null, Checkbox_st_css_namespace_);
@@ -44406,7 +44496,7 @@ var Checkbox_st_css_style = (/* unused pure expression or super */ null && (Chec
 var Checkbox_st_css_st = Checkbox_st_css_style_;
 
 var Checkbox_st_css_namespace = (/* unused pure expression or super */ null && (Checkbox_st_css_namespace_));
-var Checkbox_st_css_classes = {"root":"wds_1_323_0_Checkbox__root","label":"wds_1_323_0_Checkbox__label","labelInner":"wds_1_323_0_Checkbox__labelInner","children":"wds_1_323_0_Checkbox__children","checkbox":"wds_1_323_0_Checkbox__checkbox","inner":"wds_1_323_0_Checkbox__inner","outer":"wds_1_323_0_Checkbox__outer"};
+var Checkbox_st_css_classes = {"root":"wds_1_326_0_Checkbox__root","label":"wds_1_326_0_Checkbox__label","labelInner":"wds_1_326_0_Checkbox__labelInner","children":"wds_1_326_0_Checkbox__children","checkbox":"wds_1_326_0_Checkbox__checkbox","inner":"wds_1_326_0_Checkbox__inner","outer":"wds_1_326_0_Checkbox__outer"};
 var Checkbox_st_css_keyframes = {}; 
 var Checkbox_st_css_layers = {};
 var Checkbox_st_css_containers = {};
@@ -44472,7 +44562,7 @@ const semanticClassNames = {
 
 
 
-var visuallyHidden_st_css_namespace_ = "wds_1_323_0_visuallyHidden";
+var visuallyHidden_st_css_namespace_ = "wds_1_326_0_visuallyHidden";
 var visuallyHidden_st_css_style_ = classesRuntime.bind(null, visuallyHidden_st_css_namespace_);
 
 var visuallyHidden_st_css_cssStates = statesRuntime.bind(null, visuallyHidden_st_css_namespace_);
@@ -44480,7 +44570,7 @@ var visuallyHidden_st_css_style = (/* unused pure expression or super */ null &&
 var visuallyHidden_st_css_st = (/* unused pure expression or super */ null && (visuallyHidden_st_css_style_));
 
 var visuallyHidden_st_css_namespace = (/* unused pure expression or super */ null && (visuallyHidden_st_css_namespace_));
-var visuallyHidden_st_css_classes = {"root":"wds_1_323_0_visuallyHidden__root","visuallyHidden":"wds_1_323_0_visuallyHidden__visuallyHidden"};
+var visuallyHidden_st_css_classes = {"root":"wds_1_326_0_visuallyHidden__root","visuallyHidden":"wds_1_326_0_visuallyHidden__visuallyHidden"};
 var visuallyHidden_st_css_keyframes = {}; 
 var visuallyHidden_st_css_layers = {};
 var visuallyHidden_st_css_containers = {};
@@ -44506,7 +44596,7 @@ var visuallyHidden_st_css_vars = {};
 
 
 
-/** a simple WixStyle checkbox */
+/** a simple WixStyle checkbox. */
 class Checkbox extends external_React_.PureComponent {
     constructor(props) {
         super(props);
@@ -44751,7 +44841,7 @@ const ListItemSelect_constants_SIZE = {
 
 
 
-var breakpoints_st_css_namespace_ = "wds_1_323_0_breakpoints";
+var breakpoints_st_css_namespace_ = "wds_1_326_0_breakpoints";
 var breakpoints_st_css_style_ = classesRuntime.bind(null, breakpoints_st_css_namespace_);
 
 var breakpoints_st_css_cssStates = statesRuntime.bind(null, breakpoints_st_css_namespace_);
@@ -44759,7 +44849,7 @@ var breakpoints_st_css_style = (/* unused pure expression or super */ null && (b
 var breakpoints_st_css_st = (/* unused pure expression or super */ null && (breakpoints_st_css_style_));
 
 var breakpoints_st_css_namespace = (/* unused pure expression or super */ null && (breakpoints_st_css_namespace_));
-var breakpoints_st_css_classes = {"root":"wds_1_323_0_breakpoints__root"};
+var breakpoints_st_css_classes = {"root":"wds_1_326_0_breakpoints__root"};
 var breakpoints_st_css_keyframes = {}; 
 var breakpoints_st_css_layers = {};
 var breakpoints_st_css_containers = {};
@@ -44783,7 +44873,7 @@ var breakpoints_st_css_vars = {};
 
 
 
-var ListItemSelect_st_css_namespace_ = "wds_1_323_0_ListItemSelect";
+var ListItemSelect_st_css_namespace_ = "wds_1_326_0_ListItemSelect";
 var ListItemSelect_st_css_style_ = classesRuntime.bind(null, ListItemSelect_st_css_namespace_);
 
 var ListItemSelect_st_css_cssStates = statesRuntime.bind(null, ListItemSelect_st_css_namespace_);
@@ -44791,7 +44881,7 @@ var ListItemSelect_st_css_style = (/* unused pure expression or super */ null &&
 var ListItemSelect_st_css_st = ListItemSelect_st_css_style_;
 
 var ListItemSelect_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSelect_st_css_namespace_));
-var ListItemSelect_st_css_classes = {"root":"wds_1_323_0_ListItemSelect__root","mobile":"wds_1_323_0_WixDesignSystemProvider__mobile","element":"wds_1_323_0_Popover__element","fullWidthContent":"wds_1_323_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_323_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_323_0_ListItemSelect__titleWrapper","title":"wds_1_323_0_ListItemSelect__title","titleOverrideWrapper":"wds_1_323_0_ListItemSelect__titleOverrideWrapper","subtitleOverrideWrapper":"wds_1_323_0_ListItemSelect__subtitleOverrideWrapper","subtitle":"wds_1_323_0_ListItemSelect__subtitle","prefix":"wds_1_323_0_ListItemSelect__prefix","suffix":"wds_1_323_0_ListItemSelect__suffix"};
+var ListItemSelect_st_css_classes = {"root":"wds_1_326_0_ListItemSelect__root","mobile":"wds_1_326_0_WixDesignSystemProvider__mobile","element":"wds_1_326_0_Popover__element","fullWidthContent":"wds_1_326_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_326_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_326_0_ListItemSelect__titleWrapper","title":"wds_1_326_0_ListItemSelect__title","titleOverrideWrapper":"wds_1_326_0_ListItemSelect__titleOverrideWrapper","subtitleOverrideWrapper":"wds_1_326_0_ListItemSelect__subtitleOverrideWrapper","subtitle":"wds_1_326_0_ListItemSelect__subtitle","prefix":"wds_1_326_0_ListItemSelect__prefix","suffix":"wds_1_326_0_ListItemSelect__suffix"};
 var ListItemSelect_st_css_keyframes = {}; 
 var ListItemSelect_st_css_layers = {};
 var ListItemSelect_st_css_containers = {};
@@ -44910,7 +45000,7 @@ var sortBy_default = /*#__PURE__*/__webpack_require__.n(sortBy);
 
 
 
-var border_st_css_namespace_ = "wds_1_323_0_border";
+var border_st_css_namespace_ = "wds_1_326_0_border";
 var border_st_css_style_ = classesRuntime.bind(null, border_st_css_namespace_);
 
 var border_st_css_cssStates = statesRuntime.bind(null, border_st_css_namespace_);
@@ -44918,7 +45008,7 @@ var border_st_css_style = (/* unused pure expression or super */ null && (border
 var border_st_css_st = (/* unused pure expression or super */ null && (border_st_css_style_));
 
 var border_st_css_namespace = (/* unused pure expression or super */ null && (border_st_css_namespace_));
-var border_st_css_classes = {"root":"wds_1_323_0_border__root"};
+var border_st_css_classes = {"root":"wds_1_326_0_border__root"};
 var border_st_css_keyframes = {}; 
 var border_st_css_layers = {};
 var border_st_css_containers = {};
@@ -44941,7 +45031,7 @@ var border_st_css_vars = {"wsr-border-radius-02":"--wsr-border-radius-02","wsr-b
 
 
 
-var Input_st_css_namespace_ = "wds_1_323_0_Input";
+var Input_st_css_namespace_ = "wds_1_326_0_Input";
 var Input_st_css_style_ = classesRuntime.bind(null, Input_st_css_namespace_);
 
 var Input_st_css_cssStates = statesRuntime.bind(null, Input_st_css_namespace_);
@@ -44949,17 +45039,25 @@ var Input_st_css_style = (/* unused pure expression or super */ null && (Input_s
 var Input_st_css_st = Input_st_css_style_;
 
 var Input_st_css_namespace = (/* unused pure expression or super */ null && (Input_st_css_namespace_));
-var Input_st_css_classes = {"root":"wds_1_323_0_Input__root","text-tiny-thin":"wds_1_323_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin","wrapper":"wds_1_323_0_Input__wrapper","input":"wds_1_323_0_Input__input","input-inner-shadow-mixin":"wds_1_323_0_Input__input-inner-shadow-mixin","disabled":"wds_1_323_0_Input__disabled","suffixes":"wds_1_323_0_Input__suffixes","suffix":"wds_1_323_0_Input__suffix","statusWrapper":"wds_1_323_0_Input__statusWrapper","clearButtonWrapper":"wds_1_323_0_Input__clearButtonWrapper","menuArrow":"wds_1_323_0_Input__menuArrow","clearButton":"wds_1_323_0_Input__clearButton"};
+var Input_st_css_classes = {"root":"wds_1_326_0_Input__root","text-tiny-thin":"wds_1_326_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_326_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_326_0_StylableTypography__text-medium-thin","wrapper":"wds_1_326_0_Input__wrapper","input":"wds_1_326_0_Input__input","input-inner-shadow-mixin":"wds_1_326_0_Input__input-inner-shadow-mixin","disabled":"wds_1_326_0_Input__disabled","suffixes":"wds_1_326_0_Input__suffixes","suffix":"wds_1_326_0_Input__suffix","statusWrapper":"wds_1_326_0_Input__statusWrapper","clearButtonWrapper":"wds_1_326_0_Input__clearButtonWrapper","menuArrow":"wds_1_326_0_Input__menuArrow","clearButton":"wds_1_326_0_Input__clearButton"};
 var Input_st_css_keyframes = {}; 
 var Input_st_css_layers = {};
 var Input_st_css_containers = {};
 var Input_st_css_stVars = {"borderWidth":"1px"}; 
-var Input_st_css_vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-secondary":"--wds-color-text-standard-secondary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-shadow-x-input":"--wds-shadow-x-input","wds-shadow-y-input":"--wds-shadow-y-input","wds-shadow-blur-input":"--wds-shadow-blur-input","wds-shadow-fill-input":"--wds-shadow-fill-input","border-color-hover":"--wds_1_323_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_323_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_323_0_Input-border-color-hover-warning","input-background":"--wds_1_323_0_Input-input-background"}; 
+var Input_st_css_vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-secondary":"--wds-color-text-standard-secondary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-shadow-x-input":"--wds-shadow-x-input","wds-shadow-y-input":"--wds-shadow-y-input","wds-shadow-blur-input":"--wds-shadow-blur-input","wds-shadow-fill-input":"--wds-shadow-fill-input","border-color-hover":"--wds_1_326_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_326_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_326_0_Input-border-color-hover-warning","input-background":"--wds_1_326_0_Input-input-background"}; 
 
 
 
 
 
+;// ../../../node_modules/@wix/design-system/dist/esm/Input/Input.classes.js
+
+const Input_classes_classes = defineClassNames('input', {
+    root: { variants: { size: ['tiny', 'small', 'medium', 'large'] } },
+    wrapper: {},
+    input: {},
+});
+//# sourceMappingURL=Input.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Input/InputContext.js
 
 const InputContext = external_React_default().createContext(null);
@@ -45030,7 +45128,7 @@ var FormFieldSpinnerDown_default = FormFieldSpinnerDown;
 
 
 
-var Ticker_st_css_namespace_ = "wds_1_323_0_Ticker";
+var Ticker_st_css_namespace_ = "wds_1_326_0_Ticker";
 var Ticker_st_css_style_ = classesRuntime.bind(null, Ticker_st_css_namespace_);
 
 var Ticker_st_css_cssStates = statesRuntime.bind(null, Ticker_st_css_namespace_);
@@ -45038,7 +45136,7 @@ var Ticker_st_css_style = (/* unused pure expression or super */ null && (Ticker
 var Ticker_st_css_st = Ticker_st_css_style_;
 
 var Ticker_st_css_namespace = (/* unused pure expression or super */ null && (Ticker_st_css_namespace_));
-var Ticker_st_css_classes = {"root":"wds_1_323_0_Ticker__root","up":"wds_1_323_0_Ticker__up","down":"wds_1_323_0_Ticker__down"};
+var Ticker_st_css_classes = {"root":"wds_1_326_0_Ticker__root","up":"wds_1_326_0_Ticker__up","down":"wds_1_326_0_Ticker__down"};
 var Ticker_st_css_keyframes = {}; 
 var Ticker_st_css_layers = {};
 var Ticker_st_css_containers = {};
@@ -45098,7 +45196,7 @@ Ticker.displayName = 'Input.Ticker';
 
 
 
-var IconAffix_st_css_namespace_ = "wds_1_323_0_IconAffix";
+var IconAffix_st_css_namespace_ = "wds_1_326_0_IconAffix";
 var IconAffix_st_css_style_ = classesRuntime.bind(null, IconAffix_st_css_namespace_);
 
 var IconAffix_st_css_cssStates = statesRuntime.bind(null, IconAffix_st_css_namespace_);
@@ -45106,7 +45204,7 @@ var IconAffix_st_css_style = (/* unused pure expression or super */ null && (Ico
 var IconAffix_st_css_st = IconAffix_st_css_style_;
 
 var IconAffix_st_css_namespace = (/* unused pure expression or super */ null && (IconAffix_st_css_namespace_));
-var IconAffix_st_css_classes = {"root":"wds_1_323_0_IconAffix__root"};
+var IconAffix_st_css_classes = {"root":"wds_1_326_0_IconAffix__root"};
 var IconAffix_st_css_keyframes = {}; 
 var IconAffix_st_css_layers = {};
 var IconAffix_st_css_containers = {};
@@ -45142,7 +45240,7 @@ IconAffix.displayName = 'Input.IconAffix';
 
 
 
-var Affix_st_css_namespace_ = "wds_1_323_0_Affix";
+var Affix_st_css_namespace_ = "wds_1_326_0_Affix";
 var Affix_st_css_style_ = classesRuntime.bind(null, Affix_st_css_namespace_);
 
 var Affix_st_css_cssStates = statesRuntime.bind(null, Affix_st_css_namespace_);
@@ -45150,7 +45248,7 @@ var Affix_st_css_style = (/* unused pure expression or super */ null && (Affix_s
 var Affix_st_css_st = Affix_st_css_style_;
 
 var Affix_st_css_namespace = (/* unused pure expression or super */ null && (Affix_st_css_namespace_));
-var Affix_st_css_classes = {"root":"wds_1_323_0_Affix__root","text-tiny-thin":"wds_1_323_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin"};
+var Affix_st_css_classes = {"root":"wds_1_326_0_Affix__root","text-tiny-thin":"wds_1_326_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_326_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_326_0_StylableTypography__text-medium-thin"};
 var Affix_st_css_keyframes = {}; 
 var Affix_st_css_layers = {};
 var Affix_st_css_containers = {};
@@ -45182,7 +45280,7 @@ Affix.displayName = 'Input.Affix';
 
 
 
-var Group_st_css_namespace_ = "wds_1_323_0_Group";
+var Group_st_css_namespace_ = "wds_1_326_0_Group";
 var Group_st_css_style_ = classesRuntime.bind(null, Group_st_css_namespace_);
 
 var Group_st_css_cssStates = statesRuntime.bind(null, Group_st_css_namespace_);
@@ -45190,7 +45288,7 @@ var Group_st_css_style = (/* unused pure expression or super */ null && (Group_s
 var Group_st_css_st = (/* unused pure expression or super */ null && (Group_st_css_style_));
 
 var Group_st_css_namespace = (/* unused pure expression or super */ null && (Group_st_css_namespace_));
-var Group_st_css_classes = {"root":"wds_1_323_0_Group__root"};
+var Group_st_css_classes = {"root":"wds_1_326_0_Group__root"};
 var Group_st_css_keyframes = {}; 
 var Group_st_css_layers = {};
 var Group_st_css_containers = {};
@@ -45223,13 +45321,45 @@ const getAriaAttributesFromContext = ({ ariaLabelledBy, ariaDescribedBy, }) => (
     ...(ariaDescribedBy && { 'aria-describedby': ariaDescribedBy }),
 });
 //# sourceMappingURL=StatusContext.js.map
+;// ../../../node_modules/@wix/design-system/dist/esm/providers/useFocusRing/shouldShowFocusRing.js
+let modality = 'keyboard';
+const onPointer = () => {
+    modality = 'pointer';
+};
+const onKeyDown = (event) => {
+    if (event.metaKey || event.altKey || event.ctrlKey) {
+        return;
+    }
+    modality = 'keyboard';
+};
+/* the listeners are attached on import rather than on first call: the pointer
+   event that starts an interaction fires before the focus it causes, so a
+   listener attached at focus time would already have missed it */
+if (typeof document !== 'undefined') {
+    document.addEventListener('keydown', onKeyDown, true);
+    document.addEventListener('pointerdown', onPointer, true);
+    document.addEventListener('mousedown', onPointer, true);
+}
+/**
+ * Same question as `useFocusRing`, for components that already own their focus
+ * handlers (and for class components, which cannot call the hook): should the
+ * focus happening right now paint a ring? Browsers match `:focus-visible` on a
+ * focused text input whatever the interaction was, so neither CSS nor the hook's
+ * `focusProps` can tell a click from a tab there — the interaction that led to
+ * the focus can.
+ */
+const shouldShowFocusRing = () => modality === 'keyboard';
+//# sourceMappingURL=shouldShowFocusRing.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Input/hooks/useAutoFocusAndSelect.js
 
+
 function useAutoFocusAndSelect({ autoFocus, autoSelect, onFocus, onBlur, localInputRef, value, }) {
     const [isFocused, setIsFocused] = (0,external_React_.useState)(false);
+    const [isFocusVisible, setIsFocusVisible] = (0,external_React_.useState)(false);
     const autoFocusTriggered = (0,external_React_.useRef)(false);
     const _onFocus = (0,external_React_.useCallback)((event) => {
         setIsFocused(true);
+        setIsFocusVisible(shouldShowFocusRing());
         if (autoSelect) {
             localInputRef.current?.select();
         }
@@ -45254,6 +45384,7 @@ function useAutoFocusAndSelect({ autoFocus, autoSelect, onFocus, onBlur, localIn
     }, [autoFocus, autoSelect, localInputRef, value]);
     return {
         isFocused,
+        isFocusVisible,
         _onFocus,
         _onBlur,
     };
@@ -45286,7 +45417,7 @@ var DropDownArrow_default = DropDownArrow;
 
 
 
-var StatusIndicator_st_css_namespace_ = "wds_1_323_0_StatusIndicator";
+var StatusIndicator_st_css_namespace_ = "wds_1_326_0_StatusIndicator";
 var StatusIndicator_st_css_style_ = classesRuntime.bind(null, StatusIndicator_st_css_namespace_);
 
 var StatusIndicator_st_css_cssStates = statesRuntime.bind(null, StatusIndicator_st_css_namespace_);
@@ -45294,7 +45425,7 @@ var StatusIndicator_st_css_style = (/* unused pure expression or super */ null &
 var StatusIndicator_st_css_st = StatusIndicator_st_css_style_;
 
 var StatusIndicator_st_css_namespace = (/* unused pure expression or super */ null && (StatusIndicator_st_css_namespace_));
-var StatusIndicator_st_css_classes = {"root":"wds_1_323_0_StatusIndicator__root","iconWrapper":"wds_1_323_0_StatusIndicator__iconWrapper"};
+var StatusIndicator_st_css_classes = {"root":"wds_1_326_0_StatusIndicator__root","iconWrapper":"wds_1_326_0_StatusIndicator__iconWrapper"};
 var StatusIndicator_st_css_keyframes = {}; 
 var StatusIndicator_st_css_layers = {};
 var StatusIndicator_st_css_containers = {};
@@ -45500,6 +45631,7 @@ const Suffix = ({ statusMessage, status, disabled, menuArrow, suffix, tooltipPla
 
 
 
+
 const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
     const { input: inputPropsDefaults } = (0,external_React_.useContext)(WixStyleReactDefaultsOverrideContext);
     const props = useDefaultProps('Input', componentProps);
@@ -45509,7 +45641,7 @@ const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
     const mergedInputRef = (0,external_React_.useMemo)(() => mergeRefs(localInputRef, inputRef), [inputRef]);
     const { maskingClassNames } = (0,external_React_.useContext)(WixStyleReactMaskingContext);
     const statusContext = (0,external_React_.useContext)(StatusContext);
-    const { _onFocus, _onBlur, isFocused } = useAutoFocusAndSelect({
+    const { _onFocus, _onBlur, isFocused, isFocusVisible } = useAutoFocusAndSelect({
         localInputRef,
         onFocus,
         onBlur,
@@ -45519,23 +45651,23 @@ const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
     });
     (0,external_React_.useImperativeHandle)(ref, () => ({
         /**
-         * Sets focus on the input element
+         * Sets focus on the input element.
          */
         focus: (options = {}) => localInputRef.current?.focus(options),
         /**
-         * Removes focus from the input element
+         * Removes focus from the input element.
          */
         blur: () => localInputRef.current?.blur(),
         /**
-         * Selects the text in the input element
+         * Selects the text in the input element.
          */
         select: () => localInputRef.current?.select(),
         /**
-         * Sets the start and end positions of the current text selection in the input element
+         * Sets the start and end positions of the current text selection in the input element.
          */
         setSelectionRange: (start, end) => localInputRef.current?.setSelectionRange(start, end),
         /**
-         * Clears the input value
+         * Clears the input value.
          */
         clear: (event) => {
             // If the value is undefined, we are dealing with an uncontrolled input
@@ -45611,7 +45743,7 @@ const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
         max,
         step,
         'data-mask': !!maskingClassNames,
-        className: Input_st_css_st(Input_st_css_classes.input, {}, maskingClassNames),
+        className: Input_st_css_st(Input_st_css_classes.input, {}, Input_classes_classes.input(), maskingClassNames),
         style: { textOverflow },
         name,
         disabled,
@@ -45663,14 +45795,14 @@ const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
             border,
             noRightBorderRadius,
             noLeftBorderRadius,
-        }, className, 
+        }, Input_classes_classes.root({ size }), className, 
         /* forced (not `within`): the ring must follow the input element's
            own focus only — affixes inside the root are focusable too */
         FocusRing_classes_classes.root({
-            forced: (forceFocus || isFocused) &&
+            forced: (forceFocus || (isFocused && isFocusVisible)) &&
                 (border === 'standard' || border === 'round'),
         })), style: { [Input_st_css_vars['input-background']]: backgroundColor }, dir: rtl ? 'rtl' : undefined, "data-hook": dataHook, ...dataAttributes },
-        external_React_default().createElement("div", { className: Input_st_css_classes.wrapper },
+        external_React_default().createElement("div", { className: Input_st_css_st(Input_st_css_classes.wrapper, Input_classes_classes.wrapper()) },
             prefix && (external_React_default().createElement(InputContext.Provider, { value: { ...props, size, inPrefix: true } }, prefix)),
             inputElement,
             external_React_default().createElement(InputContext.Provider, { value: { ...props, size, inSuffix: true } },
@@ -45936,35 +46068,18 @@ const ListItemSection_constants_TYPES = {
     SUBHEADER: 'subheader',
 };
 //# sourceMappingURL=ListItemSection.constants.js.map
-;// ../../../node_modules/@wix/design-system/dist/esm/ListItemSection/ListItemSection.st.css.js
-
-
-
-
-
-
-
-
-
-var ListItemSection_st_css_namespace_ = "wds_1_323_0_ListItemSection";
-var ListItemSection_st_css_style_ = classesRuntime.bind(null, ListItemSection_st_css_namespace_);
-
-var ListItemSection_st_css_cssStates = statesRuntime.bind(null, ListItemSection_st_css_namespace_);
-var ListItemSection_st_css_style = (/* unused pure expression or super */ null && (ListItemSection_st_css_style_));
-var ListItemSection_st_css_st = ListItemSection_st_css_style_;
-
-var ListItemSection_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSection_st_css_namespace_));
-var ListItemSection_st_css_classes = {"root":"wds_1_323_0_ListItemSection__root","title":"wds_1_323_0_ListItemSection__title","titleWrapper":"wds_1_323_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_323_0_ListItemSection__suffixWrapper","suffix":"wds_1_323_0_ListItemSection__suffix"};
-var ListItemSection_st_css_keyframes = {}; 
-var ListItemSection_st_css_layers = {};
-var ListItemSection_st_css_containers = {};
-var ListItemSection_st_css_stVars = {}; 
-var ListItemSection_st_css_vars = {"wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-font-weight-bold":"--wsr-font-weight-bold","wsr-font-weight-medium":"--wsr-font-weight-medium","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-secondary":"--wds-color-text-standard-secondary","wds-list-item-section-fill":"--wds-list-item-section-fill","wds-list-item-section-fill-neutral":"--wds-list-item-section-fill-neutral","wds-list-item-section-title-label-fill":"--wds-list-item-section-title-label-fill","wds-list-item-section-padding-horizontal":"--wds-list-item-section-padding-horizontal","wds-list-item-section-divider-padding-horizontal":"--wds-list-item-section-divider-padding-horizontal","wds-list-item-section-font-weight":"--wds-list-item-section-font-weight","wds-list-item-section-font-size":"--wds-list-item-section-font-size","wds-list-item-section-font-line-height":"--wds-list-item-section-font-line-height","wds-list-item-section-padding-bottom":"--wds-list-item-section-padding-bottom","wds-list-item-section-padding-top":"--wds-list-item-section-padding-top","wds-list-item-section-padding-vertical-neutral":"--wds-list-item-section-padding-vertical-neutral","wds-list-item-section-divider-padding-bottom":"--wds-list-item-section-divider-padding-bottom","wds-list-item-section-divider-padding-top":"--wds-list-item-section-divider-padding-top","wds-list-item-section-title-label-fill-neutral":"--wds-list-item-section-title-label-fill-neutral","wds-list-item-section-font-weight-neutral":"--wds-list-item-section-font-weight-neutral","wds-space-100":"--wds-space-100","wds-space-150":"--wds-space-150","wds-space-200":"--wds-space-200","wds-border-width-varied":"--wds-border-width-varied"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/ListItemSection/ListItemSection.classes.js
 
+const ListItemSection_classes_classes = defineClassNames('list-item-section', {
+    root: {
+        states: ['subheader', 'divider', 'whitespace', 'ellipsis', 'suffix'],
+    },
+    title: {},
+    titleWrapper: {},
+    suffixWrapper: {},
+    suffix: {},
+});
+//# sourceMappingURL=ListItemSection.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/ListItemSection/ListItemSection.js
 
 
@@ -45977,18 +46092,18 @@ const ListItemSection = ({ type = ListItemSection_constants_TYPES.TITLE, ellipsi
     const isSeparatorElement = type === ListItemSection_constants_TYPES.WHITESPACE || type === ListItemSection_constants_TYPES.DIVIDER;
     const isSubheader = type === ListItemSection_constants_TYPES.SUBHEADER;
     if (isSeparatorElement) {
-        return (external_React_default().createElement("div", { className: ListItemSection_st_css_st(ListItemSection_st_css_classes.root, { [type]: true }), "data-hook": dataHook, onClick: e => e.stopPropagation() }, type === ListItemSection_constants_TYPES.DIVIDER && external_React_default().createElement(Divider_Divider, null)));
+        return (external_React_default().createElement("div", { className: ListItemSection_classes_classes.root({ [type]: true }), "data-hook": dataHook, onClick: e => e.stopPropagation() }, type === ListItemSection_constants_TYPES.DIVIDER && external_React_default().createElement(Divider_Divider, null)));
     }
-    return (external_React_default().createElement("div", { className: ListItemSection_st_css_st(ListItemSection_st_css_classes.root, {
+    return (external_React_default().createElement("div", { className: ListItemSection_classes_classes.root({
             subheader: isSubheader,
             ellipsis,
             suffix: !!suffix,
         }, className), "data-hook": dataHook },
-        external_React_default().createElement("div", { className: ListItemSection_st_css_classes.titleWrapper },
-            external_React_default().createElement(TextWithEllipsis, { dataHook: ListItemSection_constants_dataHooks.TITLE, tagName: "div", size: "small", className: ListItemSection_st_css_classes.title, ellipsis: ellipsis, enterDelay: 300, weight: isSubheader ? WEIGHTS.normal : WEIGHTS.bold }, title)),
-        suffix && isString(suffix) && (external_React_default().createElement("div", { className: ListItemSection_st_css_classes.suffixWrapper },
-            external_React_default().createElement(TextButtonWithDefaultProps, { ellipsis: ellipsis, dataHook: ListItemSection_constants_dataHooks.SUFFIX, size: "tiny", onClick: onClick, className: ListItemSection_st_css_classes.suffix }, suffix))),
-        suffix && !isString(suffix) && (external_React_default().createElement("div", { "data-hook": ListItemSection_constants_dataHooks.SUFFIX, className: ListItemSection_st_css_classes.suffixWrapper, onClick: onClick }, suffix))));
+        external_React_default().createElement("div", { className: ListItemSection_classes_classes.titleWrapper() },
+            external_React_default().createElement(TextWithEllipsis, { dataHook: ListItemSection_constants_dataHooks.TITLE, tagName: "div", size: "small", className: ListItemSection_classes_classes.title(), ellipsis: ellipsis, enterDelay: 300, weight: isSubheader ? WEIGHTS.normal : WEIGHTS.bold }, title)),
+        suffix && isString(suffix) && (external_React_default().createElement("div", { className: ListItemSection_classes_classes.suffixWrapper() },
+            external_React_default().createElement(TextButtonWithDefaultProps, { ellipsis: ellipsis, dataHook: ListItemSection_constants_dataHooks.SUFFIX, size: "tiny", onClick: onClick, className: ListItemSection_classes_classes.suffix() }, suffix))),
+        suffix && !isString(suffix) && (external_React_default().createElement("div", { "data-hook": ListItemSection_constants_dataHooks.SUFFIX, className: ListItemSection_classes_classes.suffixWrapper(), onClick: onClick }, suffix))));
 };
 ListItemSection.displayName = 'ListItemSection';
 
@@ -47189,7 +47304,7 @@ const useFocusRing = () => {
 
 
 
-var ListItemAction_st_css_namespace_ = "wds_1_323_0_ListItemAction";
+var ListItemAction_st_css_namespace_ = "wds_1_326_0_ListItemAction";
 var ListItemAction_st_css_style_ = classesRuntime.bind(null, ListItemAction_st_css_namespace_);
 
 var ListItemAction_st_css_cssStates = statesRuntime.bind(null, ListItemAction_st_css_namespace_);
@@ -47197,7 +47312,7 @@ var ListItemAction_st_css_style = (/* unused pure expression or super */ null &&
 var ListItemAction_st_css_st = ListItemAction_st_css_style_;
 
 var ListItemAction_st_css_namespace = (/* unused pure expression or super */ null && (ListItemAction_st_css_namespace_));
-var ListItemAction_st_css_classes = {"root":"wds_1_323_0_ListItemAction__root","mobile":"wds_1_323_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_323_0_ListItemAction__prefixIcon","textBox":"wds_1_323_0_ListItemAction__textBox","text":"wds_1_323_0_ListItemAction__text","subtitle":"wds_1_323_0_ListItemAction__subtitle","textOverrides":"wds_1_323_0_ListItemAction__textOverrides","subtitleOverrides":"wds_1_323_0_ListItemAction__subtitleOverrides","suffixBox":"wds_1_323_0_ListItemAction__suffixBox","suffix":"wds_1_323_0_ListItemAction__suffix","suffixIcon":"wds_1_323_0_ListItemAction__suffixIcon"};
+var ListItemAction_st_css_classes = {"root":"wds_1_326_0_ListItemAction__root","mobile":"wds_1_326_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_326_0_ListItemAction__prefixIcon","textBox":"wds_1_326_0_ListItemAction__textBox","text":"wds_1_326_0_ListItemAction__text","subtitle":"wds_1_326_0_ListItemAction__subtitle","textOverrides":"wds_1_326_0_ListItemAction__textOverrides","subtitleOverrides":"wds_1_326_0_ListItemAction__subtitleOverrides","suffixBox":"wds_1_326_0_ListItemAction__suffixBox","suffix":"wds_1_326_0_ListItemAction__suffix","suffixIcon":"wds_1_326_0_ListItemAction__suffixIcon"};
 var ListItemAction_st_css_keyframes = {}; 
 var ListItemAction_st_css_layers = {};
 var ListItemAction_st_css_containers = {};
@@ -50207,7 +50322,7 @@ OverlayScrollbars.env = () => {
 
 
 
-var useOverlayScrollbar_initialization_st_css_namespace_ = "wds_1_323_0_useOverlayScrollbarinitialization";
+var useOverlayScrollbar_initialization_st_css_namespace_ = "wds_1_326_0_useOverlayScrollbarinitialization";
 var useOverlayScrollbar_initialization_st_css_style_ = classesRuntime.bind(null, useOverlayScrollbar_initialization_st_css_namespace_);
 
 var useOverlayScrollbar_initialization_st_css_cssStates = statesRuntime.bind(null, useOverlayScrollbar_initialization_st_css_namespace_);
@@ -50215,8 +50330,8 @@ var useOverlayScrollbar_initialization_st_css_style = (/* unused pure expression
 var useOverlayScrollbar_initialization_st_css_st = (/* unused pure expression or super */ null && (useOverlayScrollbar_initialization_st_css_style_));
 
 var useOverlayScrollbar_initialization_st_css_namespace = (/* unused pure expression or super */ null && (useOverlayScrollbar_initialization_st_css_namespace_));
-var useOverlayScrollbar_initialization_st_css_classes = {"root":"wds_1_323_0_useOverlayScrollbarinitialization__root"};
-var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"wds_1_323_0_useOverlayScrollbarinitialization__os-size-observer-appear-animation"}; 
+var useOverlayScrollbar_initialization_st_css_classes = {"root":"wds_1_326_0_useOverlayScrollbarinitialization__root"};
+var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"wds_1_326_0_useOverlayScrollbarinitialization__os-size-observer-appear-animation"}; 
 var useOverlayScrollbar_initialization_st_css_layers = {};
 var useOverlayScrollbar_initialization_st_css_containers = {};
 var useOverlayScrollbar_initialization_st_css_stVars = {}; 
@@ -50235,7 +50350,7 @@ var useOverlayScrollbar_initialization_st_css_vars = {"os-vaw":"--os-vaw","os-va
 
 
 
-var useOverlayScrollbar_st_css_namespace_ = "wds_1_323_0_useOverlayScrollbar";
+var useOverlayScrollbar_st_css_namespace_ = "wds_1_326_0_useOverlayScrollbar";
 var useOverlayScrollbar_st_css_style_ = classesRuntime.bind(null, useOverlayScrollbar_st_css_namespace_);
 
 var useOverlayScrollbar_st_css_cssStates = statesRuntime.bind(null, useOverlayScrollbar_st_css_namespace_);
@@ -50243,7 +50358,7 @@ var useOverlayScrollbar_st_css_style = (/* unused pure expression or super */ nu
 var useOverlayScrollbar_st_css_st = useOverlayScrollbar_st_css_style_;
 
 var useOverlayScrollbar_st_css_namespace = (/* unused pure expression or super */ null && (useOverlayScrollbar_st_css_namespace_));
-var useOverlayScrollbar_st_css_classes = {"root":"wds_1_323_0_useOverlayScrollbar__root"};
+var useOverlayScrollbar_st_css_classes = {"root":"wds_1_326_0_useOverlayScrollbar__root"};
 var useOverlayScrollbar_st_css_keyframes = {}; 
 var useOverlayScrollbar_st_css_layers = {};
 var useOverlayScrollbar_st_css_containers = {};
@@ -50293,7 +50408,7 @@ const useOverlayScrollbar = (params) => {
         }
         /**
          * If the environment is test or window is undefined,
-         * do not initialize the OverlayScrollbars.
+         * don't initialize the OverlayScrollbars.
          */
         if ( false || typeof window === 'undefined') {
             return;
@@ -50511,7 +50626,7 @@ class DropdownLayout extends external_React_.PureComponent {
         this.selectedOption = null;
         this._isDialogMode = () => {
             /** This component has two modes:
-             *  1. Menu mode: when fixedHeader or fixedFooter is not present - https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
+             *  1. Menu mode: when fixedHeader or fixedFooter isn't present - https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
              *  2. Dialog mode: when fixedHeader or fixedFooter is present - https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
              */
             const { fixedHeader, fixedFooter } = this.props;
@@ -50609,7 +50724,7 @@ class DropdownLayout extends external_React_.PureComponent {
             scrollIntoView(menuElement, hoveredElement);
         };
         /**
-         * Handle keydown events for the DropdownLayout, mostly for accessibility
+         * Handle keydown events for the DropdownLayout, mostly for accessibility.
          *
          * @param event - The keydown event triggered by React
          * @returns Whether the event was handled by the component
@@ -50828,7 +50943,7 @@ class DropdownLayout extends external_React_.PureComponent {
             return (external_React_default().createElement(InfiniteScroll, { useWindow: true, dataHook: DataAttr_DATA_HOOKS.INFINITE_SCROLL_CONTAINER, scrollElement: this.state.scrollElement, loadMore: this.props.loadMore, hasMore: this.props.hasMore, data: this.props.options, loader: external_React_default().createElement("div", { className: DropdownLayout_classes_classes.loader() },
                     external_React_default().createElement(Loader, { dataHook: DROPDOWN_LAYOUT_LOADER, size: "small" })) }, scrollableElement));
         };
-        /** for testing purposes only */
+        /** for testing purposes only. */
         this._getDataAttributes = () => {
             const { visible, dropDirectionUp } = this.props;
             const { selectedId } = this.state;
@@ -59639,6 +59754,45 @@ const useArrow = (showArrow) => {
     };
 };
 //# sourceMappingURL=useArrow.js.map
+;// ../../../node_modules/@wix/design-system/dist/esm/PopoverNext/hooks/getFloatingWidthStyles.js
+const formatWidth = (value) => typeof value === 'number' ? `${value}px` : value;
+const isLengthValue = (value) => typeof value === 'number' || /^[\d.]/.test(value);
+const getFloatingWidthStyles = ({ appendTo, width, minWidth, maxWidth, dynamicWidth, referenceWidth, }) => {
+    const styles = {};
+    if (maxWidth) {
+        styles.maxWidth = formatWidth(maxWidth);
+    }
+    if (appendTo === 'window' || appendTo === 'scrollParent') {
+        const reference = formatWidth(referenceWidth);
+        if (width) {
+            styles.width = formatWidth(width);
+            styles.minWidth = minWidth ? formatWidth(minWidth) : 'fit-content';
+        }
+        else if (minWidth && isLengthValue(minWidth)) {
+            styles.width = `max(${reference}, ${formatWidth(minWidth)})`;
+            styles.minWidth = 'fit-content';
+        }
+        else {
+            styles.width = reference;
+            styles.minWidth = minWidth ? formatWidth(minWidth) : 'fit-content';
+        }
+        return styles;
+    }
+    if (width) {
+        styles.width = formatWidth(width);
+        if (minWidth) {
+            styles.minWidth = formatWidth(minWidth);
+        }
+    }
+    else if (dynamicWidth) {
+        styles.minWidth = formatWidth(referenceWidth);
+    }
+    else if (minWidth) {
+        styles.minWidth = formatWidth(minWidth);
+    }
+    return styles;
+};
+//# sourceMappingURL=getFloatingWidthStyles.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/PopoverNext/hooks/usePopover.js
 
 
@@ -59649,8 +59803,8 @@ const useArrow = (showArrow) => {
 
 
 
+
 const ANIMATED_DURATION = { open: 150, close: 100 };
-const formatWidth = (value) => typeof value === 'number' ? `${value}px` : value;
 function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled = true, appendTo = APPEND_TO.parent, dynamicWidth = false, zIndex = ZIndex.popover, width, minWidth, maxWidth, excludeClass, moveBy, flip: shouldFlip = true, placement = 'bottom', fixed = false, rootRef, showDelay, hideDelay, timeout: duration, skin, transitionSettings, onClickOutside, overlay = false, role, tabIndex, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, id, style, onClick, animate, showArrow = false, customArrow, contentClassName, onMouseEnter, onMouseLeave, autoUpdateOptions, }) {
     const { contextClassName } = (0,external_React_.useContext)(WixDesignSystemContext);
     const isHoverMode = Boolean(onMouseEnter && onMouseLeave);
@@ -59697,46 +59851,19 @@ function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled
         middleware: [
             floating_ui_react_dom_size({
                 apply({ rects, elements }) {
-                    const styles = {
+                    Object.assign(elements.floating.style, {
                         wordBreak: 'normal',
                         display: 'flex',
                         justifyContent: 'center',
-                    };
-                    if (width) {
-                        styles.width = formatWidth(width);
-                        if (minWidth) {
-                            styles.minWidth = formatWidth(minWidth);
-                        }
-                        if (maxWidth) {
-                            styles.maxWidth = formatWidth(maxWidth);
-                        }
-                    }
-                    else if (dynamicWidth) {
-                        styles.minWidth = formatWidth(rects.reference.width);
-                        if (maxWidth) {
-                            styles.maxWidth = formatWidth(maxWidth);
-                        }
-                    }
-                    else {
-                        if (minWidth) {
-                            styles.minWidth = formatWidth(minWidth);
-                        }
-                        if (maxWidth) {
-                            styles.maxWidth = formatWidth(maxWidth);
-                        }
-                    }
-                    if (appendTo === 'window' || appendTo === 'scrollParent') {
-                        styles.minWidth = !!minWidth
-                            ? formatWidth(minWidth)
-                            : 'fit-content';
-                        styles.width = !!width
-                            ? formatWidth(width)
-                            : formatWidth(rects.reference.width);
-                        if (maxWidth) {
-                            styles.maxWidth = formatWidth(maxWidth);
-                        }
-                    }
-                    Object.assign(elements.floating.style, styles);
+                        ...getFloatingWidthStyles({
+                            appendTo,
+                            width,
+                            minWidth,
+                            maxWidth,
+                            dynamicWidth,
+                            referenceWidth: rects.reference.width,
+                        }),
+                    });
                 },
             }),
             !!positioning.flip ? floating_ui_react_dom_flip(positioning.flip) : undefined,
@@ -63709,13 +63836,13 @@ class DropdownBase extends external_React_.PureComponent {
             listAutoFocus: false,
         };
         /**
-         * Return `true` if the `open` prop is being controlled
+         * Return `true` if the `open` prop is being controlled.
          */
         this._isControllingOpen = (props = this.props) => {
             return typeof props.open !== 'undefined';
         };
         /**
-         * Return `true` if the selection behaviour is being controlled
+         * Return `true` if the selection behaviour is being controlled.
          */
         this._isControllingSelection = (props = this.props) => {
             return (typeof props.selectedId !== 'undefined' &&
@@ -63787,7 +63914,7 @@ class DropdownBase extends external_React_.PureComponent {
             return this.props.options?.find(({ id }) => id === selectedId);
         };
         /**
-         * Determine if a certain key should open the DropdownLayout
+         * Determine if a certain key should open the DropdownLayout.
          */
         this._isOpenKey = (key) => {
             return ['Enter', ' ', 'ArrowDown'].includes(key);
@@ -63852,7 +63979,7 @@ class DropdownBase extends external_React_.PureComponent {
         };
         this._isDialogMode = () => {
             /** This component has two modes:
-             *  1. Menu mode: when fixedHeader or fixedFooter is not present - https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
+             *  1. Menu mode: when fixedHeader or fixedFooter isn't present - https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
              *  2. Dialog mode: when fixedHeader or fixedFooter is present - https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
              */
             const { fixedHeader, fixedFooter } = this.props;
@@ -77244,7 +77371,7 @@ const IconButton_constants_testDataHooks = {
 
 
 
-var IconButton_st_css_namespace_ = "wds_1_323_0_IconButton";
+var IconButton_st_css_namespace_ = "wds_1_326_0_IconButton";
 var IconButton_st_css_style_ = classesRuntime.bind(null, IconButton_st_css_namespace_);
 
 var IconButton_st_css_cssStates = statesRuntime.bind(null, IconButton_st_css_namespace_);
@@ -77252,7 +77379,7 @@ var IconButton_st_css_style = (/* unused pure expression or super */ null && (Ic
 var IconButton_st_css_st = IconButton_st_css_style_;
 
 var IconButton_st_css_namespace = (/* unused pure expression or super */ null && (IconButton_st_css_namespace_));
-var IconButton_st_css_classes = {"root":"wds_1_323_0_IconButton__root"};
+var IconButton_st_css_classes = {"root":"wds_1_326_0_IconButton__root"};
 var IconButton_st_css_keyframes = {}; 
 var IconButton_st_css_layers = {};
 var IconButton_st_css_containers = {};
@@ -77324,7 +77451,7 @@ const Avatar_constants_dataHooks = {
 
 
 
-var AvatarCore_st_css_namespace_ = "wds_1_323_0_AvatarCore";
+var AvatarCore_st_css_namespace_ = "wds_1_326_0_AvatarCore";
 var AvatarCore_st_css_style_ = classesRuntime.bind(null, AvatarCore_st_css_namespace_);
 
 var AvatarCore_st_css_cssStates = statesRuntime.bind(null, AvatarCore_st_css_namespace_);
@@ -77332,7 +77459,7 @@ var AvatarCore_st_css_style = (/* unused pure expression or super */ null && (Av
 var AvatarCore_st_css_st = AvatarCore_st_css_style_;
 
 var AvatarCore_st_css_namespace = (/* unused pure expression or super */ null && (AvatarCore_st_css_namespace_));
-var AvatarCore_st_css_classes = {"root":"wds_1_323_0_AvatarCore__root","content":"wds_1_323_0_AvatarCore__content"};
+var AvatarCore_st_css_classes = {"root":"wds_1_326_0_AvatarCore__root","content":"wds_1_326_0_AvatarCore__content"};
 var AvatarCore_st_css_keyframes = {}; 
 var AvatarCore_st_css_layers = {};
 var AvatarCore_st_css_containers = {};
@@ -77355,7 +77482,7 @@ var AvatarCore_st_css_vars = {};
 
 
 
-var Avatar_st_css_namespace_ = "wds_1_323_0_Avatar";
+var Avatar_st_css_namespace_ = "wds_1_326_0_Avatar";
 var Avatar_st_css_style_ = classesRuntime.bind(null, Avatar_st_css_namespace_);
 
 var Avatar_st_css_cssStates = statesRuntime.bind(null, Avatar_st_css_namespace_);
@@ -77363,7 +77490,7 @@ var Avatar_st_css_style = (/* unused pure expression or super */ null && (Avatar
 var Avatar_st_css_st = Avatar_st_css_style_;
 
 var Avatar_st_css_namespace = (/* unused pure expression or super */ null && (Avatar_st_css_namespace_));
-var Avatar_st_css_classes = {"root":"wds_1_323_0_Avatar__root","text-small-bold":"wds_1_323_0_StylableTypography__text-small-bold","text-medium-bold":"wds_1_323_0_StylableTypography__text-medium-bold","placeholder":"wds_1_323_0_Avatar__placeholder","avatarContainer":"wds_1_323_0_Avatar__avatarContainer","coreAvatar":"wds_1_323_0_Avatar__coreAvatar","avatar":"wds_1_323_0_Avatar__avatar","presence":"wds_1_323_0_Avatar__presence","indication":"wds_1_323_0_Avatar__indication","iconButtonShadow":"wds_1_323_0_Avatar__iconButtonShadow","colorA1":"wds_1_323_0_Avatar__colorA1","colorA2":"wds_1_323_0_Avatar__colorA2","colorA3":"wds_1_323_0_Avatar__colorA3","colorA4":"wds_1_323_0_Avatar__colorA4","colorA5":"wds_1_323_0_Avatar__colorA5","colorA6":"wds_1_323_0_Avatar__colorA6","colorA7":"wds_1_323_0_Avatar__colorA7","loaderContainer":"wds_1_323_0_Avatar__loaderContainer","overlay":"wds_1_323_0_Avatar__overlay","loader":"wds_1_323_0_Avatar__loader"};
+var Avatar_st_css_classes = {"root":"wds_1_326_0_Avatar__root","text-small-bold":"wds_1_326_0_StylableTypography__text-small-bold","text-medium-bold":"wds_1_326_0_StylableTypography__text-medium-bold","placeholder":"wds_1_326_0_Avatar__placeholder","avatarContainer":"wds_1_326_0_Avatar__avatarContainer","coreAvatar":"wds_1_326_0_Avatar__coreAvatar","avatar":"wds_1_326_0_Avatar__avatar","presence":"wds_1_326_0_Avatar__presence","indication":"wds_1_326_0_Avatar__indication","iconButtonShadow":"wds_1_326_0_Avatar__iconButtonShadow","colorA1":"wds_1_326_0_Avatar__colorA1","colorA2":"wds_1_326_0_Avatar__colorA2","colorA3":"wds_1_326_0_Avatar__colorA3","colorA4":"wds_1_326_0_Avatar__colorA4","colorA5":"wds_1_326_0_Avatar__colorA5","colorA6":"wds_1_326_0_Avatar__colorA6","colorA7":"wds_1_326_0_Avatar__colorA7","loaderContainer":"wds_1_326_0_Avatar__loaderContainer","overlay":"wds_1_326_0_Avatar__overlay","loader":"wds_1_326_0_Avatar__loader"};
 var Avatar_st_css_keyframes = {}; 
 var Avatar_st_css_layers = {};
 var Avatar_st_css_containers = {};
@@ -77538,7 +77665,7 @@ class AvatarCore extends external_React_.Component {
             }
         };
     }
-    /** This is the resolved content type the consumer wants to display */
+    /** This is the resolved content type the consumer wants to display. */
     getRequestedContentType(props) {
         const { name, text, placeholder, imgProps } = props;
         return imgProps && imgProps.src
@@ -77822,7 +77949,7 @@ const customStyles=(props,rtl)=>{return{valueContainer:provided=>({...provided,p
 
 
 
-var Tag_st_css_namespace_ = "wds_1_323_0_Tag";
+var Tag_st_css_namespace_ = "wds_1_326_0_Tag";
 var Tag_st_css_style_ = classesRuntime.bind(null, Tag_st_css_namespace_);
 
 var Tag_st_css_cssStates = statesRuntime.bind(null, Tag_st_css_namespace_);
@@ -77830,7 +77957,7 @@ var Tag_st_css_style = (/* unused pure expression or super */ null && (Tag_st_cs
 var Tag_st_css_st = Tag_st_css_style_;
 
 var Tag_st_css_namespace = (/* unused pure expression or super */ null && (Tag_st_css_namespace_));
-var Tag_st_css_classes = {"root":"wds_1_323_0_Tag__root","thumb":"wds_1_323_0_Tag__thumb","removeButton":"wds_1_323_0_Tag__removeButton","text":"wds_1_323_0_Tag__text"};
+var Tag_st_css_classes = {"root":"wds_1_326_0_Tag__root","thumb":"wds_1_326_0_Tag__thumb","removeButton":"wds_1_326_0_Tag__removeButton","text":"wds_1_326_0_Tag__text"};
 var Tag_st_css_keyframes = {}; 
 var Tag_st_css_layers = {};
 var Tag_st_css_containers = {};
@@ -77946,37 +78073,38 @@ Tag.displayName = 'Tag';
 const WrappedTag = (0,external_React_.memo)(Tag);
 
 //# sourceMappingURL=Tag.js.map
-;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.st.css.js
-
-
-
-
-
-
-
-
-
-
-
-var InputWithTags_st_css_namespace_ = "wds_1_323_0_InputWithTags";
-var InputWithTags_st_css_style_ = classesRuntime.bind(null, InputWithTags_st_css_namespace_);
-
-var InputWithTags_st_css_cssStates = statesRuntime.bind(null, InputWithTags_st_css_namespace_);
-var InputWithTags_st_css_style = (/* unused pure expression or super */ null && (InputWithTags_st_css_style_));
-var InputWithTags_st_css_st = InputWithTags_st_css_style_;
-
-var InputWithTags_st_css_namespace = (/* unused pure expression or super */ null && (InputWithTags_st_css_namespace_));
-var InputWithTags_st_css_classes = {"root":"wds_1_323_0_InputWithTags__root","text-medium-normal":"wds_1_323_0_StylableTypography__text-medium-normal","input-inner-shadow-mixin":"wds_1_323_0_Input__input-inner-shadow-mixin","inputWrapper":"wds_1_323_0_InputWithTags__inputWrapper","emptyInput":"wds_1_323_0_InputWithTags__emptyInput","selectMode":"wds_1_323_0_InputWithTags__selectMode","inputSuffix":"wds_1_323_0_InputWithTags__inputSuffix","menuArrow":"wds_1_323_0_InputWithTags__menuArrow","statusIndicator":"wds_1_323_0_InputWithTags__statusIndicator","suffixes":"wds_1_323_0_InputWithTags__suffixes","hiddenDiv":"wds_1_323_0_InputWithTags__hiddenDiv","scrollableContent":"wds_1_323_0_InputWithTags__scrollableContent","customSuffix":"wds_1_323_0_InputWithTags__customSuffix","customPrefix":"wds_1_323_0_InputWithTags__customPrefix","tagsContainer":"wds_1_323_0_InputWithTags__tagsContainer","draggedTag":"wds_1_323_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_323_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_323_0_InputWithTags__input"};
-var InputWithTags_st_css_keyframes = {}; 
-var InputWithTags_st_css_layers = {};
-var InputWithTags_st_css_containers = {};
-var InputWithTags_st_css_stVars = {"borderWidth":"1px","paddingBuffer":"calc(var(--wds-input-padding-vertical-medium, 6px) * 0.8)"}; 
-var InputWithTags_st_css_vars = {"wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-space-100":"--wds-space-100","wds-border-width-default":"--wds-border-width-default","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-background-fill-readonly":"--wds-input-background-fill-readonly","wds-input-border-color":"--wds-input-border-color","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-outline-focus-outer":"--wds-outline-focus-outer","wds-color-fill-standard-secondary-hover":"--wds-color-fill-standard-secondary-hover","wds-color-fill-dark-secondary-hover":"--wds-color-fill-dark-secondary-hover","input-background":"--wds_1_323_0_InputWithTags-input-background"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.classes.js
 
+const INPUT_WITH_TAGS_BACKGROUND_PROPERTY = '--wds-internal-input-with-tags-background';
+const InputWithTags_classes_classes = defineClassNames('input-with-tags', {
+    root: {
+        states: [
+            'hasFocus',
+            'hasVisibleFocus',
+            'disabled',
+            'readOnly',
+            'selectMode',
+        ],
+        variants: {
+            border: ['standard', 'round', 'bottomLine', 'none'],
+            size: ['tiny', 'small', 'medium', 'large'],
+            status: ['error', 'warning', 'loading'],
+        },
+    },
+    scrollableContent: {},
+    inputWrapper: {},
+    hiddenDiv: {},
+    input: {},
+    inputSuffix: {},
+    menuArrow: {},
+    statusIndicator: {},
+    customPrefix: {},
+    customSuffix: {},
+    tagsContainer: {},
+    draggedTag: {},
+    draggedTagPlaceholder: {},
+});
+//# sourceMappingURL=InputWithTags.classes.js.map
 // EXTERNAL MODULE: ../../../node_modules/react-dnd/dist/esm/index.js
 var dist_esm = __webpack_require__(8358);
 // EXTERNAL MODULE: ../../../node_modules/lodash/noop.js
@@ -79862,7 +79990,7 @@ const WrappedSortableListBase = withDNDContext(SortableListBase);
 
 
 
-var dnd_styles_st_css_namespace_ = "wds_1_323_0_dndstyles";
+var dnd_styles_st_css_namespace_ = "wds_1_326_0_dndstyles";
 var dnd_styles_st_css_style_ = classesRuntime.bind(null, dnd_styles_st_css_namespace_);
 
 var dnd_styles_st_css_cssStates = statesRuntime.bind(null, dnd_styles_st_css_namespace_);
@@ -79870,7 +79998,7 @@ var dnd_styles_st_css_style = (/* unused pure expression or super */ null && (dn
 var dnd_styles_st_css_st = (/* unused pure expression or super */ null && (dnd_styles_st_css_style_));
 
 var dnd_styles_st_css_namespace = (/* unused pure expression or super */ null && (dnd_styles_st_css_namespace_));
-var dnd_styles_st_css_classes = {"root":"wds_1_323_0_dndstyles__root","item":"wds_1_323_0_dndstyles__item","itemPlaceholder":"wds_1_323_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_323_0_dndstyles__itemPreview","list":"wds_1_323_0_dndstyles__list","gridItemPlaceholder":"wds_1_323_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_323_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_323_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_323_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_323_0_dndstyles__gridItemPreview"};
+var dnd_styles_st_css_classes = {"root":"wds_1_326_0_dndstyles__root","item":"wds_1_326_0_dndstyles__item","itemPlaceholder":"wds_1_326_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_326_0_dndstyles__itemPreview","list":"wds_1_326_0_dndstyles__list","gridItemPlaceholder":"wds_1_326_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_326_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_326_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_326_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_326_0_dndstyles__gridItemPreview"};
 var dnd_styles_st_css_keyframes = {}; 
 var dnd_styles_st_css_layers = {};
 var dnd_styles_st_css_containers = {};
@@ -79908,6 +80036,7 @@ const dndStyles = {
 
 
 
+
 class InputWithTags extends (external_React_default()).Component {
     constructor(props) {
         super(props);
@@ -79918,7 +80047,11 @@ class InputWithTags extends (external_React_default()).Component {
         this.handleClick = this.handleClick.bind(this);
         this.handleInputFocus = this.handleInputFocus.bind(this);
         this.handleInputBlur = this.handleInputBlur.bind(this);
-        this.state = { inputValue: '', inputHasFocus: false };
+        this.state = {
+            inputValue: '',
+            inputHasFocus: false,
+            inputFocusVisible: false,
+        };
     }
     componentDidMount() {
         this.props.autoFocus && this.props.onFocus();
@@ -79930,7 +80063,10 @@ class InputWithTags extends (external_React_default()).Component {
         }
     }
     handleInputFocus(e) {
-        this.setState({ inputHasFocus: true });
+        this.setState({
+            inputHasFocus: true,
+            inputFocusVisible: shouldShowFocusRing(),
+        });
         this.props.onFocus && this.props.onFocus(e);
     }
     handleInputBlur(e) {
@@ -79943,24 +80079,25 @@ class InputWithTags extends (external_React_default()).Component {
     _hasFocus() {
         return this.state.inputHasFocus && !this.props.disabled;
     }
+    _hasVisibleFocus() {
+        return this._hasFocus() && this.state.inputFocusVisible;
+    }
     _getRootClassName() {
         const { status, disabled, readOnly, size = 'medium', border, className, } = this.props;
-        const appliedClasses = [
-            className,
-            this._isSelectMode() && InputWithTags_st_css_classes.selectMode,
-        ].filter(Boolean);
-        return InputWithTags_st_css_st(InputWithTags_st_css_classes.root, {
+        return InputWithTags_classes_classes.root({
             border,
             disabled,
             hasFocus: this._hasFocus(),
+            hasVisibleFocus: this._hasVisibleFocus(),
             status: getStatusFromContext(this.context, status),
             readOnly,
             size,
-        }, ...appliedClasses, FocusRing_classes_classes.root({
+            selectMode: this._isSelectMode(),
+        }, className, FocusRing_classes_classes.root({
             pseudo: true,
             /* forced (not `within`): ring follows the inner input's focus only —
                tag-remove buttons inside the root are focusable too */
-            forced: this._hasFocus() && border !== 'bottomLine',
+            forced: this._hasVisibleFocus() && border !== 'bottomLine',
         }));
     }
     render() {
@@ -79979,15 +80116,18 @@ class InputWithTags extends (external_React_default()).Component {
         const finalStatus = getStatusFromContext(this.context, status);
         return (external_React_default().createElement(IconThemeContext.Consumer, null, ({ icons = {} }) => {
             const DropDownArrowIcon = icons.InputWithTags?.DropDownArrow || DropDownArrow_default;
-            return (external_React_default().createElement("div", { className: this._getRootClassName(), style: { maxHeight, [InputWithTags_st_css_vars['input-background']]: backgroundColor }, onClick: this.handleClick, "data-hook": this.props.dataHook, "data-focus": this._hasFocus() || null, "data-status": finalStatus, ...getAriaAttributesFromContext(this.context) },
-                external_React_default().createElement("div", { className: InputWithTags_st_css_classes.scrollableContent },
+            return (external_React_default().createElement("div", { className: this._getRootClassName(), style: {
+                    maxHeight,
+                    [INPUT_WITH_TAGS_BACKGROUND_PROPERTY]: backgroundColor,
+                }, onClick: this.handleClick, "data-hook": this.props.dataHook, "data-focus": this._hasFocus() || null, "data-status": finalStatus, ...getAriaAttributesFromContext(this.context) },
+                external_React_default().createElement("div", { className: InputWithTags_classes_classes.scrollableContent() },
                     this.props.customPrefix &&
                         !this.props.hideCustomSuffix &&
-                        !this.state.inputHasFocus && (external_React_default().createElement("span", { "data-hook": "custom-prefix", className: InputWithTags_st_css_classes.customPrefix }, this.props.customPrefix)),
-                    onReorder ? (external_React_default().createElement(WrappedSortableListBase, { contentClassName: InputWithTags_st_css_classes.tagsContainer, items: tags, onDrop: onReorder, renderItem: this.renderReorderableTag })) : (tags.map(({ label, ...rest }) => (external_React_default().createElement(WrappedTag, { key: rest.id, dataHook: "tag", disabled: disabled, onRemove: onRemoveTag, removable: !readOnly, ...rest }, label)))),
-                    external_React_default().createElement("span", { className: classnames_default()(InputWithTags_st_css_classes.inputWrapper, !tags.length), "data-hook": "inner-input-with-tags" },
-                        external_React_default().createElement("div", { className: classnames_default()(InputWithTags_st_css_classes.hiddenDiv) }, this.state.inputValue),
-                        external_React_default().createElement(Input, { className: InputWithTags_st_css_classes.input, size: size, width: this.props.width, ref: input => {
+                        !this.state.inputHasFocus && (external_React_default().createElement("span", { "data-hook": "custom-prefix", className: InputWithTags_classes_classes.customPrefix() }, this.props.customPrefix)),
+                    onReorder ? (external_React_default().createElement(WrappedSortableListBase, { contentClassName: InputWithTags_classes_classes.tagsContainer(), items: tags, onDrop: onReorder, renderItem: this.renderReorderableTag })) : (tags.map(({ label, ...rest }) => (external_React_default().createElement(WrappedTag, { key: rest.id, dataHook: "tag", disabled: disabled, onRemove: onRemoveTag, removable: !readOnly, ...rest }, label)))),
+                    external_React_default().createElement("span", { className: classnames_default()(InputWithTags_classes_classes.inputWrapper(), !tags.length), "data-hook": "inner-input-with-tags" },
+                        external_React_default().createElement("div", { className: classnames_default()(InputWithTags_classes_classes.hiddenDiv()) }, this.state.inputValue),
+                        external_React_default().createElement(Input, { className: InputWithTags_classes_classes.input(), size: size, width: this.props.width, ref: input => {
                                 this.input = input;
                             }, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, placeholder: tags.length === 0 ? placeholder : '', ...desiredProps, dataHook: "inputWithTags-input", disabled: disabled, readOnly: readOnly, disableEditing: this._isSelectMode(), onChange: e => {
                                 if (!delimiters.includes(e.target.value)) {
@@ -79996,13 +80136,13 @@ class InputWithTags extends (external_React_default()).Component {
                                 }
                             }, withSelection: true, prefix: this.props.customSuffix &&
                                 !this.props.hideCustomSuffix &&
-                                !this.state.inputHasFocus && (external_React_default().createElement("span", { "data-hook": "custom-suffix", className: InputWithTags_st_css_classes.customSuffix }, this.props.customSuffix)), hideStatusSuffix: true }))),
-                external_React_default().createElement("div", { className: InputWithTags_st_css_classes.inputSuffix },
+                                !this.state.inputHasFocus && (external_React_default().createElement("span", { "data-hook": "custom-suffix", className: InputWithTags_classes_classes.customSuffix() }, this.props.customSuffix)), hideStatusSuffix: true }))),
+                external_React_default().createElement("div", { className: InputWithTags_classes_classes.inputSuffix() },
                     !disabled &&
                         (['error', 'warning', 'loading'].includes(status) ||
-                            finalStatus === 'loading') && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.statusIndicator },
+                            finalStatus === 'loading') && (external_React_default().createElement("div", { className: InputWithTags_classes_classes.statusIndicator() },
                         external_React_default().createElement(StatusIndicator, { status: finalStatus, message: statusMessage, dataHook: "input-status" }))),
-                    this._isSelectMode() && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.menuArrow, "data-hook": "input-menu-arrow" },
+                    this._isSelectMode() && (external_React_default().createElement("div", { className: InputWithTags_classes_classes.menuArrow(), "data-hook": "input-menu-arrow" },
                         external_React_default().createElement(DropDownArrowIcon, null))))));
         }));
     }
@@ -80010,9 +80150,9 @@ class InputWithTags extends (external_React_default()).Component {
         const { onRemoveTag, disabled, readOnly } = this.props;
         const _classes = classnames_default()({
             [dndStyles.itemPlaceholder]: isPlaceholder,
-            [InputWithTags_st_css_classes.draggedTagPlaceholder]: isPlaceholder,
+            [InputWithTags_classes_classes.draggedTagPlaceholder()]: isPlaceholder,
             [dndStyles.itemPreview]: isPreview,
-            [InputWithTags_st_css_classes.draggedTag]: isPreview,
+            [InputWithTags_classes_classes.draggedTag()]: isPreview,
         });
         return (external_React_default().createElement("div", { style: previewStyles },
             external_React_default().createElement(WrappedTag, { id: id, dataHook: "tag", disabled: disabled, className: _classes, onRemove: onRemoveTag, removable: !readOnly, ...itemProps, ...rest }, label)));
@@ -80045,32 +80185,13 @@ var last_default = /*#__PURE__*/__webpack_require__.n(lodash_last);
 // EXTERNAL MODULE: ../../../node_modules/difference/index.js
 var difference = __webpack_require__(3104);
 var difference_default = /*#__PURE__*/__webpack_require__.n(difference);
-;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/MultiSelect.st.css.js
-
-
-
-
-
-
-var MultiSelect_st_css_namespace_ = "wds_1_323_0_MultiSelect";
-var MultiSelect_st_css_style_ = classesRuntime.bind(null, MultiSelect_st_css_namespace_);
-
-var MultiSelect_st_css_cssStates = statesRuntime.bind(null, MultiSelect_st_css_namespace_);
-var MultiSelect_st_css_style = (/* unused pure expression or super */ null && (MultiSelect_st_css_style_));
-var MultiSelect_st_css_st = MultiSelect_st_css_style_;
-
-var MultiSelect_st_css_namespace = (/* unused pure expression or super */ null && (MultiSelect_st_css_namespace_));
-var MultiSelect_st_css_classes = {"root":"wds_1_323_0_MultiSelect__root","inputWithTags":"wds_1_323_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_323_0_MultiSelect__autoSizeInput"};
-var MultiSelect_st_css_keyframes = {}; 
-var MultiSelect_st_css_layers = {};
-var MultiSelect_st_css_containers = {};
-var MultiSelect_st_css_stVars = {}; 
-var MultiSelect_st_css_vars = {}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/MultiSelect.classes.js
 
+const MultiSelect_classes_classes = defineClassNames('multi-select', {
+    root: {},
+    autoSizeInput: {},
+});
+//# sourceMappingURL=MultiSelect.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/MultiSelect.js
 
 
@@ -80097,7 +80218,7 @@ class MultiSelect extends InputWithOptions {
     rootAdditionalProps() {
         const { className } = this.props;
         return {
-            className: MultiSelect_st_css_st(MultiSelect_st_css_classes.root, className),
+            className: MultiSelect_classes_classes.root({}, className),
         };
     }
     onClickOutside() {
@@ -80153,7 +80274,7 @@ class MultiSelect extends InputWithOptions {
         return {
             readOnly: this.props.readOnly,
             disableEditing: true,
-            inputElement: (external_React_default().createElement(InputWithTags, { className: MultiSelect_st_css_classes.inputWithTags, onReorder: this.props.onReorder, maxNumRows: this.props.maxNumRows, mode: this.props.mode, hideCustomSuffix: this.isDropdownLayoutVisible(), customSuffix: this.props.customSuffix, customPrefix: this.props.customPrefix, border: this.props.border })),
+            inputElement: (external_React_default().createElement(InputWithTags, { onReorder: this.props.onReorder, maxNumRows: this.props.maxNumRows, mode: this.props.mode, hideCustomSuffix: this.isDropdownLayoutVisible(), customSuffix: this.props.customSuffix, customPrefix: this.props.customPrefix, border: this.props.border })),
             onKeyDown: this.onKeyDown,
             delimiters: this.props.delimiters,
             onPaste: this.onPaste,
@@ -80248,11 +80369,11 @@ class MultiSelect extends InputWithOptions {
     }
 }
 MultiSelect.autoSizeInput = ({ className, 'data-ref': dataRef, ...rest }) => {
-    const inputClassName = classnames_default()(className, MultiSelect_st_css_classes.autoSizeInput);
+    const inputClassName = classnames_default()(className, MultiSelect_classes_classes.autoSizeInput());
     return external_React_default().createElement("input", { ...rest, ref: dataRef, className: inputClassName });
 };
 MultiSelect.autoSizeInputWithRef = () => external_React_default().forwardRef((props, ref) => (({ className, ref, ...rest }) => {
-    const inputClassName = classnames_default()(className, MultiSelect_st_css_classes.autoSizeInput);
+    const inputClassName = classnames_default()(className, MultiSelect_classes_classes.autoSizeInput());
     return external_React_default().createElement("input", { ...rest, ref: ref, className: inputClassName });
 })({ ...props, ref }));
 MultiSelect.displayName = 'MultiSelect';
@@ -80306,35 +80427,26 @@ __webpack_require__.sti(EmptyState_st_namespace, ".EmptyState2390904073__emptySt
 if(false /* HMR */) // removed by dead control flow
 {}
 
-;// ../../../node_modules/@wix/design-system/dist/esm/EmptyState/EmptyState.st.css.js
-
-
-
-
-
-
-
-
-
-var EmptyState_st_css_namespace_ = "wds_1_323_0_EmptyState";
-var EmptyState_st_css_style_ = classesRuntime.bind(null, EmptyState_st_css_namespace_);
-
-var EmptyState_st_css_cssStates = statesRuntime.bind(null, EmptyState_st_css_namespace_);
-var EmptyState_st_css_style = (/* unused pure expression or super */ null && (EmptyState_st_css_style_));
-var EmptyState_st_css_st = EmptyState_st_css_style_;
-
-var EmptyState_st_css_namespace = (/* unused pure expression or super */ null && (EmptyState_st_css_namespace_));
-var EmptyState_st_css_classes = {"root":"wds_1_323_0_EmptyState__root","childrenContainer":"wds_1_323_0_EmptyState__childrenContainer","imageContainer":"wds_1_323_0_EmptyState__imageContainer","container":"wds_1_323_0_EmptyState__container","imageElement":"wds_1_323_0_EmptyState__imageElement","titleContainer":"wds_1_323_0_EmptyState__titleContainer","title":"wds_1_323_0_EmptyState__title","subtitle":"wds_1_323_0_EmptyState__subtitle","subtitleContainer":"wds_1_323_0_EmptyState__subtitleContainer"};
-var EmptyState_st_css_keyframes = {}; 
-var EmptyState_st_css_layers = {};
-var EmptyState_st_css_containers = {};
-var EmptyState_st_css_stVars = {}; 
-var EmptyState_st_css_vars = {"wds-space-150":"--wds-space-150","wds-space-400":"--wds-space-400","wds-space-700":"--wds-space-700","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-empty-state-border-radius":"--wds-empty-state-border-radius","wds-empty-state-page-content-paddings":"--wds-empty-state-page-content-paddings","wds-empty-state-section-content-paddings":"--wds-empty-state-section-content-paddings","wds-empty-state-subtitle-fill":"--wds-empty-state-subtitle-fill","wds-empty-state-title-gap":"--wds-empty-state-title-gap","mobileImageMaxHeight":"--wds_1_323_0_EmptyState-mobileImageMaxHeight"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/EmptyState/EmptyState.classes.js
 
+const EmptyState_classes_classes = defineClassNames('empty-state', {
+    root: {
+        variants: {
+            skin: ['page', 'page-no-border', 'section'],
+            align: ['start', 'center', 'end'],
+        },
+        states: ['mobile'],
+    },
+    container: {},
+    imageContainer: {},
+    imageElement: {},
+    titleContainer: {},
+    title: {},
+    subtitleContainer: {},
+    subtitle: {},
+    childrenContainer: {},
+});
+//# sourceMappingURL=EmptyState.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/EmptyState/EmptyState.js
 
 
@@ -80359,16 +80471,16 @@ const EmptyState_EmptyState = ({ theme, skin, image = defaultEmptyStateProps.ima
             deprecationLog_deprecationLog('<EmptyState/> - prop "theme" is deprecated and will be removed in next major release, please use "skin" property instead.');
         }
     }, [theme]);
-    return (external_React_default().createElement("div", { className: EmptyState_st_css_st(EmptyState_st_css_classes.root, { skin: mergedSkin, align, mobile }, className), "data-hook": dataHook, "data-skin": mergedSkin, "data-align": align },
-        external_React_default().createElement("div", { className: EmptyState_st_css_classes.container },
-            image && (external_React_default().createElement("div", { className: EmptyState_st_css_st(EmptyState_st_css_classes.imageContainer, {}, (classNamesProp && classNamesProp.imageContainer) || ''), "data-hook": "empty-state-image-container" }, typeof image === 'string' ? (external_React_default().createElement("img", { className: EmptyState_st_css_classes.imageElement, src: image, "data-hook": "image-element" })) : (external_React_default().cloneElement(image, {
+    return (external_React_default().createElement("div", { className: EmptyState_classes_classes.root({ skin: mergedSkin, align, mobile }, className), "data-hook": dataHook, "data-skin": mergedSkin, "data-align": align },
+        external_React_default().createElement("div", { className: EmptyState_classes_classes.container() },
+            image && (external_React_default().createElement("div", { className: EmptyState_classes_classes.imageContainer({}, (classNamesProp && classNamesProp.imageContainer) || ''), "data-hook": "empty-state-image-container" }, typeof image === 'string' ? (external_React_default().createElement("img", { className: EmptyState_classes_classes.imageElement(), src: image, "data-hook": "image-element" })) : (external_React_default().cloneElement(image, {
                 'data-hook': 'image-node',
             })))),
-            title && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.titleContainer, "data-hook": "empty-state-title-container" },
-                external_React_default().createElement(Heading, { className: EmptyState_st_css_classes.title, as: "h3", size: mergedSkin === 'section' ? 'medium' : 'large' }, title))),
-            subtitle && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.subtitleContainer, "data-hook": "empty-state-subtitle-container" },
-                external_React_default().createElement(TextWithEllipsis, { className: EmptyState_st_css_classes.subtitle, size: "small" }, subtitle))),
-            children && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.childrenContainer, "data-hook": "empty-state-children-container" }, children)))));
+            title && (external_React_default().createElement("div", { className: EmptyState_classes_classes.titleContainer(), "data-hook": "empty-state-title-container" },
+                external_React_default().createElement(Heading, { className: EmptyState_classes_classes.title(), as: "h3", size: mergedSkin === 'section' ? 'medium' : 'large' }, title))),
+            subtitle && (external_React_default().createElement("div", { className: EmptyState_classes_classes.subtitleContainer(), "data-hook": "empty-state-subtitle-container" },
+                external_React_default().createElement(TextWithEllipsis, { className: EmptyState_classes_classes.subtitle(), size: "small" }, subtitle))),
+            children && (external_React_default().createElement("div", { className: EmptyState_classes_classes.childrenContainer(), "data-hook": "empty-state-children-container" }, children)))));
 };
 EmptyState_EmptyState.displayName = 'EmptyState';
 
@@ -81290,7 +81402,7 @@ const FOCUSABLE_SELECTOR = 'a[href], button, input, textarea, select, [tabindex]
 
 
 
-var InfoIcon_st_css_namespace_ = "wds_1_323_0_InfoIcon";
+var InfoIcon_st_css_namespace_ = "wds_1_326_0_InfoIcon";
 var InfoIcon_st_css_style_ = classesRuntime.bind(null, InfoIcon_st_css_namespace_);
 
 var InfoIcon_st_css_cssStates = statesRuntime.bind(null, InfoIcon_st_css_namespace_);
@@ -81298,7 +81410,7 @@ var InfoIcon_st_css_style = (/* unused pure expression or super */ null && (Info
 var InfoIcon_st_css_st = InfoIcon_st_css_style_;
 
 var InfoIcon_st_css_namespace = (/* unused pure expression or super */ null && (InfoIcon_st_css_namespace_));
-var InfoIcon_st_css_classes = {"root":"wds_1_323_0_InfoIcon__root","trigger":"wds_1_323_0_InfoIcon__trigger","icon":"wds_1_323_0_InfoIcon__icon"};
+var InfoIcon_st_css_classes = {"root":"wds_1_326_0_InfoIcon__root","trigger":"wds_1_326_0_InfoIcon__trigger","icon":"wds_1_326_0_InfoIcon__icon"};
 var InfoIcon_st_css_keyframes = {}; 
 var InfoIcon_st_css_layers = {};
 var InfoIcon_st_css_containers = {};
@@ -81333,18 +81445,29 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
     const triggerRef = (0,external_React_.useRef)(null);
     const [isOpenedViaKeyboard, setIsOpenedViaKeyboard] = (0,external_React_.useState)(false);
     const [isShown, setIsShown] = (0,external_React_.useState)(false);
-    const wasShownOnPointerDown = (0,external_React_.useRef)(false);
-    const pointerDownSeen = (0,external_React_.useRef)(false);
+    const shouldFocusOnShow = (0,external_React_.useRef)(false);
     const autoId = useId();
     const propAriaLabelledBy = tooltipProps?.['aria-labelledby'] ?? ariaLabelledBy;
     const propAriaDescribedBy = tooltipProps?.['aria-describedby'] ?? ariaDescribedBy;
     const tooltipId = propAriaLabelledBy || propAriaDescribedBy || `infoicon-tooltip-${autoId}`;
+    const focusFirstInteractiveElement = (0,external_React_.useCallback)(() => {
+        requestAnimationFrame(() => {
+            const tooltipContent = tooltipRef.current?.getContentElement();
+            const focusable = tooltipContent?.querySelector(FOCUSABLE_SELECTOR);
+            focusable?.focus({ preventScroll: true });
+        });
+    }, []);
     const handleTooltipShow = (0,external_React_.useCallback)(() => {
         setIsShown(true);
+        if (shouldFocusOnShow.current) {
+            shouldFocusOnShow.current = false;
+            focusFirstInteractiveElement();
+        }
         tooltipProps?.onShow?.();
-    }, [tooltipProps]);
+    }, [tooltipProps, focusFirstInteractiveElement]);
     const handleTooltipHide = (0,external_React_.useCallback)(() => {
         setIsShown(false);
+        setIsOpenedViaKeyboard(false);
         tooltipProps?.onHide?.();
     }, [tooltipProps]);
     const mergedTooltipProps = {
@@ -81355,14 +81478,8 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
             ? { 'aria-labelledby': propAriaLabelledBy }
             : { 'aria-describedby': propAriaDescribedBy || tooltipId }),
     };
-    const focusFirstInteractiveElement = (0,external_React_.useCallback)(() => {
-        requestAnimationFrame(() => {
-            const tooltipContent = tooltipRef.current?.getContentElement();
-            const focusable = tooltipContent?.querySelector(FOCUSABLE_SELECTOR);
-            focusable?.focus({ preventScroll: true });
-        });
-    }, []);
     const closeAndRefocus = (0,external_React_.useCallback)(() => {
+        shouldFocusOnShow.current = false;
         tooltipRef.current?.close();
         setIsOpenedViaKeyboard(false);
         triggerRef.current?.focus();
@@ -81379,37 +81496,20 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
             setIsOpenedViaKeyboard(false);
         }
     }, [isOpenedViaKeyboard]);
-    const handlePointerDown = () => {
-        wasShownOnPointerDown.current = isShown;
-        pointerDownSeen.current = true;
-    };
-    const handleClick = () => {
-        if (tooltipProps?.disabled) {
-            return;
-        }
-        const wasShown = pointerDownSeen.current
-            ? wasShownOnPointerDown.current
-            : isShown;
-        pointerDownSeen.current = false;
-        if (wasShown) {
-            if (isShown) {
-                tooltipRef.current?.close();
-                setIsOpenedViaKeyboard(false);
-            }
-        }
-        else if (!isShown) {
-            tooltipRef.current?.open();
-        }
-    };
     const handleKeyDown = (event) => {
         if (event.key === 'Escape') {
             closeAndRefocus();
         }
         if (event.key === 'Enter') {
             event.preventDefault();
-            tooltipRef.current?.open();
             setIsOpenedViaKeyboard(true);
-            focusFirstInteractiveElement();
+            if (isShown) {
+                focusFirstInteractiveElement();
+            }
+            else {
+                shouldFocusOnShow.current = true;
+                tooltipRef.current?.open();
+            }
         }
     };
     // Global escape key handler for when focus is inside the tooltip
@@ -81451,7 +81551,7 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
         });
     }, [isOpenedViaKeyboard, closeAndRefocus]);
     return (external_React_default().createElement("div", { className: InfoIcon_st_css_st(InfoIcon_st_css_classes.root, className), "data-size": size, "data-hook": dataHook, onBlur: handleBlur },
-        external_React_default().createElement(Tooltip, { ...mergedTooltipProps, content: content, dataHook: InfoIcon_constants_dataHooks.tooltip, ref: tooltipRef }, () => (external_React_default().createElement("div", { ref: triggerRef, className: InfoIcon_st_css_st(InfoIcon_st_css_classes.trigger, FocusRing_classes_classes.root({ inset: true })), role: "button", tabIndex: 0, "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": isShown, "aria-controls": tooltipId, onKeyDown: handleKeyDown, onFocus: handleTriggerFocus, onPointerDown: handlePointerDown, onClick: handleClick }, children ?? external_React_default().createElement(Icon, { className: InfoIcon_st_css_classes.icon }))))));
+        external_React_default().createElement(Tooltip, { ...mergedTooltipProps, content: content, dataHook: InfoIcon_constants_dataHooks.tooltip, ref: tooltipRef }, () => (external_React_default().createElement("div", { ref: triggerRef, className: InfoIcon_st_css_st(InfoIcon_st_css_classes.trigger, FocusRing_classes_classes.root({ inset: true })), role: "button", tabIndex: 0, "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": isShown, "aria-controls": tooltipId, onKeyDown: handleKeyDown, onFocus: handleTriggerFocus }, children ?? external_React_default().createElement(Icon, { className: InfoIcon_st_css_classes.icon }))))));
 };
 InfoIcon.displayName = 'InfoIcon';
 
@@ -81497,7 +81597,7 @@ const LABEL_SIZE = {
 
 
 
-var FormField_st_css_namespace_ = "wds_1_323_0_FormField";
+var FormField_st_css_namespace_ = "wds_1_326_0_FormField";
 var FormField_st_css_style_ = classesRuntime.bind(null, FormField_st_css_namespace_);
 
 var FormField_st_css_cssStates = statesRuntime.bind(null, FormField_st_css_namespace_);
@@ -81505,7 +81605,7 @@ var FormField_st_css_style = (/* unused pure expression or super */ null && (For
 var FormField_st_css_st = FormField_st_css_style_;
 
 var FormField_st_css_namespace = (/* unused pure expression or super */ null && (FormField_st_css_namespace_));
-var FormField_st_css_classes = {"root":"wds_1_323_0_FormField__root","label":"wds_1_323_0_FormField__label","suffix":"wds_1_323_0_FormField__suffix","children":"wds_1_323_0_FormField__children","statusMessage":"wds_1_323_0_FormField__statusMessage","labelRow":"wds_1_323_0_FormField__labelRow","labelRowMain":"wds_1_323_0_FormField__labelRowMain","asterisk":"wds_1_323_0_FormField__asterisk","charCount":"wds_1_323_0_FormField__charCount","infoIcon":"wds_1_323_0_FormField__infoIcon","statusIcon":"wds_1_323_0_FormField__statusIcon"};
+var FormField_st_css_classes = {"root":"wds_1_326_0_FormField__root","label":"wds_1_326_0_FormField__label","suffix":"wds_1_326_0_FormField__suffix","children":"wds_1_326_0_FormField__children","statusMessage":"wds_1_326_0_FormField__statusMessage","labelRow":"wds_1_326_0_FormField__labelRow","labelRowMain":"wds_1_326_0_FormField__labelRowMain","asterisk":"wds_1_326_0_FormField__asterisk","charCount":"wds_1_326_0_FormField__charCount","infoIcon":"wds_1_326_0_FormField__infoIcon","statusIcon":"wds_1_326_0_FormField__statusIcon"};
 var FormField_st_css_keyframes = {}; 
 var FormField_st_css_layers = {};
 var FormField_st_css_containers = {};
@@ -81750,36 +81850,22 @@ var clamp_default = /*#__PURE__*/__webpack_require__.n(lodash_clamp);
 // EXTERNAL MODULE: ../../../node_modules/lodash/isNaN.js
 var lodash_isNaN = __webpack_require__(3859);
 var isNaN_default = /*#__PURE__*/__webpack_require__.n(lodash_isNaN);
-;// ../../../node_modules/@wix/design-system/dist/esm/InputArea/InputArea.st.css.js
-
-
-
-
-
-
-
-
-
-
-var InputArea_st_css_namespace_ = "wds_1_323_0_InputArea";
-var InputArea_st_css_style_ = classesRuntime.bind(null, InputArea_st_css_namespace_);
-
-var InputArea_st_css_cssStates = statesRuntime.bind(null, InputArea_st_css_namespace_);
-var InputArea_st_css_style = (/* unused pure expression or super */ null && (InputArea_st_css_style_));
-var InputArea_st_css_st = InputArea_st_css_style_;
-
-var InputArea_st_css_namespace = (/* unused pure expression or super */ null && (InputArea_st_css_namespace_));
-var InputArea_st_css_classes = {"root":"wds_1_323_0_InputArea__root","text-small-thin":"wds_1_323_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_323_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_323_0_defaultscrollbar__defaultScrollBar","input-inner-shadow-mixin":"wds_1_323_0_Input__input-inner-shadow-mixin","inputArea":"wds_1_323_0_InputArea__inputArea","counter":"wds_1_323_0_InputArea__counter","status":"wds_1_323_0_InputArea__status","disabled":"wds_1_323_0_InputArea__disabled","readOnly":"wds_1_323_0_InputArea__readOnly"};
-var InputArea_st_css_keyframes = {}; 
-var InputArea_st_css_layers = {};
-var InputArea_st_css_containers = {};
-var InputArea_st_css_stVars = {}; 
-var InputArea_st_css_vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","wds-color-text-highlight":"--wds-color-text-highlight","wds-color-black-100-transparent-30":"--wds-color-black-100-transparent-30","border-color":"--wds_1_323_0_InputArea-border-color","border-color-destructive":"--wds_1_323_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_323_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_323_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_323_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_323_0_InputArea-wds-input-area-height-medium-adjusted","input-background":"--wds_1_323_0_InputArea-input-background"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/InputArea/InputArea.classes.js
 
+const INPUT_AREA_BACKGROUND_PROPERTY = '--wds-internal-input-area-background';
+const InputArea_classes_classes = defineClassNames('input-area', {
+    root: {
+        states: ['disabled', 'resizable', 'hasFocus', 'forceHover', 'readOnly'],
+        variants: {
+            size: ['small', 'medium'],
+            status: ['error', 'warning', 'loading'],
+        },
+    },
+    inputArea: {},
+    counter: {},
+    status: {},
+});
+//# sourceMappingURL=InputArea.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/InputArea/constants.js
 const InputArea_constants_dataHooks = {
     tooltip: 'inputArea-tooltip',
@@ -81813,8 +81899,9 @@ const InputArea_semanticClassNames_semanticClassNames = {
 
 
 
+
 /**
- * General inputArea container
+ * General inputArea container.
  */
 class InputAreaComponent extends (external_React_default()).PureComponent {
     constructor() {
@@ -81823,6 +81910,7 @@ class InputAreaComponent extends (external_React_default()).PureComponent {
         this._computedStyle = null;
         this.state = {
             focus: false,
+            focusVisible: false,
             counter: (this.props.value || this.props.defaultValue || '').length,
             computedRows: this.props.minRowsAutoGrow,
         };
@@ -81860,7 +81948,7 @@ class InputAreaComponent extends (external_React_default()).PureComponent {
             });
         };
         this._onFocus = (e) => {
-            this.setState({ focus: true });
+            this.setState({ focus: true, focusVisible: shouldShowFocusRing() });
             this.props.onFocus && this.props.onFocus(e);
             if (this.props.autoSelect) {
                 // Set timeout is needed here since onFocus is called before react
@@ -81987,7 +82075,7 @@ class InputAreaComponent extends (external_React_default()).PureComponent {
             .map(key => (ariaAttribute['aria-' + key.substr(4).toLowerCase()] = this.props[key]));
         return (external_React_default().createElement(StatusContext.Consumer, null, statusContext => {
             const finalStatus = getStatusFromContext(statusContext, status);
-            return (external_React_default().createElement("div", { "data-hook": dataHook, className: InputArea_st_css_st(InputArea_st_css_classes.root, {
+            return (external_React_default().createElement("div", { "data-hook": dataHook, className: InputArea_classes_classes.root({
                     disabled,
                     size,
                     status: finalStatus,
@@ -81995,13 +82083,14 @@ class InputAreaComponent extends (external_React_default()).PureComponent {
                     forceHover,
                     resizable,
                     readOnly,
-                }, className), style: { [InputArea_st_css_vars['input-background']]: backgroundColor }, ...this._getDataAttr({ statusContext }) },
-                external_React_default().createElement("div", { className: InputArea_st_css_st(InputArea_st_css_classes.inputArea, InputArea_semanticClassNames_semanticClassNames.inputContainer, 
+                }, className), style: { [INPUT_AREA_BACKGROUND_PROPERTY]: backgroundColor }, ...this._getDataAttr({ statusContext }) },
+                external_React_default().createElement("div", { className: InputArea_classes_classes.inputArea({}, InputArea_semanticClassNames_semanticClassNames.inputContainer, 
                     /* forced (not `within`): ring follows the textarea's own
                        focus only — the status indicator is focusable too */
                     FocusRing_classes_classes.root({
                         pseudo: true,
-                        forced: forceFocus || this.state.focus,
+                        forced: forceFocus ||
+                            (this.state.focus && this.state.focusVisible),
                     })) },
                     typeof children === 'function' ? (children({
                         className: '',
@@ -82015,11 +82104,11 @@ class InputAreaComponent extends (external_React_default()).PureComponent {
                     })) : (external_React_default().createElement("textarea", { rows: rowsAttr, minLength: minLength, maxLength: maxLength, ref: ref => {
                             this.textArea = ref;
                         }, id: id, name: name, style: inlineStyle, defaultValue: defaultValue, disabled: disabled, value: value, required: required, onFocus: this._onFocus, onBlur: this._onBlur, onKeyDown: this._onKeyDown, onChange: this._onChange, onInput: onInput, placeholder: placeholder, tabIndex: tabIndex, autoFocus: autoFocus, onKeyUp: onKeyUp, ...getAriaAttributesFromContext(statusContext), ...ariaAttribute, readOnly: readOnly, onCompositionStart: onCompositionStart, onCompositionEnd: onCompositionEnd, dir: dir })),
-                    hasCounter && maxLength && (external_React_default().createElement("span", { className: InputArea_st_css_classes.counter, "data-hook": "counter" },
+                    hasCounter && maxLength && (external_React_default().createElement("span", { className: InputArea_classes_classes.counter(), "data-hook": "counter" },
                         this.state.counter,
                         "/",
                         maxLength))),
-                external_React_default().createElement("div", { className: InputArea_st_css_classes.status }, (!!status || finalStatus === STATUS.LOADING) && !disabled && (external_React_default().createElement(StatusIndicator, { dataHook: InputArea_constants_dataHooks.tooltip, status: finalStatus ?? undefined, message: statusMessage, tooltipProps: {
+                external_React_default().createElement("div", { className: InputArea_classes_classes.status() }, (!!status || finalStatus === STATUS.LOADING) && !disabled && (external_React_default().createElement(StatusIndicator, { dataHook: InputArea_constants_dataHooks.tooltip, status: finalStatus ?? undefined, message: statusMessage, tooltipProps: {
                         placement: tooltipPlacement,
                     } })))));
         }));