@wix/entity-advanced-permissions 1.1417.0 → 1.1419.0

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

@@ -34412,7 +34412,7 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!********************************!*\
-  !*** ./index.ts + 577 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_320_1_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_320_1_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_320_1_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_320_1_madefor__root","madefor":"wds_1_320_1_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_320_1_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_320_1_madefordisplay__root","madefordisplay":"wds_1_320_1_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_320_1_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_320_1_WixDesignSystemProvider__root","mobile":"wds_1_320_1_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_320_1';
+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_320_1_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_320_1_StylableTypography__root","text-extra-tiny-thin":"wds_1_320_1_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_320_1_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_320_1_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_320_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_320_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_320_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_320_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_320_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_320_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_320_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_320_1_StylableTypography__text-medium-bold","heading-h1":"wds_1_320_1_StylableTypography__heading-h1","heading-h2":"wds_1_320_1_StylableTypography__heading-h2","heading-h3":"wds_1_320_1_StylableTypography__heading-h3","heading-h4":"wds_1_320_1_StylableTypography__heading-h4","heading-h5":"wds_1_320_1_StylableTypography__heading-h5","heading-h6":"wds_1_320_1_StylableTypography__heading-h6","heading-xl":"wds_1_320_1_StylableTypography__heading-xl","heading-l":"wds_1_320_1_StylableTypography__heading-l","heading-m":"wds_1_320_1_StylableTypography__heading-m","heading-s":"wds_1_320_1_StylableTypography__heading-s","heading-t":"wds_1_320_1_StylableTypography__heading-t","heading-xt":"wds_1_320_1_StylableTypography__heading-xt","caption-1":"wds_1_320_1_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_320_1_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_320_1_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_320_1_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_320_1_Text__root","text-tiny-thin":"wds_1_320_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_320_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_320_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_320_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_320_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_320_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_320_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_320_1_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_320_1_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_320_1_Ellipsis__root","tooltip":"wds_1_320_1_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_320_1_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_320_1_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_320_1_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_320_1_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_320_1_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_320_1_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_320_1_Popover__root","content":"wds_1_320_1_Popover__content","arrow":"wds_1_320_1_Popover__arrow","element":"wds_1_320_1_Popover__element","animationEnter":"wds_1_320_1_Popover__animationEnter","animationEnterActive":"wds_1_320_1_Popover__animationEnterActive","animationExit":"wds_1_320_1_Popover__animationExit","animationExitActive":"wds_1_320_1_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_320_1_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_320_1_TextComponent__root","text":"wds_1_320_1_TextComponent__text","suffix":"wds_1_320_1_TextComponent__suffix","multilineSuffixWrapper":"wds_1_320_1_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_320_1_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_320_1_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_320_1_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_320_1_Focusable__root","focus-box":"wds_1_320_1_Focusable__focus-box","focus-box-error":"wds_1_320_1_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_320_1_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_320_1_ButtonCore__root","content":"wds_1_320_1_ButtonCore__content","prefix":"wds_1_320_1_ButtonCore__prefix","suffix":"wds_1_320_1_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_320_1_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,17 +41304,32 @@ 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_320_1_TextButton__root","text-tiny-thin":"wds_1_320_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_320_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_320_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_320_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_320_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_320_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_320_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_320_1_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 = {};
 var TextButton_st_css_stVars = {}; 
-var TextButton_st_css_vars = {"wds-space-0":"--wds-space-0","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-shadow-focus-standard":"--wds-shadow-focus-standard","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-light-primary":"--wds-color-fill-standard-light-primary","wds-color-fill-standard-light-primary-active":"--wds-color-fill-standard-light-primary-active","wds-color-fill-standard-light-primary-disabled":"--wds-color-fill-standard-light-primary-disabled","wds-color-fill-standard-light-primary-hover":"--wds-color-fill-standard-light-primary-hover","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-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-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-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-font-weight-bold":"--wds-font-weight-bold","wds-text-button-font-weight-thin":"--wds-text-button-font-weight-thin","wds-text-button-font-weight-normal":"--wds-text-button-font-weight-normal","wds-text-button-font-size-medium":"--wds-text-button-font-size-medium","wds-text-button-font-size-small":"--wds-text-button-font-size-small","wds-text-button-font-size-tiny":"--wds-text-button-font-size-tiny","wds-text-button-font-line-height-medium":"--wds-text-button-font-line-height-medium","wds-text-button-font-line-height-small":"--wds-text-button-font-line-height-small","wds-text-button-font-line-height-tiny":"--wds-text-button-font-line-height-tiny","wds-text-button-size-medium":"--wds-text-button-size-medium","wds-text-button-size-small":"--wds-text-button-size-small","wds-text-button-size-tiny":"--wds-text-button-size-tiny","wsr-font-weight-regular":"--wsr-font-weight-regular","wsr-font-weight-medium":"--wsr-font-weight-medium","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-tiny":"--wsr-text-line-height-tiny"}; 
+var TextButton_st_css_vars = {"wds-space-0":"--wds-space-0","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-outline-focus-outer":"--wds-outline-focus-outer","wds-outline-focus-inner":"--wds-outline-focus-inner","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-light-primary":"--wds-color-fill-standard-light-primary","wds-color-fill-standard-light-primary-active":"--wds-color-fill-standard-light-primary-active","wds-color-fill-standard-light-primary-disabled":"--wds-color-fill-standard-light-primary-disabled","wds-color-fill-standard-light-primary-hover":"--wds-color-fill-standard-light-primary-hover","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-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-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-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-font-weight-bold":"--wds-font-weight-bold","wds-text-button-font-weight-thin":"--wds-text-button-font-weight-thin","wds-text-button-font-weight-normal":"--wds-text-button-font-weight-normal","wds-text-button-font-size-medium":"--wds-text-button-font-size-medium","wds-text-button-font-size-small":"--wds-text-button-font-size-small","wds-text-button-font-size-tiny":"--wds-text-button-font-size-tiny","wds-text-button-font-line-height-medium":"--wds-text-button-font-line-height-medium","wds-text-button-font-line-height-small":"--wds-text-button-font-line-height-small","wds-text-button-font-line-height-tiny":"--wds-text-button-font-line-height-tiny","wds-text-button-size-medium":"--wds-text-button-size-medium","wds-text-button-size-small":"--wds-text-button-size-small","wds-text-button-size-tiny":"--wds-text-button-size-tiny","wsr-font-weight-regular":"--wsr-font-weight-regular","wsr-font-weight-medium":"--wsr-font-weight-medium","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-tiny":"--wsr-text-line-height-tiny"}; 
 
 
 
 
 
+;// ../../../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)));
     }
 }
@@ -41536,6 +41628,13 @@ function withDefaultProps(Wrapped, componentKey) {
     return hoist_non_react_statics_cjs_default()(WithDefaultProps, Wrapped);
 }
 //# sourceMappingURL=withDefaultProps.js.map
+;// ../../../node_modules/@wix/design-system/dist/esm/common/FocusRing/FocusRing.classes.js
+
+const FocusRing_classes_classes = defineClassNames('focus-ring', {
+    root: { states: ['forced', 'inset', 'pseudo', 'within', 'proxy'] },
+    proxyTarget: {},
+});
+//# sourceMappingURL=FocusRing.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/TextButton/TextButton.js
 
 
@@ -41543,12 +41642,13 @@ function withDefaultProps(Wrapped, componentKey) {
 
 
 
+
 class TextButton_TextButton extends external_React_.PureComponent {
     constructor() {
         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();
@@ -41569,7 +41669,7 @@ class TextButton_TextButton extends external_React_.PureComponent {
                     fluid,
                     wrap,
                     ellipsis,
-                }, className), "data-hook": dataHook, contentClassName: ellipsisClasses(), contentRef: ref }, children)) }));
+                }, className, FocusRing_classes_classes.root()), "data-hook": dataHook, contentClassName: ellipsisClasses(), contentRef: ref }, children)) }));
     }
 }
 TextButton_TextButton.displayName = 'TextButton';
@@ -41596,7 +41696,7 @@ const TextButtonWithDefaultProps = withDefaultProps(TextButton_TextButton, 'Text
 
 
 
-var Button_st_css_namespace_ = "wds_1_320_1_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_);
@@ -41604,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_320_1_Button__root","text-small-normal":"wds_1_320_1_StylableTypography__text-small-normal","text-medium-normal":"wds_1_320_1_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_320_1_StylableTypography__text-tiny-bold"};
+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-shadow-focus-standard":"--wds-shadow-focus-standard","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_320_1_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"}; 
 
 
 
@@ -41647,18 +41747,19 @@ const WixStyleReactDefaultsOverrideConsumer = WixStyleReactDefaultsOverrideProvi
 
 
 
+
 class Button_Button extends external_React_.PureComponent {
     constructor(props) {
         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();
@@ -41671,7 +41772,7 @@ class Button_Button extends external_React_.PureComponent {
         const { button: buttonPropsDefaults } = this
             .context;
         const { skin = 'standard', priority = 'primary', size = buttonPropsDefaults.size, className, fullWidth, children, dataHook, ellipsis, showTooltip, internalDataHook, tooltipProps = {}, ...rest } = this.props;
-        return (external_React_default().createElement(Ellipsis, { ellipsis: ellipsis, showTooltip: showTooltip, ...tooltipProps, render: ({ ref, ellipsisClasses }) => (external_React_default().createElement(WrappedButtonCore, { ...rest, ...generateDataAttr({
+        return (external_React_default().createElement(Ellipsis, { ellipsis: ellipsis, showTooltip: showTooltip, wrapperClassName: Button_st_css_classes.ellipsisTooltip, ...tooltipProps, render: ({ ref, ellipsisClasses }) => (external_React_default().createElement(WrappedButtonCore, { ...rest, ...generateDataAttr({
                     ...this.props,
                     size,
                 }, ['skin', 'size', 'priority']), ref: this.button, className: Button_st_css_st(Button_st_css_classes.root, {
@@ -41680,7 +41781,7 @@ class Button_Button extends external_React_.PureComponent {
                     priority,
                     size,
                     ellipsis: !!ellipsis,
-                }, className), "data-hook": dataHook, "data-hook-internal": internalDataHook, contentClassName: ellipsisClasses(), contentRef: ref }, children)) }));
+                }, className, FocusRing_classes_classes.root({ pseudo: true })), "data-hook": dataHook, "data-hook-internal": internalDataHook, contentClassName: ellipsisClasses(), contentRef: ref }, children)) }));
     }
 }
 Button_Button.contextType = WixStyleReactDefaultsOverrideContext;
@@ -41699,7 +41800,7 @@ const ButtonWithDefaultProps = withDefaultProps(Button_Button, 'Button');
 
 
 
-var CloseButton_st_css_namespace_ = "wds_1_320_1_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_);
@@ -41707,12 +41808,12 @@ 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_320_1_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 = {};
 var CloseButton_st_css_stVars = {}; 
-var CloseButton_st_css_vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-shadow-focus-standard":"--wds-shadow-focus-standard","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-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-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-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-close-button-standard-fill-disabled":"--wds-close-button-standard-fill-disabled","wds-close-button-standard-fill-hover":"--wds-close-button-standard-fill-hover","wds-close-button-standard-fill-active":"--wds-close-button-standard-fill-active","wds-close-button-standard-filled-fill":"--wds-close-button-standard-filled-fill","wds-close-button-standard-filled-text":"--wds-close-button-standard-filled-text","wds-close-button-standard-filled-text-disabled":"--wds-close-button-standard-filled-text-disabled","wds-close-button-standard-filled-text-hover":"--wds-close-button-standard-filled-text-hover","wds-close-button-standard-filled-size-small":"--wds-close-button-standard-filled-size-small","wds-close-button-standard-filled-size-medium":"--wds-close-button-standard-filled-size-medium","wds-close-button-standard-filled-size-large":"--wds-close-button-standard-filled-size-large"}; 
+var CloseButton_st_css_vars = {"wds-border-radius-full":"--wds-border-radius-full","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-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-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-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-close-button-standard-fill-disabled":"--wds-close-button-standard-fill-disabled","wds-close-button-standard-fill-hover":"--wds-close-button-standard-fill-hover","wds-close-button-standard-fill-active":"--wds-close-button-standard-fill-active","wds-close-button-standard-filled-fill":"--wds-close-button-standard-filled-fill","wds-close-button-standard-filled-text":"--wds-close-button-standard-filled-text","wds-close-button-standard-filled-text-disabled":"--wds-close-button-standard-filled-text-disabled","wds-close-button-standard-filled-text-hover":"--wds-close-button-standard-filled-text-hover","wds-close-button-standard-filled-size-small":"--wds-close-button-standard-filled-size-small","wds-close-button-standard-filled-size-medium":"--wds-close-button-standard-filled-size-medium","wds-close-button-standard-filled-size-large":"--wds-close-button-standard-filled-size-large"}; 
 
 
 
@@ -41793,6 +41894,7 @@ const useIcons = (componentName, defaults) => {
 
 
 
+
 const CHILD_SIZE = '18px';
 const CloseButton = (0,external_React_.forwardRef)((props, ref) => {
     const { skin = SKINS.standard, size = CloseButton_constants_SIZES.small, disabled = false, autoFocus = false, className, dataHook, children, ...rest } = useDefaultProps('CloseButton', props);
@@ -41815,7 +41917,7 @@ const CloseButton = (0,external_React_.forwardRef)((props, ref) => {
             buttonRef.current?.focus();
         }
     }, [autoFocus]);
-    return (external_React_default().createElement(WrappedButtonCore, { ref: buttonRef, ...rest, disabled: disabled, className: CloseButton_st_css_st(CloseButton_st_css_classes.root, { skin, size }, className), ...generateDataAttr({ skin, size }, ['skin', 'size']), "data-hook": dataHook }, children
+    return (external_React_default().createElement(WrappedButtonCore, { ref: buttonRef, ...rest, disabled: disabled, className: CloseButton_st_css_st(CloseButton_st_css_classes.root, { skin, size }, className, FocusRing_classes_classes.root()), ...generateDataAttr({ skin, size }, ['skin', 'size']), "data-hook": dataHook }, children
         ? external_React_default().cloneElement(children, {
             size: CHILD_SIZE,
             width: CHILD_SIZE,
@@ -41844,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_320_1_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_320_1_FloatingNotification__root","icon":"wds_1_320_1_FloatingNotification__icon","text":"wds_1_320_1_FloatingNotification__text","textButton":"wds_1_320_1_FloatingNotification__textButton","button":"wds_1_320_1_FloatingNotification__button","gap":"wds_1_320_1_FloatingNotification__gap","close":"wds_1_320_1_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
 
 
@@ -41898,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';
@@ -41946,7 +42046,7 @@ FloatingNotification.defaultProps = {
 
 
 
-var Divider_st_css_namespace_ = "wds_1_320_1_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_);
@@ -41954,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_320_1_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 = {};
@@ -42069,7 +42169,7 @@ Arc.displayName = 'Arc';
 
 
 
-var Heading_st_css_namespace_ = "wds_1_320_1_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_);
@@ -42077,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_320_1_Heading__root","heading-xl":"wds_1_320_1_StylableTypography__heading-xl","heading-l":"wds_1_320_1_StylableTypography__heading-l","heading-m":"wds_1_320_1_StylableTypography__heading-m","heading-s":"wds_1_320_1_StylableTypography__heading-s","heading-t":"wds_1_320_1_StylableTypography__heading-t","heading-xt":"wds_1_320_1_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 = {};
@@ -42198,34 +42298,23 @@ const SIZE_TO_ARC_ANGLE_MAP = {
     },
 };
 //# sourceMappingURL=Loader.constants.js.map
-;// ../../../node_modules/@wix/design-system/dist/esm/Loader/Loader.st.css.js
-
-
-
-
-
-
-
-
-var Loader_st_css_namespace_ = "wds_1_320_1_Loader";
-var Loader_st_css_style_ = classesRuntime.bind(null, Loader_st_css_namespace_);
-
-var Loader_st_css_cssStates = statesRuntime.bind(null, Loader_st_css_namespace_);
-var Loader_st_css_style = (/* unused pure expression or super */ null && (Loader_st_css_style_));
-var Loader_st_css_st = Loader_st_css_style_;
-
-var Loader_st_css_namespace = (/* unused pure expression or super */ null && (Loader_st_css_namespace_));
-var Loader_st_css_classes = {"root":"wds_1_320_1_Loader__root","statusIndicator":"wds_1_320_1_Loader__statusIndicator","arcsContainer":"wds_1_320_1_Loader__arcsContainer","darkArc":"wds_1_320_1_Loader__darkArc","lightArc":"wds_1_320_1_Loader__lightArc","text":"wds_1_320_1_Loader__text"};
-var Loader_st_css_keyframes = {"rotation":"wds_1_320_1_Loader__rotation","staggered-rotation":"wds_1_320_1_Loader__staggered-rotation"}; 
-var Loader_st_css_layers = {};
-var Loader_st_css_containers = {};
-var Loader_st_css_stVars = {}; 
-var Loader_st_css_vars = {"wds-loader-fill-loading":"--wds-loader-fill-loading","wds-loader-fill-loading-with-error":"--wds-loader-fill-loading-with-error","wds-loader-fill":"--wds-loader-fill","wds-loader-fill-light":"--wds-loader-fill-light","wds-loader-fill-error":"--wds-loader-fill-error","wds-loader-fill-success":"--wds-loader-fill-success","wds-loader-stroke-width-tiny":"--wds-loader-stroke-width-tiny","wds-loader-stroke-width-small":"--wds-loader-stroke-width-small","wds-loader-stroke-width-medium":"--wds-loader-stroke-width-medium","wds-loader-stroke-width-large":"--wds-loader-stroke-width-large"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/Loader/Loader.classes.js
 
+const Loader_classes_classes = defineClassNames('loader', {
+    root: {
+        variants: {
+            size: ['tiny', 'small', 'medium', 'large'],
+            status: ['success', 'error', 'loading', 'loadingWithErrors'],
+            color: ['blue', 'white'],
+        },
+    },
+    arcsContainer: {},
+    lightArc: {},
+    darkArc: {},
+    statusIndicator: {},
+    text: {},
+});
+//# sourceMappingURL=Loader.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Loader/Loader.js
 
 
@@ -42260,19 +42349,19 @@ const Loader = ({ size = 'medium', color = 'blue', text, status = 'loading', sta
         const darkArcAngle = isTerminalStatus
             ? FULL_CIRCLE_ANGLE
             : SIZE_TO_ARC_ANGLE_MAP[size].dark;
-        return (external_React_default().createElement("div", { className: Loader_st_css_classes.arcsContainer, style: {
+        return (external_React_default().createElement("div", { className: Loader_classes_classes.arcsContainer(), style: {
                 width: `${sizeInPx}px`,
                 height: `${sizeInPx}px`,
             } },
-            external_React_default().createElement(Arc, { angle: lightArcAngle, className: Loader_st_css_classes.lightArc, strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
-            external_React_default().createElement(Arc, { angle: darkArcAngle, className: Loader_st_css_classes.darkArc, strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
-            isTerminalStatus && (external_React_default().createElement("div", { className: Loader_st_css_classes.statusIndicator, "data-hook": "loader-status-indicator" },
+            external_React_default().createElement(Arc, { angle: lightArcAngle, className: Loader_classes_classes.lightArc(), strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
+            external_React_default().createElement(Arc, { angle: darkArcAngle, className: Loader_classes_classes.darkArc(), strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
+            isTerminalStatus && (external_React_default().createElement("div", { className: Loader_classes_classes.statusIndicator(), "data-hook": "loader-status-indicator" },
                 status === 'success' && successIcon,
                 status === 'error' && errorIcon))));
     }, [status, size]);
-    return (external_React_default().createElement("div", { className: Loader_st_css_st(Loader_st_css_classes.root, { size, color, status }), "data-hook": dataHook, "data-size": size, "data-color": color, "data-status": status },
+    return (external_React_default().createElement("div", { className: Loader_classes_classes.root({ size, color, status }), "data-hook": dataHook, "data-size": size, "data-color": color, "data-status": status },
         statusMessage ? (external_React_default().createElement(Tooltip, { content: statusMessage, appendTo: "window", dataHook: "loader-tooltip" }, loader)) : (loader),
-        size !== 'tiny' && text && (external_React_default().createElement("div", { className: Loader_st_css_classes.text },
+        size !== 'tiny' && text && (external_React_default().createElement("div", { className: Loader_classes_classes.text() },
             external_React_default().createElement(Heading, { size: "extraTiny", dataHook: "loader-text" }, text)))));
 };
 Loader.displayName = 'Loader';
@@ -44113,7 +44202,7 @@ const useId = (prefix) => {
 
 
 
-var default_scroll_bar_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44121,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_320_1_defaultscrollbar__root","defaultScrollBar":"wds_1_320_1_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 = {};
@@ -44139,7 +44228,7 @@ var default_scroll_bar_st_css_vars = {"wds-scrollbar-fill":"--wds-scrollbar-fill
 
 
 
-var Box_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44147,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_320_1_Box__root","defaultScrollBar":"wds_1_320_1_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_320_1_Box-gap"}; 
+var Box_st_css_vars = {"gap":"--wds_1_326_0_Box-gap"}; 
 
 
 
@@ -44166,7 +44255,7 @@ var Box_st_css_vars = {"gap":"--wds_1_320_1_Box-gap"};
 
 
 
-var colors_js_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44174,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_320_1_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 = {};
@@ -44211,7 +44300,7 @@ const filterObject = (object, filter = () => true) => {
 
 
 
-var spacing_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44219,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_320_1_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 = {};
@@ -44399,7 +44488,7 @@ var CheckboxChecked_default = CheckboxChecked;
 
 
 
-var Checkbox_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44407,12 +44496,12 @@ 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_320_1_Checkbox__root","label":"wds_1_320_1_Checkbox__label","labelInner":"wds_1_320_1_Checkbox__labelInner","children":"wds_1_320_1_Checkbox__children","checkbox":"wds_1_320_1_Checkbox__checkbox","inner":"wds_1_320_1_Checkbox__inner","outer":"wds_1_320_1_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 = {};
 var Checkbox_st_css_stVars = {}; 
-var Checkbox_st_css_vars = {"wds-space-200":"--wds-space-200","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","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-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-checkbox-border-radius":"--wds-checkbox-border-radius","wds-checkbox-border":"--wds-checkbox-border","wds-checkbox-border-hover":"--wds-checkbox-border-hover","wds-checkbox-border-active":"--wds-checkbox-border-active","wds-checkbox-border-active-hover":"--wds-checkbox-border-active-hover","wds-checkbox-border-disabled":"--wds-checkbox-border-disabled","wds-checkbox-border-active-disabled":"--wds-checkbox-border-active-disabled","wds-checkbox-fill":"--wds-checkbox-fill","wds-checkbox-fill-hover":"--wds-checkbox-fill-hover","wds-checkbox-fill-disabled":"--wds-checkbox-fill-disabled","wds-checkbox-fill-active":"--wds-checkbox-fill-active","wds-checkbox-fill-active-hover":"--wds-checkbox-fill-active-hover","wds-checkbox-fill-active-disabled":"--wds-checkbox-fill-active-disabled","wds-checkbox-icon":"--wds-checkbox-icon","wds-checkbox-icon-disabled":"--wds-checkbox-icon-disabled","wds-checkbox-size":"--wds-checkbox-size","wds-checkbox-label-disabled":"--wds-checkbox-label-disabled","wds-checkbox-label-font-size-small":"--wds-checkbox-label-font-size-small","wds-checkbox-label-font-size-medium":"--wds-checkbox-label-font-size-medium","wds-checkbox-label-font-line-height-small":"--wds-checkbox-label-font-line-height-small","wds-checkbox-label-font-line-height-medium":"--wds-checkbox-label-font-line-height-medium","wds-select-area-border-radius":"--wds-select-area-border-radius","wds-select-area-padding-horizontal":"--wds-select-area-padding-horizontal","wds-select-area-padding-vertical":"--wds-select-area-padding-vertical","wds-select-area-fill":"--wds-select-area-fill","wds-select-area-fill-hover":"--wds-select-area-fill-hover","wds-select-area-fill-active":"--wds-select-area-fill-active","wds-select-area-fill-disabled":"--wds-select-area-fill-disabled","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wds-font-size-body-small":"--wds-font-size-body-small","wds-font-size-body-medium":"--wds-font-size-body-medium","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wds-font-line-height-body-medium":"--wds-font-line-height-body-medium"}; 
+var Checkbox_st_css_vars = {"wds-space-200":"--wds-space-200","wds-outline-focus-outer":"--wds-outline-focus-outer","wds-outline-focus-inner":"--wds-outline-focus-inner","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","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-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-checkbox-border-radius":"--wds-checkbox-border-radius","wds-checkbox-border":"--wds-checkbox-border","wds-checkbox-border-hover":"--wds-checkbox-border-hover","wds-checkbox-border-active":"--wds-checkbox-border-active","wds-checkbox-border-active-hover":"--wds-checkbox-border-active-hover","wds-checkbox-border-disabled":"--wds-checkbox-border-disabled","wds-checkbox-border-active-disabled":"--wds-checkbox-border-active-disabled","wds-checkbox-fill":"--wds-checkbox-fill","wds-checkbox-fill-hover":"--wds-checkbox-fill-hover","wds-checkbox-fill-disabled":"--wds-checkbox-fill-disabled","wds-checkbox-fill-active":"--wds-checkbox-fill-active","wds-checkbox-fill-active-hover":"--wds-checkbox-fill-active-hover","wds-checkbox-fill-active-disabled":"--wds-checkbox-fill-active-disabled","wds-checkbox-icon":"--wds-checkbox-icon","wds-checkbox-icon-disabled":"--wds-checkbox-icon-disabled","wds-checkbox-size":"--wds-checkbox-size","wds-checkbox-label-disabled":"--wds-checkbox-label-disabled","wds-checkbox-label-font-size-small":"--wds-checkbox-label-font-size-small","wds-checkbox-label-font-size-medium":"--wds-checkbox-label-font-size-medium","wds-checkbox-label-font-line-height-small":"--wds-checkbox-label-font-line-height-small","wds-checkbox-label-font-line-height-medium":"--wds-checkbox-label-font-line-height-medium","wds-select-area-border-radius":"--wds-select-area-border-radius","wds-select-area-padding-horizontal":"--wds-select-area-padding-horizontal","wds-select-area-padding-vertical":"--wds-select-area-padding-vertical","wds-select-area-fill":"--wds-select-area-fill","wds-select-area-fill-hover":"--wds-select-area-fill-hover","wds-select-area-fill-active":"--wds-select-area-fill-active","wds-select-area-fill-disabled":"--wds-select-area-fill-disabled","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wds-font-size-body-small":"--wds-font-size-body-small","wds-font-size-body-medium":"--wds-font-size-body-medium","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wds-font-line-height-body-medium":"--wds-font-line-height-body-medium"}; 
 
 
 
@@ -44473,7 +44562,7 @@ const semanticClassNames = {
 
 
 
-var visuallyHidden_st_css_namespace_ = "wds_1_320_1_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_);
@@ -44481,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_320_1_visuallyHidden__root","visuallyHidden":"wds_1_320_1_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 +44595,8 @@ var visuallyHidden_st_css_vars = {};
 
 
 
-/** a simple WixStyle checkbox */
+
+/** a simple WixStyle checkbox. */
 class Checkbox extends external_React_.PureComponent {
     constructor(props) {
         super(props);
@@ -44556,12 +44646,12 @@ class Checkbox extends external_React_.PureComponent {
                 indeterminate,
                 ellipsis,
             }, className), ...this._getDataAttributes() },
-            external_React_default().createElement("input", { ref: this.inputRef, className: visuallyHidden_st_css_classes.visuallyHidden, "data-hook": Checkbox_constants_dataHooks.input, type: "checkbox", id: id, checked: checked, disabled: disabled, required: required, "aria-checked": indeterminate ? 'mixed' : checked, onChange: onChange, onFocus: focusableOnFocus, onBlur: focusableOnBlur }),
+            external_React_default().createElement("input", { ref: this.inputRef, className: Checkbox_st_css_st(visuallyHidden_st_css_classes.visuallyHidden, FocusRing_classes_classes.proxyTarget()), "data-hook": Checkbox_constants_dataHooks.input, type: "checkbox", id: id, checked: checked, disabled: disabled, required: required, "aria-checked": indeterminate ? 'mixed' : checked, onChange: onChange, onFocus: focusableOnFocus, onBlur: focusableOnBlur }),
             external_React_default().createElement("label", { htmlFor: id, "data-hook": Checkbox_constants_dataHooks.label, className: Checkbox_st_css_classes.label, onClick: e => e.stopPropagation() },
                 external_React_default().createElement("div", { className: Checkbox_st_css_classes.labelInner, style: { padding: selectionAreaPadding } },
                     external_React_default().createElement(Tooltip, { dataHook: Checkbox_constants_dataHooks.boxTooltip, disabled: isTooltipDisabled, content: tooltipContent || errorMessage || ' ', textAlign: "center", maxWidth: 230, exitDelay: 150, zIndex: ZIndex.checkbox, ...tooltipProps },
                         external_React_default().createElement("div", { className: Checkbox_st_css_classes.outer },
-                            external_React_default().createElement("div", { "data-hook": Checkbox_constants_dataHooks.box, className: Checkbox_st_css_st(Checkbox_st_css_classes.checkbox, semanticClassNames.inputContainer) },
+                            external_React_default().createElement("div", { "data-hook": Checkbox_constants_dataHooks.box, className: Checkbox_st_css_st(Checkbox_st_css_classes.checkbox, semanticClassNames.inputContainer, FocusRing_classes_classes.root({ proxy: true })) },
                                 external_React_default().createElement("div", { className: Checkbox_st_css_classes.inner }, indeterminate ? (external_React_default().createElement(CheckboxIndeterminate_default, null)) : (external_React_default().createElement(CheckboxChecked_default, null)))))),
                     children && (external_React_default().createElement(TextWithEllipsis, { size: size, weight: "thin", dataHook: Checkbox_constants_dataHooks.children, className: Checkbox_st_css_classes.children, ellipsis: ellipsis, maxLines: maxLines }, children))))));
     }
@@ -44751,7 +44841,7 @@ const ListItemSelect_constants_SIZE = {
 
 
 
-var breakpoints_st_css_namespace_ = "wds_1_320_1_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_320_1_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_320_1_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_320_1_ListItemSelect__root","mobile":"wds_1_320_1_WixDesignSystemProvider__mobile","element":"wds_1_320_1_Popover__element","fullWidthContent":"wds_1_320_1_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_320_1_ListItemSelect__textsWrapper","titleWrapper":"wds_1_320_1_ListItemSelect__titleWrapper","title":"wds_1_320_1_ListItemSelect__title","titleOverrideWrapper":"wds_1_320_1_ListItemSelect__titleOverrideWrapper","subtitleOverrideWrapper":"wds_1_320_1_ListItemSelect__subtitleOverrideWrapper","subtitle":"wds_1_320_1_ListItemSelect__subtitle","prefix":"wds_1_320_1_ListItemSelect__prefix","suffix":"wds_1_320_1_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 = {};
@@ -44861,7 +44951,7 @@ const ListItemSelect = ({ checkbox = false, selected = false, highlighted, ellip
                 size,
                 hoverHighlightDisabled: highlighted === false,
                 withPrefix: !!prefix,
-            }, className, ListItemSelect_semanticClassNames_semanticClassNames.container), "data-hook": dataHook, "data-selected": selected, "aria-disabled": disabled, "aria-selected": selected, onClick: !disabled ? onClick : undefined },
+            }, className, ListItemSelect_semanticClassNames_semanticClassNames.container), "data-hook": dataHook, "data-selected": selected, "aria-disabled": disabled, onClick: !disabled ? onClick : undefined },
             external_React_default().createElement(WrapperComponent, { ...wrapperComponentProps },
                 external_React_default().createElement(Box, { width: "100%", verticalAlign: "middle", className: ListItemSelect_st_css_classes.textsWrapper },
                     prefix && (external_React_default().createElement(TextWithEllipsis, { className: ListItemSelect_st_css_st(ListItemSelect_st_css_classes.prefix, {
@@ -44910,7 +45000,7 @@ var sortBy_default = /*#__PURE__*/__webpack_require__.n(sortBy);
 
 
 
-var border_st_css_namespace_ = "wds_1_320_1_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_320_1_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_320_1_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_320_1_Input__root","text-tiny-thin":"wds_1_320_1_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_320_1_StylableTypography__text-medium-thin","wrapper":"wds_1_320_1_Input__wrapper","input":"wds_1_320_1_Input__input","input-inner-shadow-mixin":"wds_1_320_1_Input__input-inner-shadow-mixin","disabled":"wds_1_320_1_Input__disabled","suffixes":"wds_1_320_1_Input__suffixes","suffix":"wds_1_320_1_Input__suffix","statusWrapper":"wds_1_320_1_Input__statusWrapper","clearButtonWrapper":"wds_1_320_1_Input__clearButtonWrapper","menuArrow":"wds_1_320_1_Input__menuArrow","clearButton":"wds_1_320_1_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-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","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_320_1_Input-border-color-hover","border-color-hover-destructive":"--wds_1_320_1_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_320_1_Input-border-color-hover-warning","input-background":"--wds_1_320_1_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_320_1_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_320_1_Ticker__root","up":"wds_1_320_1_Ticker__up","down":"wds_1_320_1_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_320_1_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_320_1_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_320_1_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_320_1_Affix__root","text-tiny-thin":"wds_1_320_1_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_320_1_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_320_1_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_320_1_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_320_1_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,12 +45425,12 @@ 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_320_1_StatusIndicator__root","iconWrapper":"wds_1_320_1_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 = {};
 var StatusIndicator_st_css_stVars = {}; 
-var StatusIndicator_st_css_vars = {"wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-warning":"--wds-color-text-warning","wds-color-text-success":"--wds-color-text-success","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-warning":"--wds-shadow-focus-warning"}; 
+var StatusIndicator_st_css_vars = {"wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-warning":"--wds-color-text-warning","wds-color-text-success":"--wds-color-text-success"}; 
 
 
 
@@ -45334,6 +45465,7 @@ var FormFieldErrorFilled_default = FormFieldErrorFilled;
 
 
 
+
 const statusToIconMap = {
     success: external_React_default().createElement(FormFieldSuccessFilled_default, null),
     warning: external_React_default().createElement(FormFieldWarningFilled_default, null),
@@ -45351,7 +45483,7 @@ const StatusIndicator = (props) => {
     const icon = statusToIconMap[status];
     const renderIcon = () => {
         if (message) {
-            return (external_React_default().createElement("span", { tabIndex: 0, className: StatusIndicator_st_css_classes.iconWrapper }, icon));
+            return (external_React_default().createElement("span", { tabIndex: 0, className: StatusIndicator_st_css_st(StatusIndicator_st_css_classes.iconWrapper, FocusRing_classes_classes.root()) }, icon));
         }
         return icon;
     };
@@ -45498,6 +45630,8 @@ 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);
@@ -45507,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,
@@ -45517,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
@@ -45609,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,
@@ -45661,8 +45795,14 @@ const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
             border,
             noRightBorderRadius,
             noLeftBorderRadius,
-        }, className), 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 },
+        }, 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 && 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_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 } },
@@ -45928,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_320_1_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_320_1_ListItemSection__root","title":"wds_1_320_1_ListItemSection__title","titleWrapper":"wds_1_320_1_ListItemSection__titleWrapper","suffixWrapper":"wds_1_320_1_ListItemSection__suffixWrapper","suffix":"wds_1_320_1_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
 
 
@@ -45969,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';
 
@@ -47181,7 +47304,7 @@ const useFocusRing = () => {
 
 
 
-var ListItemAction_st_css_namespace_ = "wds_1_320_1_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_);
@@ -47189,12 +47312,12 @@ 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_320_1_ListItemAction__root","mobile":"wds_1_320_1_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_320_1_ListItemAction__prefixIcon","textBox":"wds_1_320_1_ListItemAction__textBox","text":"wds_1_320_1_ListItemAction__text","subtitle":"wds_1_320_1_ListItemAction__subtitle","textOverrides":"wds_1_320_1_ListItemAction__textOverrides","subtitleOverrides":"wds_1_320_1_ListItemAction__subtitleOverrides","suffixBox":"wds_1_320_1_ListItemAction__suffixBox","suffix":"wds_1_320_1_ListItemAction__suffix","suffixIcon":"wds_1_320_1_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 = {};
 var ListItemAction_st_css_stVars = {}; 
-var ListItemAction_st_css_vars = {"wds-color-fill-destructive-tertiary-active":"--wds-color-fill-destructive-tertiary-active","wds-color-fill-destructive-tertiary-hover":"--wds-color-fill-destructive-tertiary-hover","wds-list-item-action-fill-hover-destructive":"--wds-list-item-action-fill-hover-destructive","wds-list-item-action-label-fill-hover-destructive":"--wds-list-item-action-label-fill-hover-destructive","wds-list-item-action-subtitle-destructive":"--wds-list-item-action-subtitle-destructive","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-premium-tertiary-hover":"--wds-color-fill-premium-tertiary-hover","wds-color-fill-premium-tertiary-active":"--wds-color-fill-premium-tertiary-active","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-premium":"--wds-color-text-premium","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-list-item-action-gap":"--wds-list-item-action-gap","wds-list-item-action-affix-margin":"--wds-list-item-action-affix-margin","wds-list-item-action-padding-horizontal-medium":"--wds-list-item-action-padding-horizontal-medium","wds-list-item-action-padding-horizontal-small":"--wds-list-item-action-padding-horizontal-small","wds-list-item-action-padding-horizontal-end-medium":"--wds-list-item-action-padding-horizontal-end-medium","wds-list-item-action-padding-horizontal-end-small":"--wds-list-item-action-padding-horizontal-end-small","wds-list-item-action-padding-vertical-medium":"--wds-list-item-action-padding-vertical-medium","wds-list-item-action-padding-vertical-small":"--wds-list-item-action-padding-vertical-small","wds-list-item-action-border-radius":"--wds-list-item-action-border-radius","wds-shadow-focus-inner-standard":"--wds-shadow-focus-inner-standard","wds-shadow-focus-inner-destructive":"--wds-shadow-focus-inner-destructive","wds-space-100":"--wds-space-100","wds-list-item-action-label-font-line-height-medium":"--wds-list-item-action-label-font-line-height-medium","wds-list-item-action-label-font-line-height-small":"--wds-list-item-action-label-font-line-height-small","wds-list-item-action-label-font-size-medium":"--wds-list-item-action-label-font-size-medium","wds-list-item-action-label-font-size-small":"--wds-list-item-action-label-font-size-small","wds-list-item-action-label-fill-pressed-destructive":"--wds-list-item-action-label-fill-pressed-destructive","wds-list-item-action-label-fill-hover-premium":"--wds-list-item-action-label-fill-hover-premium","wds-list-item-action-label-fill-hover-primary":"--wds-list-item-action-label-fill-hover-primary","wds-list-item-action-label-fill-pressed-premium":"--wds-list-item-action-label-fill-pressed-premium","wds-list-item-action-label-fill-pressed-primary":"--wds-list-item-action-label-fill-pressed-primary","wds-list-item-action-subtitle-offset":"--wds-list-item-action-subtitle-offset","wds-list-item-action-title-font-weight-active":"--wds-list-item-action-title-font-weight-active","wds-list-item-action-title-font-weight":"--wds-list-item-action-title-font-weight","wds-list-item-action-subtitle-fill-pressed-destructive":"--wds-list-item-action-subtitle-fill-pressed-destructive","wds-list-item-action-subtitle-fill-active":"--wds-list-item-action-subtitle-fill-active","wds-list-item-action-subtitle-font-line-height":"--wds-list-item-action-subtitle-font-line-height","wds-list-item-action-subtitle-font-size":"--wds-list-item-action-subtitle-font-size","wds-list-item-action-label-fill-active":"--wds-list-item-action-label-fill-active","wds-list-item-action-fill":"--wds-list-item-action-fill","wds-list-item-action-fill-active":"--wds-list-item-action-fill-active","wds-list-item-action-fill-hover":"--wds-list-item-action-fill-hover","wds-list-item-action-suffix-fill":"--wds-list-item-action-suffix-fill","wds-list-item-action-suffix-fill-active":"--wds-list-item-action-suffix-fill-active","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-font-weight-regular":"--wsr-font-weight-regular","wds-font-size-body-small":"--wds-font-size-body-small","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wds-font-size-body-medium":"--wds-font-size-body-medium","wds-font-line-height-body-medium":"--wds-font-line-height-body-medium","wds-font-weight-regular":"--wds-font-weight-regular"}; 
+var ListItemAction_st_css_vars = {"wds-color-fill-destructive-tertiary-active":"--wds-color-fill-destructive-tertiary-active","wds-color-fill-destructive-tertiary-hover":"--wds-color-fill-destructive-tertiary-hover","wds-list-item-action-fill-hover-destructive":"--wds-list-item-action-fill-hover-destructive","wds-list-item-action-label-fill-hover-destructive":"--wds-list-item-action-label-fill-hover-destructive","wds-list-item-action-subtitle-destructive":"--wds-list-item-action-subtitle-destructive","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-premium-tertiary-hover":"--wds-color-fill-premium-tertiary-hover","wds-color-fill-premium-tertiary-active":"--wds-color-fill-premium-tertiary-active","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-premium":"--wds-color-text-premium","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-list-item-action-gap":"--wds-list-item-action-gap","wds-list-item-action-affix-margin":"--wds-list-item-action-affix-margin","wds-list-item-action-padding-horizontal-medium":"--wds-list-item-action-padding-horizontal-medium","wds-list-item-action-padding-horizontal-small":"--wds-list-item-action-padding-horizontal-small","wds-list-item-action-padding-horizontal-end-medium":"--wds-list-item-action-padding-horizontal-end-medium","wds-list-item-action-padding-horizontal-end-small":"--wds-list-item-action-padding-horizontal-end-small","wds-list-item-action-padding-vertical-medium":"--wds-list-item-action-padding-vertical-medium","wds-list-item-action-padding-vertical-small":"--wds-list-item-action-padding-vertical-small","wds-list-item-action-border-radius":"--wds-list-item-action-border-radius","wds-space-100":"--wds-space-100","wds-list-item-action-label-font-line-height-medium":"--wds-list-item-action-label-font-line-height-medium","wds-list-item-action-label-font-line-height-small":"--wds-list-item-action-label-font-line-height-small","wds-list-item-action-label-font-size-medium":"--wds-list-item-action-label-font-size-medium","wds-list-item-action-label-font-size-small":"--wds-list-item-action-label-font-size-small","wds-list-item-action-label-fill-pressed-destructive":"--wds-list-item-action-label-fill-pressed-destructive","wds-list-item-action-label-fill-hover-premium":"--wds-list-item-action-label-fill-hover-premium","wds-list-item-action-label-fill-hover-primary":"--wds-list-item-action-label-fill-hover-primary","wds-list-item-action-label-fill-pressed-premium":"--wds-list-item-action-label-fill-pressed-premium","wds-list-item-action-label-fill-pressed-primary":"--wds-list-item-action-label-fill-pressed-primary","wds-list-item-action-subtitle-offset":"--wds-list-item-action-subtitle-offset","wds-list-item-action-title-font-weight-active":"--wds-list-item-action-title-font-weight-active","wds-list-item-action-title-font-weight":"--wds-list-item-action-title-font-weight","wds-list-item-action-subtitle-fill-pressed-destructive":"--wds-list-item-action-subtitle-fill-pressed-destructive","wds-list-item-action-subtitle-fill-active":"--wds-list-item-action-subtitle-fill-active","wds-list-item-action-subtitle-font-line-height":"--wds-list-item-action-subtitle-font-line-height","wds-list-item-action-subtitle-font-size":"--wds-list-item-action-subtitle-font-size","wds-list-item-action-label-fill-active":"--wds-list-item-action-label-fill-active","wds-list-item-action-fill":"--wds-list-item-action-fill","wds-list-item-action-fill-active":"--wds-list-item-action-fill-active","wds-list-item-action-fill-hover":"--wds-list-item-action-fill-hover","wds-list-item-action-suffix-fill":"--wds-list-item-action-suffix-fill","wds-list-item-action-suffix-fill-active":"--wds-list-item-action-suffix-fill-active","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-font-weight-regular":"--wsr-font-weight-regular","wds-font-size-body-small":"--wds-font-size-body-small","wds-font-line-height-body-small":"--wds-font-line-height-body-small","wds-font-size-body-medium":"--wds-font-size-body-medium","wds-font-line-height-body-medium":"--wds-font-line-height-body-medium","wds-font-weight-regular":"--wds-font-weight-regular"}; 
 
 
 
@@ -47280,6 +47403,7 @@ const Title = ({ title, subtitle, size, ellipsis, disabled, tooltipModifiers, })
 
 
 
+
 const ListItemAction = (0,external_React_.forwardRef)((props, ref) => {
     const { as: Component = 'button', skin = SKIN.standard, size = ListItemAction_constants_SIZE.medium, highlighted, dataHook, disabled, prefixIcon, onClick, onMouseEnter, onMouseLeave, tabIndex, onKeyDown, autoFocus, className, subtitle, suffix, suffixIcon, disabledDescription, ...others } = props;
     // We're spreading the "rest" props as "others" so we don't want to pass them to the component
@@ -47315,7 +47439,7 @@ const ListItemAction = (0,external_React_.forwardRef)((props, ref) => {
                 withSuffixIcon: !!suffixIcon,
                 hoverHighlightDisabled: highlighted === false,
                 'focus-visible': isFocusVisible,
-            }, className), "data-skin": skin, "data-disabled": disabled, tabIndex: tabIndex ?? 0, autoFocus: autoFocus, type: Component === 'button' ? 'button' : undefined, "data-hook": dataHook, onKeyDown: !disabled ? onKeyDown : undefined, onClick: !disabled ? onClick : undefined, onMouseEnter: !disabled ? onMouseEnter : undefined, onMouseLeave: !disabled ? onMouseLeave : undefined, ...focusProps },
+            }, className, !disabled && FocusRing_classes_classes.root({ inset: true })), "data-skin": skin, "data-disabled": disabled, tabIndex: tabIndex ?? 0, autoFocus: autoFocus, type: Component === 'button' ? 'button' : undefined, "data-hook": dataHook, onKeyDown: !disabled ? onKeyDown : undefined, onClick: !disabled ? onClick : undefined, onMouseEnter: !disabled ? onMouseEnter : undefined, onMouseLeave: !disabled ? onMouseLeave : undefined, ...focusProps },
             prefixIcon && (external_React_default().createElement(PrefixIcon, { prefixIcon: prefixIcon, size: size, subtitle: subtitle })),
             external_React_default().createElement(Title, { title: title, size: size, ellipsis: ellipsis, tooltipModifiers: rest.tooltipModifiers, subtitle: subtitle, disabled: disabled }),
             suffix && (external_React_default().createElement(Suffix_Suffix, { suffix: suffix, size: size, ellipsis: ellipsis, disabled: disabled })),
@@ -50198,7 +50322,7 @@ OverlayScrollbars.env = () => {
 
 
 
-var useOverlayScrollbar_initialization_st_css_namespace_ = "wds_1_320_1_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_);
@@ -50206,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_320_1_useOverlayScrollbarinitialization__root"};
-var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"wds_1_320_1_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 = {}; 
@@ -50226,7 +50350,7 @@ var useOverlayScrollbar_initialization_st_css_vars = {"os-vaw":"--os-vaw","os-va
 
 
 
-var useOverlayScrollbar_st_css_namespace_ = "wds_1_320_1_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_);
@@ -50234,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_320_1_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 = {};
@@ -50284,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;
@@ -50502,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;
@@ -50600,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
@@ -50819,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;
@@ -59630,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
 
 
@@ -59640,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);
@@ -59688,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,
@@ -62726,35 +62862,18 @@ var dist_Close = (/* unused pure expression or super */ null && (DialogClose));
 
 //# sourceMappingURL=index.mjs.map
 
-;// ../../../node_modules/@wix/design-system/dist/esm/Drawer/Drawer.st.css.js
-
-
-
-
-
-
-
-
-
-var Drawer_st_css_namespace_ = "wds_1_320_1_Drawer";
-var Drawer_st_css_style_ = classesRuntime.bind(null, Drawer_st_css_namespace_);
-
-var Drawer_st_css_cssStates = statesRuntime.bind(null, Drawer_st_css_namespace_);
-var Drawer_st_css_style = (/* unused pure expression or super */ null && (Drawer_st_css_style_));
-var Drawer_st_css_st = Drawer_st_css_style_;
-
-var Drawer_st_css_namespace = (/* unused pure expression or super */ null && (Drawer_st_css_namespace_));
-var Drawer_st_css_classes = {"root":"wds_1_320_1_Drawer__root","visuallyHidden":"wds_1_320_1_visuallyHidden__visuallyHidden","overlay":"wds_1_320_1_Drawer__overlay","handle":"wds_1_320_1_Drawer__handle","content":"wds_1_320_1_Drawer__content","contentInner":"wds_1_320_1_Drawer__contentInner","title":"wds_1_320_1_Drawer__title wds_1_320_1_visuallyHidden__visuallyHidden","contentWrapper":"wds_1_320_1_Drawer__contentWrapper"};
-var Drawer_st_css_keyframes = {}; 
-var Drawer_st_css_layers = {};
-var Drawer_st_css_containers = {};
-var Drawer_st_css_stVars = {"handleHeight":"4px","handleTopMargin":"var(--wds-space-200, 8px)","handleBottomMargin":"var(--wds-space-100, 4px)","contentMarginBottom":"var(--wds-space-padding-vertical-tiny, 12px)"}; 
-var Drawer_st_css_vars = {"wds-color-fill-surface-modal-backdrop":"--wds-color-fill-surface-modal-backdrop","wds-color-fill-surface-modal":"--wds-color-fill-surface-modal","wds-color-fill-dark-secondary":"--wds-color-fill-dark-secondary","wds-shadow-y-300":"--wds-shadow-y-300","wds-shadow-blur-800":"--wds-shadow-blur-800","wds-color-black-100-transparent-10":"--wds-color-black-100-transparent-10","wds-color-black-100-transparent-0":"--wds-color-black-100-transparent-0","wds-shadow-y-0":"--wds-shadow-y-0","wds-shadow-blur-0":"--wds-shadow-blur-0","wds-border-radius-surface-modal":"--wds-border-radius-surface-modal","wds-space-200":"--wds-space-200","wds-space-100":"--wds-space-100","wds-space-padding-horizontal-medium":"--wds-space-padding-horizontal-medium","wds-space-padding-vertical-tiny":"--wds-space-padding-vertical-tiny"}; 
-
-
-
-
+;// ../../../node_modules/@wix/design-system/dist/esm/Drawer/Drawer.classes.js
 
+const Drawer_classes_classes = defineClassNames('drawer', {
+    root: {},
+    overlay: { states: ['backdrop'] },
+    handle: {},
+    content: { states: ['margin', 'resizable'] },
+    contentInner: {},
+    contentWrapper: { states: ['margin'] },
+    title: {},
+});
+//# sourceMappingURL=Drawer.classes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Drawer/Drawer.constants.js
 const Drawer_constants_DATA_HOOKS = {
     OVERLAY: 'drawer-overlay',
@@ -63010,13 +63129,13 @@ const Drawer = ({ open, backdrop = true, renderBackdrop = true, resizable = true
     return (external_React_default().createElement("div", { "data-hook": dataHook },
         external_React_default().createElement(react_dialog_dist_Root, { open: open, onOpenChange: onClose, modal: modal },
             external_React_default().createElement(react_dialog_dist_Portal, null,
-                renderBackdrop && (external_React_default().createElement(Overlay, { "data-hook": Drawer_constants_DATA_HOOKS.OVERLAY, className: Drawer_st_css_st(Drawer_st_css_classes.overlay, { backdrop }), style: { zIndex } })),
-                external_React_default().createElement(dist_Content, { ref: handleContentRef, "data-hook": Drawer_constants_DATA_HOOKS.CONTENT, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, role: role, className: Drawer_st_css_st(Drawer_st_css_classes.content, { margin, resizable }), onInteractOutside: dismissible ? undefined : e => e.preventDefault(), onEscapeKeyDown: handleDismiss, onPointerDown: resizable ? onContentPointerDown : undefined, onPointerMove: resizable ? onContentPointerMove : undefined, onPointerUp: resizable ? onContentPointerUp : undefined, style: {
+                renderBackdrop && (external_React_default().createElement(Overlay, { "data-hook": Drawer_constants_DATA_HOOKS.OVERLAY, className: Drawer_classes_classes.overlay({ backdrop }), style: { zIndex } })),
+                external_React_default().createElement(dist_Content, { ref: handleContentRef, "data-hook": Drawer_constants_DATA_HOOKS.CONTENT, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, role: role, className: Drawer_classes_classes.content({ margin, resizable }), onInteractOutside: dismissible ? undefined : e => e.preventDefault(), onEscapeKeyDown: handleDismiss, onPointerDown: resizable ? onContentPointerDown : undefined, onPointerMove: resizable ? onContentPointerMove : undefined, onPointerUp: resizable ? onContentPointerUp : undefined, style: {
                         zIndex,
                     } },
-                    external_React_default().createElement(dist_Title, { className: Drawer_st_css_classes.title }),
-                    resizable && (external_React_default().createElement("div", { ref: handleRef, className: Drawer_st_css_classes.handle, "data-hook": Drawer_constants_DATA_HOOKS.HANDLE, onPointerDown: onHandlePointerDown, onPointerMove: onHandlePointerMove, onPointerUp: onHandlePointerUp })),
-                    external_React_default().createElement("div", { className: Drawer_st_css_classes.contentInner }, scrollable ? (external_React_default().createElement("div", { "data-hook": Drawer_constants_DATA_HOOKS.CONTENT_WRAPPER, className: Drawer_st_css_st(Drawer_st_css_classes.contentWrapper, { margin }) }, children)) : (children)))))));
+                    external_React_default().createElement(dist_Title, { className: Drawer_classes_classes.title() }),
+                    resizable && (external_React_default().createElement("div", { ref: handleRef, className: Drawer_classes_classes.handle(), "data-hook": Drawer_constants_DATA_HOOKS.HANDLE, onPointerDown: onHandlePointerDown, onPointerMove: onHandlePointerMove, onPointerUp: onHandlePointerUp })),
+                    external_React_default().createElement("div", { className: Drawer_classes_classes.contentInner() }, scrollable ? (external_React_default().createElement("div", { "data-hook": Drawer_constants_DATA_HOOKS.CONTENT_WRAPPER, className: Drawer_classes_classes.contentWrapper({ margin }) }, children)) : (children)))))));
 };
 Drawer.displayName = 'Drawer';
 
@@ -63032,6 +63151,7 @@ Drawer.displayName = 'Drawer';
 
 
 
+
 const DEFAULT_VALUE_PARSER = option => typeof option.value === 'string' ? option.value : option.label;
 const INPUT_WITH_OPTIONS_DOUBLE_CLICK_THRESHOLD = 2000;
 const DEFAULT_POPOVER_PROPS = {
@@ -63049,6 +63169,10 @@ class InputWithOptions extends external_React_.Component {
     inputClasses() { }
     dropdownClasses() { }
     dropdownAdditionalProps() { }
+    /** Maps the input size to the size of the rendered dropdown options. */
+    dropdownLayoutSize() {
+        return ['tiny', 'small'].includes(this.props.size) ? 'small' : 'medium';
+    }
     inputAdditionalProps() { }
     rootAdditionalProps() {
         return {};
@@ -63167,12 +63291,16 @@ class InputWithOptions extends external_React_.Component {
             'className',
         ], this.props), inputAdditionalProps);
         const { inputElement } = inputProps;
+        const expanded = this.isDropdownLayoutVisible();
         return external_React_default().cloneElement(inputElement, {
             menuArrow: true,
             ref: this.input,
-            ariaExpanded: this.state.showOptions,
-            ariaControls: `${this.uniqueId}-listbox`,
-            ariaActivedescendant: this.state.activeDescendentId,
+            role: inputElement.props.role ?? (this.props.native ? undefined : 'combobox'),
+            ariaExpanded: expanded,
+            ariaControls: expanded ? `${this.uniqueId}-listbox` : undefined,
+            ariaActivedescendant: expanded
+                ? this.state.activeDescendentId
+                : undefined,
             ...inputProps,
             onChange: this._onChange,
             onInputClicked: event => this._onInputClicked(event, mobile),
@@ -63266,7 +63394,7 @@ class InputWithOptions extends external_React_.Component {
             'inputElementRef',
         ];
         const inputOnlyProps = inputPropNames.filter(k => k !== 'tabIndex');
-        const dropdownProps = Object.assign(omit_default()(inputOnlyProps.concat(['dataHook', 'onClickOutside']), this.props), additionalProps ?? this.dropdownAdditionalProps());
+        const dropdownProps = Object.assign(omit_default()(inputOnlyProps.concat(['dataHook', 'onClickOutside']), this.props), { size: this.dropdownLayoutSize() }, additionalProps ?? this.dropdownAdditionalProps());
         const customStyle = {
             marginLeft: this.props.dropdownOffsetLeft,
             width: 'inherit',
@@ -63281,7 +63409,7 @@ class InputWithOptions extends external_React_.Component {
         const { options, onSelect, disabled } = this.props;
         return (external_React_default().createElement("div", { className: InputWithOptions_classes_classes.nativeSelectWrapper() },
             this.renderInput(),
-            external_React_default().createElement("select", { disabled: disabled, "data-hook": "native-select", className: InputWithOptions_classes_classes.nativeSelect(), onChange: event => {
+            external_React_default().createElement("select", { disabled: disabled, "data-hook": "native-select", className: InputWithOptions_classes_classes.nativeSelect({}, FocusRing_classes_classes.root()), onChange: event => {
                     this._onChange(event);
                     // In this case we don't use DropdownLayout so we need to invoke `onSelect` manually
                     onSelect(options[event.target.selectedIndex]);
@@ -63301,7 +63429,7 @@ class InputWithOptions extends external_React_.Component {
             external_React_default().createElement("div", { "data-input-parent": true, ref: this.menuGateRef, className: InputWithOptions_classes_classes.inputContainer({}, this.inputClasses()) }, this.renderInput(mobile)),
             external_React_default().createElement(Drawer, { dataHook: dataHook, open: this.isDropdownLayoutVisible(), onClose: this._onOpenChange, zIndex: this.props?.popoverProps?.zIndex },
                 external_React_default().createElement("div", { className: InputWithOptions_classes_classes.drawerContent() }, this.props.customDropdownContent ||
-                    this._renderDropdownLayout(additionalDropdownProps))))) : (external_React_default().createElement(PopoverNext, { className: InputWithOptions_classes_classes.root({ size: 'medium' }, rootProps.className ?? className), open: this.isDropdownLayoutVisible(), onOpenChange: this._onOpenChange, appendTo: popoverAppendTo ?? DEFAULT_POPOVER_PROPS.appendTo, flip: popoverFlip ?? DEFAULT_POPOVER_PROPS.flip, fixed: popoverFixed ?? DEFAULT_POPOVER_PROPS.fixed, placement: placement ?? DEFAULT_POPOVER_PROPS.placement, dynamicWidth: dynamicWidth, excludeClass: this.uniqueId, focusManagerEnabled: false, onClickOutside: this.props.onClickOutside, transitionSettings: this.state.menuExitDuration > 0
+                    this._renderDropdownLayout(additionalDropdownProps))))) : (external_React_default().createElement(PopoverNext, { className: InputWithOptions_classes_classes.root({ size: 'medium' }, rootProps.className ?? className), open: this.isDropdownLayoutVisible(), onOpenChange: this._onOpenChange, appendTo: popoverAppendTo ?? DEFAULT_POPOVER_PROPS.appendTo, flip: popoverFlip ?? DEFAULT_POPOVER_PROPS.flip, fixed: popoverFixed ?? DEFAULT_POPOVER_PROPS.fixed, placement: placement ?? DEFAULT_POPOVER_PROPS.placement, dynamicWidth: dynamicWidth, excludeClass: this.uniqueId, focusManagerEnabled: false, role: "presentation", onClickOutside: this.props.onClickOutside, transitionSettings: this.state.menuExitDuration > 0
                 ? {
                     duration: {
                         open: 0,
@@ -63320,7 +63448,7 @@ class InputWithOptions extends external_React_.Component {
                 empty: !hasContent,
             }) },
             external_React_default().createElement(PopoverNext.Trigger, null,
-                external_React_default().createElement("div", { "data-input-parent": true, ref: this.menuGateRef, className: InputWithOptions_classes_classes.inputContainer({}, this.inputClasses()) }, this.renderInput())),
+                external_React_default().createElement("div", { "aria-expanded": undefined, "aria-haspopup": undefined, "aria-controls": undefined, "data-input-parent": true, ref: this.menuGateRef, className: InputWithOptions_classes_classes.inputContainer({}, this.inputClasses()) }, this.renderInput())),
             external_React_default().createElement(PopoverNext.Content, null, this.props.customDropdownContent ||
                 this._renderDropdownLayout(additionalDropdownProps))))));
     }
@@ -63644,7 +63772,6 @@ class Dropdown extends InputWithOptions {
             value: this.state.value,
             tabIndex: -1,
             withArrow: false,
-            size: ['tiny', 'small'].includes(this.props.size) ? 'small' : 'medium',
         };
     }
     inputAdditionalProps() {
@@ -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_320_1_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,12 +77379,12 @@ 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_320_1_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 = {};
 var IconButton_st_css_stVars = {}; 
-var IconButton_st_css_vars = {"wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-size-tiny":"--wds-button-size-tiny","wds-button-size-small":"--wds-button-size-small","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-large":"--wds-button-size-large","wds-button-label-fill-transparent-tertiary":"--wds-button-label-fill-transparent-tertiary","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","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-transparent-tertiary":"--wds-color-fill-transparent-tertiary","wds-color-fill-transparent-tertiary-hover":"--wds-color-fill-transparent-tertiary-hover","wds-color-fill-transparent-tertiary-active":"--wds-color-fill-transparent-tertiary-active","wds-color-fill-transparent-tertiary-disabled":"--wds-color-fill-transparent-tertiary-disabled","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-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-border-ai-primary":"--wds-color-border-ai-primary","wds-icon-button-color-fill-standard-primary":"--wds-icon-button-color-fill-standard-primary","wds-icon-button-color-fill-standard-primary-hover":"--wds-icon-button-color-fill-standard-primary-hover","wds-icon-button-color-fill-standard-primary-active":"--wds-icon-button-color-fill-standard-primary-active","wds-icon-button-color-fill-standard-primary-disabled":"--wds-icon-button-color-fill-standard-primary-disabled","wds-icon-button-color-text-standard-primary":"--wds-icon-button-color-text-standard-primary","wds-icon-button-color-text-standard-primary-hover":"--wds-icon-button-color-text-standard-primary-hover","wds-icon-button-color-text-standard-primary-active":"--wds-icon-button-color-text-standard-primary-active","wds-icon-button-color-text-standard-primary-disabled":"--wds-icon-button-color-text-standard-primary-disabled","wds-icon-button-color-fill-standard-secondary":"--wds-icon-button-color-fill-standard-secondary","wds-icon-button-color-fill-standard-secondary-hover":"--wds-icon-button-color-fill-standard-secondary-hover","wds-icon-button-color-fill-standard-secondary-active":"--wds-icon-button-color-fill-standard-secondary-active","wds-icon-button-color-fill-standard-secondary-disabled":"--wds-icon-button-color-fill-standard-secondary-disabled","wds-icon-button-color-text-standard-secondary":"--wds-icon-button-color-text-standard-secondary","wds-icon-button-color-text-standard-secondary-hover":"--wds-icon-button-color-text-standard-secondary-hover","wds-icon-button-color-text-standard-secondary-active":"--wds-icon-button-color-text-standard-secondary-active","wds-icon-button-color-text-standard-secondary-disabled":"--wds-icon-button-color-text-standard-secondary-disabled","wds-icon-button-color-border-standard-secondary":"--wds-icon-button-color-border-standard-secondary","wds-icon-button-color-border-standard-secondary-hover":"--wds-icon-button-color-border-standard-secondary-hover","wds-icon-button-color-border-standard-secondary-active":"--wds-icon-button-color-border-standard-secondary-active","wds-icon-button-color-border-standard-secondary-disabled":"--wds-icon-button-color-border-standard-secondary-disabled","wds-icon-button-color-fill-standard-tertiary":"--wds-icon-button-color-fill-standard-tertiary","wds-icon-button-color-fill-standard-tertiary-hover":"--wds-icon-button-color-fill-standard-tertiary-hover","wds-icon-button-color-fill-standard-tertiary-active":"--wds-icon-button-color-fill-standard-tertiary-active","wds-icon-button-color-fill-standard-tertiary-disabled":"--wds-icon-button-color-fill-standard-tertiary-disabled","wds-icon-button-color-text-standard-tertiary":"--wds-icon-button-color-text-standard-tertiary","wds-icon-button-color-text-standard-tertiary-hover":"--wds-icon-button-color-text-standard-tertiary-hover","wds-icon-button-color-text-standard-tertiary-active":"--wds-icon-button-color-text-standard-tertiary-active","wds-icon-button-color-text-standard-tertiary-disabled":"--wds-icon-button-color-text-standard-tertiary-disabled","wds-icon-button-color-fill-light-primary":"--wds-icon-button-color-fill-light-primary","wds-icon-button-color-fill-light-primary-hover":"--wds-icon-button-color-fill-light-primary-hover","wds-icon-button-color-fill-light-primary-active":"--wds-icon-button-color-fill-light-primary-active","wds-icon-button-color-fill-light-primary-disabled":"--wds-icon-button-color-fill-light-primary-disabled","wds-icon-button-color-text-light-primary":"--wds-icon-button-color-text-light-primary","wds-icon-button-color-text-light-primary-hover":"--wds-icon-button-color-text-light-primary-hover","wds-icon-button-color-text-light-primary-active":"--wds-icon-button-color-text-light-primary-active","wds-icon-button-color-text-light-primary-disabled":"--wds-icon-button-color-text-light-primary-disabled","wds-icon-button-color-fill-light-secondary":"--wds-icon-button-color-fill-light-secondary","wds-icon-button-color-fill-light-secondary-hover":"--wds-icon-button-color-fill-light-secondary-hover","wds-icon-button-color-fill-light-secondary-active":"--wds-icon-button-color-fill-light-secondary-active","wds-icon-button-color-fill-light-secondary-disabled":"--wds-icon-button-color-fill-light-secondary-disabled","wds-icon-button-color-text-light-secondary":"--wds-icon-button-color-text-light-secondary","wds-icon-button-color-text-light-secondary-hover":"--wds-icon-button-color-text-light-secondary-hover","wds-icon-button-color-text-light-secondary-active":"--wds-icon-button-color-text-light-secondary-active","wds-icon-button-color-text-light-secondary-disabled":"--wds-icon-button-color-text-light-secondary-disabled","wds-icon-button-color-border-light-secondary":"--wds-icon-button-color-border-light-secondary","wds-icon-button-color-border-light-secondary-hover":"--wds-icon-button-color-border-light-secondary-hover","wds-icon-button-color-border-light-secondary-active":"--wds-icon-button-color-border-light-secondary-active","wds-icon-button-color-border-light-secondary-disabled":"--wds-icon-button-color-border-light-secondary-disabled","wds-icon-button-color-fill-light-tertiary":"--wds-icon-button-color-fill-light-tertiary","wds-icon-button-color-fill-light-tertiary-hover":"--wds-icon-button-color-fill-light-tertiary-hover","wds-icon-button-color-fill-light-tertiary-active":"--wds-icon-button-color-fill-light-tertiary-active","wds-icon-button-color-fill-light-tertiary-disabled":"--wds-icon-button-color-fill-light-tertiary-disabled","wds-icon-button-color-text-light-tertiary":"--wds-icon-button-color-text-light-tertiary","wds-icon-button-color-text-light-tertiary-hover":"--wds-icon-button-color-text-light-tertiary-hover","wds-icon-button-color-text-light-tertiary-active":"--wds-icon-button-color-text-light-tertiary-active","wds-icon-button-color-text-light-tertiary-disabled":"--wds-icon-button-color-text-light-tertiary-disabled","wds-icon-button-color-fill-premium-primary":"--wds-icon-button-color-fill-premium-primary","wds-icon-button-color-fill-premium-primary-hover":"--wds-icon-button-color-fill-premium-primary-hover","wds-icon-button-color-fill-premium-primary-active":"--wds-icon-button-color-fill-premium-primary-active","wds-icon-button-color-fill-premium-primary-disabled":"--wds-icon-button-color-fill-premium-primary-disabled","wds-icon-button-color-text-premium-primary":"--wds-icon-button-color-text-premium-primary","wds-icon-button-color-text-premium-primary-hover":"--wds-icon-button-color-text-premium-primary-hover","wds-icon-button-color-text-premium-primary-active":"--wds-icon-button-color-text-premium-primary-active","wds-icon-button-color-text-premium-primary-disabled":"--wds-icon-button-color-text-premium-primary-disabled","wds-icon-button-color-fill-premium-secondary":"--wds-icon-button-color-fill-premium-secondary","wds-icon-button-color-fill-premium-secondary-hover":"--wds-icon-button-color-fill-premium-secondary-hover","wds-icon-button-color-fill-premium-secondary-active":"--wds-icon-button-color-fill-premium-secondary-active","wds-icon-button-color-fill-premium-secondary-disabled":"--wds-icon-button-color-fill-premium-secondary-disabled","wds-icon-button-color-text-premium-secondary":"--wds-icon-button-color-text-premium-secondary","wds-icon-button-color-text-premium-secondary-hover":"--wds-icon-button-color-text-premium-secondary-hover","wds-icon-button-color-text-premium-secondary-active":"--wds-icon-button-color-text-premium-secondary-active","wds-icon-button-color-text-premium-secondary-disabled":"--wds-icon-button-color-text-premium-secondary-disabled","wds-icon-button-color-border-premium-secondary":"--wds-icon-button-color-border-premium-secondary","wds-icon-button-color-border-premium-secondary-active":"--wds-icon-button-color-border-premium-secondary-active","wds-icon-button-color-border-premium-secondary-disabled":"--wds-icon-button-color-border-premium-secondary-disabled","wds-icon-button-color-fill-premium-tertiary":"--wds-icon-button-color-fill-premium-tertiary","wds-icon-button-color-fill-premium-tertiary-hover":"--wds-icon-button-color-fill-premium-tertiary-hover","wds-icon-button-color-fill-premium-tertiary-active":"--wds-icon-button-color-fill-premium-tertiary-active","wds-icon-button-color-fill-premium-tertiary-disabled":"--wds-icon-button-color-fill-premium-tertiary-disabled","wds-icon-button-color-text-premium-tertiary":"--wds-icon-button-color-text-premium-tertiary","wds-icon-button-color-text-premium-tertiary-hover":"--wds-icon-button-color-text-premium-tertiary-hover","wds-icon-button-color-text-premium-tertiary-active":"--wds-icon-button-color-text-premium-tertiary-active","wds-icon-button-color-text-premium-tertiary-disabled":"--wds-icon-button-color-text-premium-tertiary-disabled","wds-icon-button-color-fill-dark-primary":"--wds-icon-button-color-fill-dark-primary","wds-icon-button-color-fill-dark-primary-hover":"--wds-icon-button-color-fill-dark-primary-hover","wds-icon-button-color-fill-dark-primary-active":"--wds-icon-button-color-fill-dark-primary-active","wds-icon-button-color-fill-dark-primary-disabled":"--wds-icon-button-color-fill-dark-primary-disabled","wds-icon-button-color-text-dark-primary":"--wds-icon-button-color-text-dark-primary","wds-icon-button-color-text-dark-primary-hover":"--wds-icon-button-color-text-dark-primary-hover","wds-icon-button-color-text-dark-primary-active":"--wds-icon-button-color-text-dark-primary-active","wds-icon-button-color-text-dark-primary-disabled":"--wds-icon-button-color-text-dark-primary-disabled","wds-icon-button-color-fill-dark-secondary":"--wds-icon-button-color-fill-dark-secondary","wds-icon-button-color-fill-dark-secondary-hover":"--wds-icon-button-color-fill-dark-secondary-hover","wds-icon-button-color-fill-dark-secondary-active":"--wds-icon-button-color-fill-dark-secondary-active","wds-icon-button-color-fill-dark-secondary-disabled":"--wds-icon-button-color-fill-dark-secondary-disabled","wds-icon-button-color-text-dark-secondary":"--wds-icon-button-color-text-dark-secondary","wds-icon-button-color-text-dark-secondary-hover":"--wds-icon-button-color-text-dark-secondary-hover","wds-icon-button-color-text-dark-secondary-active":"--wds-icon-button-color-text-dark-secondary-active","wds-icon-button-color-text-dark-secondary-disabled":"--wds-icon-button-color-text-dark-secondary-disabled","wds-icon-button-color-border-dark-secondary":"--wds-icon-button-color-border-dark-secondary","wds-icon-button-color-border-dark-secondary-disabled":"--wds-icon-button-color-border-dark-secondary-disabled","wds-icon-button-color-fill-dark-tertiary":"--wds-icon-button-color-fill-dark-tertiary","wds-icon-button-color-fill-dark-tertiary-hover":"--wds-icon-button-color-fill-dark-tertiary-hover","wds-icon-button-color-fill-dark-tertiary-active":"--wds-icon-button-color-fill-dark-tertiary-active","wds-icon-button-color-fill-dark-tertiary-disabled":"--wds-icon-button-color-fill-dark-tertiary-disabled","wds-icon-button-color-text-dark-tertiary":"--wds-icon-button-color-text-dark-tertiary","wds-icon-button-color-text-dark-tertiary-hover":"--wds-icon-button-color-text-dark-tertiary-hover","wds-icon-button-color-text-dark-tertiary-active":"--wds-icon-button-color-text-dark-tertiary-active","wds-icon-button-color-text-dark-tertiary-disabled":"--wds-icon-button-color-text-dark-tertiary-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-secondary":"--wds-color-fill-destructive-secondary","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-active":"--wds-color-fill-destructive-tertiary-active","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-border-destructive-primary":"--wds-color-border-destructive-primary"}; 
+var IconButton_st_css_vars = {"wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-size-tiny":"--wds-button-size-tiny","wds-button-size-small":"--wds-button-size-small","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-large":"--wds-button-size-large","wds-button-label-fill-transparent-tertiary":"--wds-button-label-fill-transparent-tertiary","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","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-transparent-tertiary":"--wds-color-fill-transparent-tertiary","wds-color-fill-transparent-tertiary-hover":"--wds-color-fill-transparent-tertiary-hover","wds-color-fill-transparent-tertiary-active":"--wds-color-fill-transparent-tertiary-active","wds-color-fill-transparent-tertiary-disabled":"--wds-color-fill-transparent-tertiary-disabled","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-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-border-ai-primary":"--wds-color-border-ai-primary","wds-icon-button-color-fill-standard-primary":"--wds-icon-button-color-fill-standard-primary","wds-icon-button-color-fill-standard-primary-hover":"--wds-icon-button-color-fill-standard-primary-hover","wds-icon-button-color-fill-standard-primary-active":"--wds-icon-button-color-fill-standard-primary-active","wds-icon-button-color-fill-standard-primary-disabled":"--wds-icon-button-color-fill-standard-primary-disabled","wds-icon-button-color-text-standard-primary":"--wds-icon-button-color-text-standard-primary","wds-icon-button-color-text-standard-primary-hover":"--wds-icon-button-color-text-standard-primary-hover","wds-icon-button-color-text-standard-primary-active":"--wds-icon-button-color-text-standard-primary-active","wds-icon-button-color-text-standard-primary-disabled":"--wds-icon-button-color-text-standard-primary-disabled","wds-icon-button-color-fill-standard-secondary":"--wds-icon-button-color-fill-standard-secondary","wds-icon-button-color-fill-standard-secondary-hover":"--wds-icon-button-color-fill-standard-secondary-hover","wds-icon-button-color-fill-standard-secondary-active":"--wds-icon-button-color-fill-standard-secondary-active","wds-icon-button-color-fill-standard-secondary-disabled":"--wds-icon-button-color-fill-standard-secondary-disabled","wds-icon-button-color-text-standard-secondary":"--wds-icon-button-color-text-standard-secondary","wds-icon-button-color-text-standard-secondary-hover":"--wds-icon-button-color-text-standard-secondary-hover","wds-icon-button-color-text-standard-secondary-active":"--wds-icon-button-color-text-standard-secondary-active","wds-icon-button-color-text-standard-secondary-disabled":"--wds-icon-button-color-text-standard-secondary-disabled","wds-icon-button-color-border-standard-secondary":"--wds-icon-button-color-border-standard-secondary","wds-icon-button-color-border-standard-secondary-hover":"--wds-icon-button-color-border-standard-secondary-hover","wds-icon-button-color-border-standard-secondary-active":"--wds-icon-button-color-border-standard-secondary-active","wds-icon-button-color-border-standard-secondary-disabled":"--wds-icon-button-color-border-standard-secondary-disabled","wds-icon-button-color-fill-standard-tertiary":"--wds-icon-button-color-fill-standard-tertiary","wds-icon-button-color-fill-standard-tertiary-hover":"--wds-icon-button-color-fill-standard-tertiary-hover","wds-icon-button-color-fill-standard-tertiary-active":"--wds-icon-button-color-fill-standard-tertiary-active","wds-icon-button-color-fill-standard-tertiary-disabled":"--wds-icon-button-color-fill-standard-tertiary-disabled","wds-icon-button-color-text-standard-tertiary":"--wds-icon-button-color-text-standard-tertiary","wds-icon-button-color-text-standard-tertiary-hover":"--wds-icon-button-color-text-standard-tertiary-hover","wds-icon-button-color-text-standard-tertiary-active":"--wds-icon-button-color-text-standard-tertiary-active","wds-icon-button-color-text-standard-tertiary-disabled":"--wds-icon-button-color-text-standard-tertiary-disabled","wds-icon-button-color-fill-light-primary":"--wds-icon-button-color-fill-light-primary","wds-icon-button-color-fill-light-primary-hover":"--wds-icon-button-color-fill-light-primary-hover","wds-icon-button-color-fill-light-primary-active":"--wds-icon-button-color-fill-light-primary-active","wds-icon-button-color-fill-light-primary-disabled":"--wds-icon-button-color-fill-light-primary-disabled","wds-icon-button-color-text-light-primary":"--wds-icon-button-color-text-light-primary","wds-icon-button-color-text-light-primary-hover":"--wds-icon-button-color-text-light-primary-hover","wds-icon-button-color-text-light-primary-active":"--wds-icon-button-color-text-light-primary-active","wds-icon-button-color-text-light-primary-disabled":"--wds-icon-button-color-text-light-primary-disabled","wds-icon-button-color-fill-light-secondary":"--wds-icon-button-color-fill-light-secondary","wds-icon-button-color-fill-light-secondary-hover":"--wds-icon-button-color-fill-light-secondary-hover","wds-icon-button-color-fill-light-secondary-active":"--wds-icon-button-color-fill-light-secondary-active","wds-icon-button-color-fill-light-secondary-disabled":"--wds-icon-button-color-fill-light-secondary-disabled","wds-icon-button-color-text-light-secondary":"--wds-icon-button-color-text-light-secondary","wds-icon-button-color-text-light-secondary-hover":"--wds-icon-button-color-text-light-secondary-hover","wds-icon-button-color-text-light-secondary-active":"--wds-icon-button-color-text-light-secondary-active","wds-icon-button-color-text-light-secondary-disabled":"--wds-icon-button-color-text-light-secondary-disabled","wds-icon-button-color-border-light-secondary":"--wds-icon-button-color-border-light-secondary","wds-icon-button-color-border-light-secondary-hover":"--wds-icon-button-color-border-light-secondary-hover","wds-icon-button-color-border-light-secondary-active":"--wds-icon-button-color-border-light-secondary-active","wds-icon-button-color-border-light-secondary-disabled":"--wds-icon-button-color-border-light-secondary-disabled","wds-icon-button-color-fill-light-tertiary":"--wds-icon-button-color-fill-light-tertiary","wds-icon-button-color-fill-light-tertiary-hover":"--wds-icon-button-color-fill-light-tertiary-hover","wds-icon-button-color-fill-light-tertiary-active":"--wds-icon-button-color-fill-light-tertiary-active","wds-icon-button-color-fill-light-tertiary-disabled":"--wds-icon-button-color-fill-light-tertiary-disabled","wds-icon-button-color-text-light-tertiary":"--wds-icon-button-color-text-light-tertiary","wds-icon-button-color-text-light-tertiary-hover":"--wds-icon-button-color-text-light-tertiary-hover","wds-icon-button-color-text-light-tertiary-active":"--wds-icon-button-color-text-light-tertiary-active","wds-icon-button-color-text-light-tertiary-disabled":"--wds-icon-button-color-text-light-tertiary-disabled","wds-icon-button-color-fill-premium-primary":"--wds-icon-button-color-fill-premium-primary","wds-icon-button-color-fill-premium-primary-hover":"--wds-icon-button-color-fill-premium-primary-hover","wds-icon-button-color-fill-premium-primary-active":"--wds-icon-button-color-fill-premium-primary-active","wds-icon-button-color-fill-premium-primary-disabled":"--wds-icon-button-color-fill-premium-primary-disabled","wds-icon-button-color-text-premium-primary":"--wds-icon-button-color-text-premium-primary","wds-icon-button-color-text-premium-primary-hover":"--wds-icon-button-color-text-premium-primary-hover","wds-icon-button-color-text-premium-primary-active":"--wds-icon-button-color-text-premium-primary-active","wds-icon-button-color-text-premium-primary-disabled":"--wds-icon-button-color-text-premium-primary-disabled","wds-icon-button-color-fill-premium-secondary":"--wds-icon-button-color-fill-premium-secondary","wds-icon-button-color-fill-premium-secondary-hover":"--wds-icon-button-color-fill-premium-secondary-hover","wds-icon-button-color-fill-premium-secondary-active":"--wds-icon-button-color-fill-premium-secondary-active","wds-icon-button-color-fill-premium-secondary-disabled":"--wds-icon-button-color-fill-premium-secondary-disabled","wds-icon-button-color-text-premium-secondary":"--wds-icon-button-color-text-premium-secondary","wds-icon-button-color-text-premium-secondary-hover":"--wds-icon-button-color-text-premium-secondary-hover","wds-icon-button-color-text-premium-secondary-active":"--wds-icon-button-color-text-premium-secondary-active","wds-icon-button-color-text-premium-secondary-disabled":"--wds-icon-button-color-text-premium-secondary-disabled","wds-icon-button-color-border-premium-secondary":"--wds-icon-button-color-border-premium-secondary","wds-icon-button-color-border-premium-secondary-active":"--wds-icon-button-color-border-premium-secondary-active","wds-icon-button-color-border-premium-secondary-disabled":"--wds-icon-button-color-border-premium-secondary-disabled","wds-icon-button-color-fill-premium-tertiary":"--wds-icon-button-color-fill-premium-tertiary","wds-icon-button-color-fill-premium-tertiary-hover":"--wds-icon-button-color-fill-premium-tertiary-hover","wds-icon-button-color-fill-premium-tertiary-active":"--wds-icon-button-color-fill-premium-tertiary-active","wds-icon-button-color-fill-premium-tertiary-disabled":"--wds-icon-button-color-fill-premium-tertiary-disabled","wds-icon-button-color-text-premium-tertiary":"--wds-icon-button-color-text-premium-tertiary","wds-icon-button-color-text-premium-tertiary-hover":"--wds-icon-button-color-text-premium-tertiary-hover","wds-icon-button-color-text-premium-tertiary-active":"--wds-icon-button-color-text-premium-tertiary-active","wds-icon-button-color-text-premium-tertiary-disabled":"--wds-icon-button-color-text-premium-tertiary-disabled","wds-icon-button-color-fill-dark-primary":"--wds-icon-button-color-fill-dark-primary","wds-icon-button-color-fill-dark-primary-hover":"--wds-icon-button-color-fill-dark-primary-hover","wds-icon-button-color-fill-dark-primary-active":"--wds-icon-button-color-fill-dark-primary-active","wds-icon-button-color-fill-dark-primary-disabled":"--wds-icon-button-color-fill-dark-primary-disabled","wds-icon-button-color-text-dark-primary":"--wds-icon-button-color-text-dark-primary","wds-icon-button-color-text-dark-primary-hover":"--wds-icon-button-color-text-dark-primary-hover","wds-icon-button-color-text-dark-primary-active":"--wds-icon-button-color-text-dark-primary-active","wds-icon-button-color-text-dark-primary-disabled":"--wds-icon-button-color-text-dark-primary-disabled","wds-icon-button-color-fill-dark-secondary":"--wds-icon-button-color-fill-dark-secondary","wds-icon-button-color-fill-dark-secondary-hover":"--wds-icon-button-color-fill-dark-secondary-hover","wds-icon-button-color-fill-dark-secondary-active":"--wds-icon-button-color-fill-dark-secondary-active","wds-icon-button-color-fill-dark-secondary-disabled":"--wds-icon-button-color-fill-dark-secondary-disabled","wds-icon-button-color-text-dark-secondary":"--wds-icon-button-color-text-dark-secondary","wds-icon-button-color-text-dark-secondary-hover":"--wds-icon-button-color-text-dark-secondary-hover","wds-icon-button-color-text-dark-secondary-active":"--wds-icon-button-color-text-dark-secondary-active","wds-icon-button-color-text-dark-secondary-disabled":"--wds-icon-button-color-text-dark-secondary-disabled","wds-icon-button-color-border-dark-secondary":"--wds-icon-button-color-border-dark-secondary","wds-icon-button-color-border-dark-secondary-disabled":"--wds-icon-button-color-border-dark-secondary-disabled","wds-icon-button-color-fill-dark-tertiary":"--wds-icon-button-color-fill-dark-tertiary","wds-icon-button-color-fill-dark-tertiary-hover":"--wds-icon-button-color-fill-dark-tertiary-hover","wds-icon-button-color-fill-dark-tertiary-active":"--wds-icon-button-color-fill-dark-tertiary-active","wds-icon-button-color-fill-dark-tertiary-disabled":"--wds-icon-button-color-fill-dark-tertiary-disabled","wds-icon-button-color-text-dark-tertiary":"--wds-icon-button-color-text-dark-tertiary","wds-icon-button-color-text-dark-tertiary-hover":"--wds-icon-button-color-text-dark-tertiary-hover","wds-icon-button-color-text-dark-tertiary-active":"--wds-icon-button-color-text-dark-tertiary-active","wds-icon-button-color-text-dark-tertiary-disabled":"--wds-icon-button-color-text-dark-tertiary-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-secondary":"--wds-color-fill-destructive-secondary","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-active":"--wds-color-fill-destructive-tertiary-active","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-border-destructive-primary":"--wds-color-border-destructive-primary"}; 
 
 
 
@@ -77272,6 +77399,7 @@ var IconButton_st_css_vars = {"wds-button-border-radius-tiny":"--wds-button-bord
 
 
 
+
 const IconButton = (0,external_React_.forwardRef)((props, ref) => {
     if (props.skin === 'inverted') {
         deprecationLog_deprecationLog('<IconButton/> - skin="inverted" is deprecated and will be removed in next major version, please use skin="standard" and priority="secondary" instead');
@@ -77288,7 +77416,7 @@ const IconButton = (0,external_React_.forwardRef)((props, ref) => {
     const { button: buttonPropsDefaults } = defaultOverrides;
     const { skin = 'standard', className, priority = 'primary', size = buttonPropsDefaults.size, children, disabled = false, dataHook, ariaLabel, ariaLabelledBy, ...rest } = useDefaultProps('IconButton', props);
     const childSize = ICON_CHILD_SIZE[size];
-    return (external_React_default().createElement(WrappedButtonCore, { ...rest, disabled: disabled, ref: buttonRef, className: IconButton_st_css_st(IconButton_st_css_classes.root, { skin, priority, size }, className), ...generateDataAttr({
+    return (external_React_default().createElement(WrappedButtonCore, { ...rest, disabled: disabled, ref: buttonRef, className: IconButton_st_css_st(IconButton_st_css_classes.root, { skin, priority, size }, className, FocusRing_classes_classes.root()), ...generateDataAttr({
             ...props,
             size,
         }, ['skin', 'size', 'priority']), "data-hook": dataHook, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, children &&
@@ -77323,7 +77451,7 @@ const Avatar_constants_dataHooks = {
 
 
 
-var AvatarCore_st_css_namespace_ = "wds_1_320_1_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_);
@@ -77331,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_320_1_AvatarCore__root","content":"wds_1_320_1_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 = {};
@@ -77354,7 +77482,7 @@ var AvatarCore_st_css_vars = {};
 
 
 
-var Avatar_st_css_namespace_ = "wds_1_320_1_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_);
@@ -77362,12 +77490,12 @@ 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_320_1_Avatar__root","text-small-bold":"wds_1_320_1_StylableTypography__text-small-bold","text-medium-bold":"wds_1_320_1_StylableTypography__text-medium-bold","placeholder":"wds_1_320_1_Avatar__placeholder","avatarContainer":"wds_1_320_1_Avatar__avatarContainer","coreAvatar":"wds_1_320_1_Avatar__coreAvatar","avatar":"wds_1_320_1_Avatar__avatar","presence":"wds_1_320_1_Avatar__presence","indication":"wds_1_320_1_Avatar__indication","iconButtonShadow":"wds_1_320_1_Avatar__iconButtonShadow","colorA1":"wds_1_320_1_Avatar__colorA1","colorA2":"wds_1_320_1_Avatar__colorA2","colorA3":"wds_1_320_1_Avatar__colorA3","colorA4":"wds_1_320_1_Avatar__colorA4","colorA5":"wds_1_320_1_Avatar__colorA5","colorA6":"wds_1_320_1_Avatar__colorA6","colorA7":"wds_1_320_1_Avatar__colorA7","loaderContainer":"wds_1_320_1_Avatar__loaderContainer","overlay":"wds_1_320_1_Avatar__overlay","loader":"wds_1_320_1_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 = {};
 var Avatar_st_css_stVars = {}; 
-var Avatar_st_css_vars = {"wds-font-family-default":"--wds-font-family-default","wds-font-size-100":"--wds-font-size-100","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-line-height-200":"--wds-font-line-height-200","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-avatar-text-fill":"--wds-avatar-text-fill","wds-color-fill-accent-1":"--wds-color-fill-accent-1","wds-color-fill-accent-2":"--wds-color-fill-accent-2","wds-color-fill-accent-3":"--wds-color-fill-accent-3","wds-color-fill-accent-4":"--wds-color-fill-accent-4","wds-color-fill-accent-5":"--wds-color-fill-accent-5","wds-color-fill-accent-6":"--wds-color-fill-accent-6","wds-avatar-color-7-fill":"--wds-avatar-color-7-fill","wds-avatar-size-tiny":"--wds-avatar-size-tiny","wds-color-fill-success-primary":"--wds-color-fill-success-primary","wds-color-fill-warning-primary":"--wds-color-fill-warning-primary","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-blue-300":"--wds-color-blue-300","wds-color-blue-500":"--wds-color-blue-500","wds-border-radius-200":"--wds-border-radius-200","wds-border-radius-300":"--wds-border-radius-300","wds-border-radius-full":"--wds-border-radius-full","wds-color-border-light-active":"--wds-color-border-light-active","wds-border-width-200":"--wds-border-width-200","wds-color-black-100":"--wds-color-black-100"}; 
+var Avatar_st_css_vars = {"wds-font-family-default":"--wds-font-family-default","wds-font-size-100":"--wds-font-size-100","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-line-height-200":"--wds-font-line-height-200","wds-avatar-text-fill":"--wds-avatar-text-fill","wds-color-fill-accent-1":"--wds-color-fill-accent-1","wds-color-fill-accent-2":"--wds-color-fill-accent-2","wds-color-fill-accent-3":"--wds-color-fill-accent-3","wds-color-fill-accent-4":"--wds-color-fill-accent-4","wds-color-fill-accent-5":"--wds-color-fill-accent-5","wds-color-fill-accent-6":"--wds-color-fill-accent-6","wds-avatar-color-7-fill":"--wds-avatar-color-7-fill","wds-avatar-size-tiny":"--wds-avatar-size-tiny","wds-color-fill-success-primary":"--wds-color-fill-success-primary","wds-color-fill-warning-primary":"--wds-color-fill-warning-primary","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-blue-300":"--wds-color-blue-300","wds-color-blue-500":"--wds-color-blue-500","wds-border-radius-200":"--wds-border-radius-200","wds-border-radius-300":"--wds-border-radius-300","wds-border-radius-full":"--wds-border-radius-full","wds-color-border-light-active":"--wds-color-border-light-active","wds-border-width-200":"--wds-border-width-200","wds-color-black-100":"--wds-color-black-100"}; 
 
 
 
@@ -77537,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
@@ -77644,6 +77772,7 @@ const WrappedAvatarCore = Focusable_withFocusable(AvatarCore);
 
 
 
+
 const getSizeNumber = size => Number(size.substring(4));
 const defaultSize = 48;
 const minSmallIconButton = 60;
@@ -77691,7 +77820,7 @@ class Avatar_Avatar extends (external_React_default()).PureComponent {
                     hasText: !!text,
                 }) },
                 external_React_default().createElement("div", { className: Avatar_st_css_classes.coreAvatar },
-                    external_React_default().createElement(WrappedAvatarCore, { ...rest, placeholder: placeholder ?? (external_React_default().createElement(AvatarDefaultPlaceholder, { shape: shape, size: size })), text: text, name: name, onClick: onClick, initialsLimit: sizeNumber < 24 ? 1 : undefined, "data-hook": Avatar_constants_dataHooks.avatarCore, className: Avatar_st_css_st(Avatar_st_css_classes.avatar, Avatar_st_css_classes[`color${capitalize(calculatedColor)}`]) })),
+                    external_React_default().createElement(WrappedAvatarCore, { ...rest, placeholder: placeholder ?? (external_React_default().createElement(AvatarDefaultPlaceholder, { shape: shape, size: size })), text: text, name: name, onClick: onClick, initialsLimit: sizeNumber < 24 ? 1 : undefined, "data-hook": Avatar_constants_dataHooks.avatarCore, className: Avatar_st_css_st(Avatar_st_css_classes.avatar, Avatar_st_css_classes[`color${capitalize(calculatedColor)}`], FocusRing_classes_classes.root()) })),
                 renderLoader && [
                     external_React_default().createElement("div", { key: "overlay", className: Avatar_st_css_st(Avatar_st_css_classes.loaderContainer, Avatar_st_css_classes.overlay) }),
                     external_React_default().createElement("div", { key: "loader", className: Avatar_st_css_st(Avatar_st_css_classes.loaderContainer, Avatar_st_css_classes.loader) },
@@ -77820,7 +77949,7 @@ const customStyles=(props,rtl)=>{return{valueContainer:provided=>({...provided,p
 
 
 
-var Tag_st_css_namespace_ = "wds_1_320_1_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_);
@@ -77828,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_320_1_Tag__root","thumb":"wds_1_320_1_Tag__thumb","removeButton":"wds_1_320_1_Tag__removeButton","text":"wds_1_320_1_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 = {};
@@ -77944,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_320_1_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_320_1_InputWithTags__root","text-medium-normal":"wds_1_320_1_StylableTypography__text-medium-normal","input-inner-shadow-mixin":"wds_1_320_1_Input__input-inner-shadow-mixin","inputWrapper":"wds_1_320_1_InputWithTags__inputWrapper","emptyInput":"wds_1_320_1_InputWithTags__emptyInput","selectMode":"wds_1_320_1_InputWithTags__selectMode","inputSuffix":"wds_1_320_1_InputWithTags__inputSuffix","menuArrow":"wds_1_320_1_InputWithTags__menuArrow","statusIndicator":"wds_1_320_1_InputWithTags__statusIndicator","suffixes":"wds_1_320_1_InputWithTags__suffixes","hiddenDiv":"wds_1_320_1_InputWithTags__hiddenDiv","scrollableContent":"wds_1_320_1_InputWithTags__scrollableContent","customSuffix":"wds_1_320_1_InputWithTags__customSuffix","customPrefix":"wds_1_320_1_InputWithTags__customPrefix","tagsContainer":"wds_1_320_1_InputWithTags__tagsContainer","draggedTag":"wds_1_320_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_320_1_InputWithTags__draggedTagPlaceholder","input":"wds_1_320_1_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-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","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_320_1_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
@@ -79860,7 +79990,7 @@ const WrappedSortableListBase = withDNDContext(SortableListBase);
 
 
 
-var dnd_styles_st_css_namespace_ = "wds_1_320_1_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_);
@@ -79868,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_320_1_dndstyles__root","item":"wds_1_320_1_dndstyles__item","itemPlaceholder":"wds_1_320_1_dndstyles__itemPlaceholder","itemPreview":"wds_1_320_1_dndstyles__itemPreview","list":"wds_1_320_1_dndstyles__list","gridItemPlaceholder":"wds_1_320_1_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_320_1_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_320_1_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_320_1_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_320_1_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 = {};
@@ -79905,6 +80035,8 @@ const dndStyles = {
 
 
 
+
+
 class InputWithTags extends (external_React_default()).Component {
     constructor(props) {
         super(props);
@@ -79915,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();
@@ -79927,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) {
@@ -79940,20 +80079,26 @@ 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);
+            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._hasVisibleFocus() && border !== 'bottomLine',
+        }));
     }
     render() {
         const { tags, onRemoveTag, onReorder, placeholder, status, statusMessage, disabled, readOnly, delimiters, mode, size = 'medium', border, className, backgroundColor, ...inputProps } = this.props;
@@ -79971,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)) {
@@ -79988,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))))));
         }));
     }
@@ -80002,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)));
@@ -80037,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_320_1_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_320_1_MultiSelect__root","inputWithTags":"wds_1_320_1_MultiSelect__inputWithTags","autoSizeInput":"wds_1_320_1_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
 
 
@@ -80089,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() {
@@ -80145,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,
@@ -80240,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';
@@ -80298,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_320_1_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_320_1_EmptyState__root","childrenContainer":"wds_1_320_1_EmptyState__childrenContainer","imageContainer":"wds_1_320_1_EmptyState__imageContainer","container":"wds_1_320_1_EmptyState__container","imageElement":"wds_1_320_1_EmptyState__imageElement","titleContainer":"wds_1_320_1_EmptyState__titleContainer","title":"wds_1_320_1_EmptyState__title","subtitle":"wds_1_320_1_EmptyState__subtitle","subtitleContainer":"wds_1_320_1_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_320_1_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
 
 
@@ -80351,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';
 
@@ -81282,7 +81402,7 @@ const FOCUSABLE_SELECTOR = 'a[href], button, input, textarea, select, [tabindex]
 
 
 
-var InfoIcon_st_css_namespace_ = "wds_1_320_1_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_);
@@ -81290,12 +81410,12 @@ 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_320_1_InfoIcon__root","trigger":"wds_1_320_1_InfoIcon__trigger","icon":"wds_1_320_1_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 = {};
 var InfoIcon_st_css_stVars = {}; 
-var InfoIcon_st_css_vars = {"wds-color-text-primary":"--wds-color-text-primary","wds-info-icon-fill":"--wds-info-icon-fill","wds-info-icon-fill-hover":"--wds-info-icon-fill-hover","wds-shadow-focus-standard":"--wds-shadow-focus-standard"}; 
+var InfoIcon_st_css_vars = {"wds-color-text-primary":"--wds-color-text-primary","wds-info-icon-fill":"--wds-info-icon-fill","wds-info-icon-fill-hover":"--wds-info-icon-fill-hover"}; 
 
 
 
@@ -81310,6 +81430,7 @@ var InfoIcon_st_css_vars = {"wds-color-text-primary":"--wds-color-text-primary",
 
 
 
+
 const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className, children, ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, }) => {
     const icons = useIcons('InfoIcon', {
         InfoCircle: InfoCircle_default,
@@ -81324,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 = {
@@ -81346,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();
@@ -81370,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
@@ -81442,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_classes.trigger, 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';
 
@@ -81488,7 +81597,7 @@ const LABEL_SIZE = {
 
 
 
-var FormField_st_css_namespace_ = "wds_1_320_1_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_);
@@ -81496,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_320_1_FormField__root","label":"wds_1_320_1_FormField__label","suffix":"wds_1_320_1_FormField__suffix","children":"wds_1_320_1_FormField__children","statusMessage":"wds_1_320_1_FormField__statusMessage","labelRow":"wds_1_320_1_FormField__labelRow","labelRowMain":"wds_1_320_1_FormField__labelRowMain","asterisk":"wds_1_320_1_FormField__asterisk","charCount":"wds_1_320_1_FormField__charCount","infoIcon":"wds_1_320_1_FormField__infoIcon","statusIcon":"wds_1_320_1_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 = {};
@@ -81741,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_320_1_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_320_1_InputArea__root","text-small-thin":"wds_1_320_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_320_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_320_1_defaultscrollbar__defaultScrollBar","input-inner-shadow-mixin":"wds_1_320_1_Input__input-inner-shadow-mixin","inputArea":"wds_1_320_1_InputArea__inputArea","counter":"wds_1_320_1_InputArea__counter","status":"wds_1_320_1_InputArea__status","disabled":"wds_1_320_1_InputArea__disabled","readOnly":"wds_1_320_1_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-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","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_320_1_InputArea-border-color","border-color-destructive":"--wds_1_320_1_InputArea-border-color-destructive","border-color-warning":"--wds_1_320_1_InputArea-border-color-warning","border-color-disabled":"--wds_1_320_1_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_320_1_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_320_1_InputArea-wds-input-area-height-medium-adjusted","input-background":"--wds_1_320_1_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',
@@ -81803,8 +81898,10 @@ const InputArea_semanticClassNames_semanticClassNames = {
 
 
 
+
+
 /**
- * General inputArea container
+ * General inputArea container.
  */
 class InputAreaComponent extends (external_React_default()).PureComponent {
     constructor() {
@@ -81813,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,
         };
@@ -81850,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
@@ -81977,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,
@@ -81985,8 +82083,15 @@ 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 && this.state.focusVisible),
+                    })) },
                     typeof children === 'function' ? (children({
                         className: '',
                         rows: rowsAttr || 0,
@@ -81999,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,
                     } })))));
         }));