@wix/patterns 1.422.0 → 1.423.0

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep638239034\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep638239034__root\",\"titles\":\"PickerContentAdditionalStep638239034__titles\",\"suffix\":\"PickerContentAdditionalStep638239034__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sCAAsC;AACxD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4CAA4C;EAAC,QAAQ,EAAC,8CAA8C;EAAC,QAAQ,EAAC;AAA8C,CAAC;AACnL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1877923304\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep1877923304__root\",\"titles\":\"PickerContentAdditionalStep1877923304__titles\",\"suffix\":\"PickerContentAdditionalStep1877923304__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerTableListItem3102395096";
+var _namespace_ = "PickerTableListItem2964130331";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerTableListItem3102395096__root"
+  "root": "PickerTableListItem2964130331__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3102395096\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem3102395096__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2964130331\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem2964130331__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent2389277111";
+var _namespace_ = "ScrollableContent3853991789";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ScrollableContent2389277111__root"
+  "root": "ScrollableContent3853991789__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2389277111\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent2389277111__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3853991789\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent3853991789__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget1301138261";
+var _namespace_ = "SetupWidget4051015157";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SetupWidget1301138261__root",
-  "row": "SetupWidget1301138261__row",
-  "completedCta": "SetupWidget1301138261__completedCta",
-  "card": "SetupWidget1301138261__card"
+  "root": "SetupWidget4051015157__root",
+  "row": "SetupWidget4051015157__row",
+  "completedCta": "SetupWidget4051015157__completedCta",
+  "card": "SetupWidget4051015157__card"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget1301138261\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SetupWidget1301138261__root\",\"row\":\"SetupWidget1301138261__row\",\"completedCta\":\"SetupWidget1301138261__completedCta\",\"card\":\"SetupWidget1301138261__card\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC;AAA6B,CAAC;AACjL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget4051015157\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SetupWidget4051015157__root\",\"row\":\"SetupWidget4051015157__row\",\"completedCta\":\"SetupWidget4051015157__completedCta\",\"card\":\"SetupWidget4051015157__card\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC;AAA6B,CAAC;AACjL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard1867398531";
+var _namespace_ = "SkeletonCard4040440223";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SkeletonCard1867398531__root",
-  "headerLoading": "SkeletonCard1867398531__headerLoading"
+  "root": "SkeletonCard4040440223__root",
+  "headerLoading": "SkeletonCard4040440223__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1867398531\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard1867398531__root\",\"headerLoading\":\"SkeletonCard1867398531__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard4040440223\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard4040440223__root\",\"headerLoading\":\"SkeletonCard4040440223__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SlidingModal719247517";
+var _namespace_ = "SlidingModal2850071977";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SlidingModal719247517__root"
+  "root": "SlidingModal2850071977__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal719247517\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal719247517__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2850071977\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SlidingModal2850071977__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1604621513";
+var _namespace_ = "TabsFilter3869411207";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter1604621513__root",
-  "title": "TabsFilter1604621513__title"
+  "root": "TabsFilter3869411207__root",
+  "title": "TabsFilter3869411207__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1604621513\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter1604621513__root\",\"title\":\"TabsFilter1604621513__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter3869411207\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter3869411207__root\",\"title\":\"TabsFilter3869411207__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal4210290641";
+var _namespace_ = "ManageTagsModal4070692141";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal4210290641__root"
+  "root": "ManageTagsModal4070692141__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal4210290641\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal4210290641__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal4070692141\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal4070692141__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem2972253893";
+var _namespace_ = "ToolbarItem3003911644";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem2972253893__root"
+  "root": "ToolbarItem3003911644__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem2972253893\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem2972253893__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3003911644\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem3003911644__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox2772256176";
+var _namespace_ = "ToolbarItemBox3861072097";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox2772256176__root"
+  "root": "ToolbarItemBox3861072097__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2772256176\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2772256176__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3861072097\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox3861072097__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2904124303";
+var _namespace_ = "common2112733534";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common2904124303__root",
-  "column": "common2904124303__column",
-  "fullHeight": "common2904124303__fullHeight"
+  "root": "common2112733534__root",
+  "column": "common2112733534__column",
+  "fullHeight": "common2112733534__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2904124303\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common2904124303__root\",\"column\":\"common2904124303__column\",\"fullHeight\":\"common2904124303__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2112733534\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common2112733534__root\",\"column\":\"common2112733534__column\",\"fullHeight\":\"common2112733534__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useBuildOption.js

@@ -8,7 +8,8 @@ var _react = require("react");
 function useBuildOption({
   filter,
   checkbox,
-  renderItem
+  renderItem,
+  getOptionState
 }) {
   return (0, _react.useCallback)((keyedItem, index) => {
     const {
@@ -23,12 +24,13 @@ function useBuildOption({
       ellipsis: true,
       title: filter.itemName(item),
       label: title,
-      ...option
+      ...option,
+      ...(getOptionState == null ? void 0 : getOptionState(key))
     }), {
       sectionId: option == null ? void 0 : option.sectionId,
       keyedItem
     });
-  }, [renderItem, checkbox]);
+  }, [renderItem, checkbox, getOptionState]);
 }
 function useBuildGroupedOptions({
   items,

package/dist/cjs/hooks/useBuildOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox],\n  );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGN,UAAU,oBAAVA,UAAU,CAAGK,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGT,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPL,QAAQ;MACRc,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAET,MAAM,CAACU,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD;IACL,CAAC,CAAC,EACF;MACES,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACF,UAAU,EAAED,QAAQ,CACvB,CAAC;AACH;AAaO,SAASiB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","getOptionState","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport interface BuildOptionState {\n  disabled?: boolean;\n  disabledDescription?: string;\n}\n\nexport function useBuildOption<V>({\n  filter,\n  checkbox,\n  renderItem,\n  getOptionState,\n}: {\n  filter: ArrayField<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  checkbox?: boolean;\n  getOptionState?: (key: string) => BuildOptionState;\n}) {\n  return useCallback(\n    (keyedItem: KeyedItem<V>, index: number) => {\n      const { key, item } = keyedItem;\n      const option = renderItem?.(item, index);\n\n      const title = filter.itemName(item);\n\n      return Object.assign(\n        listItemSelectBuilder({\n          id: key,\n          checkbox,\n          ellipsis: true,\n          title: filter.itemName(item),\n          label: title,\n          ...option,\n          ...getOptionState?.(key),\n        }),\n        {\n          sectionId: option?.sectionId,\n          keyedItem,\n        },\n      );\n    },\n    [renderItem, checkbox, getOptionState],\n  );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n  sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n  readonly items: DropdownLayoutOptionWithSectionId[];\n  readonly renderSection?: (\n    sectionId: string,\n  ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n  items,\n  renderSection,\n}: BuildSectionOptionsArgs) {\n  return useMemo(() => {\n    if (!renderSection) {\n      return items;\n    }\n\n    const { groups } = items.reduce(\n      (acc, option) => {\n        const sectionId = option.sectionId || '';\n\n        let group;\n\n        if (acc._cache[sectionId]) {\n          group = acc._cache[sectionId];\n        } else {\n          group = [\n            listItemSectionBuilder(renderSection(sectionId)),\n          ] as DropdownLayoutOption[];\n          acc.groups.push(group);\n          acc._cache[sectionId] = group;\n        }\n\n        group.push(option);\n\n        return acc;\n      },\n      {\n        _cache: {} as Record<string, DropdownLayoutOption[]>,\n        groups: [] as DropdownLayoutOption[][],\n      },\n    );\n\n    return groups.flatMap((e) => e);\n  }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAQO,SAASE,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC;AAMF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGP,UAAU,oBAAVA,UAAU,CAAGM,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGV,MAAM,CAACW,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPN,QAAQ;MACRe,QAAQ,EAAE,IAAI;MACdN,KAAK,EAAEV,MAAM,CAACW,QAAQ,CAACH,IAAI,CAAC;MAC5BS,KAAK,EAAEP,KAAK;MACZ,GAAGD,MAAM;MACT,IAAGN,cAAc,oBAAdA,cAAc,CAAGI,GAAG,CAAC;IAC1B,CAAC,CAAC,EACF;MACEW,SAAS,EAAET,MAAM,oBAANA,MAAM,CAAES,SAAS;MAC5Bb;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACH,UAAU,EAAED,QAAQ,EAAEE,cAAc,CACvC,CAAC;AACH;AAaO,SAASgB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEhB,MAAM,KAAK;MACf,MAAMS,SAAS,GAAGT,MAAM,CAACS,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACpB,MAAM,CAAC;MAElB,OAAOgB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}

package/dist/cjs/hooks/useCollectionOptions.js

@@ -4,16 +4,27 @@ exports.__esModule = true;
 exports.useCollectionOptions = useCollectionOptions;
 var _designSystem = require("@wix/design-system");
 var _ = require(".");
+var _react = require("@wix/bex-core/react");
 function useCollectionOptions({
   collection,
   dropdownCollectionFilterState,
   renderItem,
   filter
 }) {
+  const {
+    translate
+  } = (0, _react.useWixPatternsContainer)();
+  const {
+    dropdownSelect
+  } = dropdownCollectionFilterState;
   const buildOption = (0, _.useBuildOption)({
     filter,
     renderItem,
-    checkbox: true
+    checkbox: true,
+    getOptionState: key => dropdownSelect.canToggle(key) ? {} : {
+      disabled: true,
+      disabledDescription: translate('cairo.picker.itemsSelected.maxSelected.tooltip')
+    }
   });
   const {
     result: {

package/dist/cjs/hooks/useCollectionOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_","useCollectionOptions","collection","dropdownCollectionFilterState","renderItem","filter","buildOption","useBuildOption","checkbox","result","keyedItems","query","search","isEmpty","isEmptySearch","shouldPromote","itemsToPromote","promotedItems","item","includes","key","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","promotedItemKeys","Set","otherOptions","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownCollectionFilterState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownCollectionFilterState: DropdownCollectionFilterState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownCollectionFilterState,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  // Original behavior: promote when not searching\n  const shouldPromote = isEmptySearch;\n\n  // Always use the snapshot from onOptionsShow to maintain consistent session behavior\n  // This prevents items from jumping during the session, even if snapshot is empty\n  const itemsToPromote = dropdownCollectionFilterState.promotedItems;\n\n  const promotedItems = shouldPromote\n    ? keyedItems.filter((item) => itemsToPromote.includes(item.key))\n    : [];\n\n  const finalOptions = promotedItems.length\n    ? promotedItems.map(buildOption)\n    : [];\n\n  const divider =\n    shouldPromote &&\n    promotedItems.length &&\n    promotedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const promotedItemKeys = new Set(itemsToPromote);\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    shouldPromote\n      ? keyedItems.filter(({ key }) => !promotedItemKeys.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAcO,SAASE,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,6BAA6B;EAC7BC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAMC,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCF,MAAM;IACND,UAAU;IACVI,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM;IACJC,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGZ,UAAU;;EAEd;EACA,MAAMa,aAAa,GAAGD,aAAa;;EAEnC;EACA;EACA,MAAME,cAAc,GAAGb,6BAA6B,CAACc,aAAa;EAElE,MAAMA,aAAa,GAAGF,aAAa,GAC/BL,UAAU,CAACL,MAAM,CAAEa,IAAI,IAAKF,cAAc,CAACG,QAAQ,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,GAC9D,EAAE;EAEN,MAAMC,YAAY,GAAGJ,aAAa,CAACK,MAAM,GACrCL,aAAa,CAACM,GAAG,CAACjB,WAAW,CAAC,GAC9B,EAAE;EAEN,MAAMkB,OAAO,GACXT,aAAa,IACbE,aAAa,CAACK,MAAM,IACpBL,aAAa,CAACK,MAAM,KAAKZ,UAAU,CAACY,MAAM,GACtC,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAACd,cAAc,CAAC;EAEhD,MAAMe,YAAkC,GAAG,CACzChB,aAAa,GACTL,UAAU,CAACL,MAAM,CAAC,CAAC;IAAEe;EAAI,CAAC,KAAK,CAACS,gBAAgB,CAACG,GAAG,CAACZ,GAAG,CAAC,CAAC,GAC1DV,UAAU,EACda,GAAG,CAACjB,WAAW,CAAC;EAElB,MAAM2B,OAAO,GAAG,CAAC,IAAIlB,aAAa,GAAGa,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGG,YAAY,CAAC;EAE5E,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_","_react","useCollectionOptions","collection","dropdownCollectionFilterState","renderItem","filter","translate","useWixPatternsContainer","dropdownSelect","buildOption","useBuildOption","checkbox","getOptionState","key","canToggle","disabled","disabledDescription","result","keyedItems","query","search","isEmpty","isEmptySearch","shouldPromote","itemsToPromote","promotedItems","item","includes","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","promotedItemKeys","Set","otherOptions","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownCollectionFilterState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownCollectionFilterState: DropdownCollectionFilterState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownCollectionFilterState,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const { translate } = useWixPatternsContainer();\n  const { dropdownSelect } = dropdownCollectionFilterState;\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n    getOptionState: (key) =>\n      dropdownSelect.canToggle(key)\n        ? {}\n        : {\n            disabled: true,\n            disabledDescription: translate(\n              'cairo.picker.itemsSelected.maxSelected.tooltip',\n            ),\n          },\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  // Original behavior: promote when not searching\n  const shouldPromote = isEmptySearch;\n\n  // Always use the snapshot from onOptionsShow to maintain consistent session behavior\n  // This prevents items from jumping during the session, even if snapshot is empty\n  const itemsToPromote = dropdownCollectionFilterState.promotedItems;\n\n  const promotedItems = shouldPromote\n    ? keyedItems.filter((item) => itemsToPromote.includes(item.key))\n    : [];\n\n  const finalOptions = promotedItems.length\n    ? promotedItems.map(buildOption)\n    : [];\n\n  const divider =\n    shouldPromote &&\n    promotedItems.length &&\n    promotedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const promotedItemKeys = new Set(itemsToPromote);\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    shouldPromote\n      ? keyedItems.filter(({ key }) => !promotedItemKeys.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AASO,SAASG,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,6BAA6B;EAC7BC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC/C,MAAM;IAAEC;EAAe,CAAC,GAAGL,6BAA6B;EAExD,MAAMM,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCL,MAAM;IACND,UAAU;IACVO,QAAQ,EAAE,IAAI;IACdC,cAAc,EAAGC,GAAG,IAClBL,cAAc,CAACM,SAAS,CAACD,GAAG,CAAC,GACzB,CAAC,CAAC,GACF;MACEE,QAAQ,EAAE,IAAI;MACdC,mBAAmB,EAAEV,SAAS,CAC5B,gDACF;IACF;EACR,CAAC,CAAC;EAEF,MAAM;IACJW,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGpB,UAAU;;EAEd;EACA,MAAMqB,aAAa,GAAGD,aAAa;;EAEnC;EACA;EACA,MAAME,cAAc,GAAGrB,6BAA6B,CAACsB,aAAa;EAElE,MAAMA,aAAa,GAAGF,aAAa,GAC/BL,UAAU,CAACb,MAAM,CAAEqB,IAAI,IAAKF,cAAc,CAACG,QAAQ,CAACD,IAAI,CAACb,GAAG,CAAC,CAAC,GAC9D,EAAE;EAEN,MAAMe,YAAY,GAAGH,aAAa,CAACI,MAAM,GACrCJ,aAAa,CAACK,GAAG,CAACrB,WAAW,CAAC,GAC9B,EAAE;EAEN,MAAMsB,OAAO,GACXR,aAAa,IACbE,aAAa,CAACI,MAAM,IACpBJ,aAAa,CAACI,MAAM,KAAKX,UAAU,CAACW,MAAM,GACtC,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAACb,cAAc,CAAC;EAEhD,MAAMc,YAAkC,GAAG,CACzCf,aAAa,GACTL,UAAU,CAACb,MAAM,CAAC,CAAC;IAAEQ;EAAI,CAAC,KAAK,CAACuB,gBAAgB,CAACG,GAAG,CAAC1B,GAAG,CAAC,CAAC,GAC1DK,UAAU,EACdY,GAAG,CAACrB,WAAW,CAAC;EAElB,MAAM+B,OAAO,GAAG,CAAC,IAAIjB,aAAa,GAAGY,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGG,YAAY,CAAC;EAE5E,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader1867011218";
+var _namespace_ = "CollectionPageHeader1338002193";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader1867011218__root"
+  "root": "CollectionPageHeader1338002193__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1867011218\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader1867011218__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1338002193\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader1338002193__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/DropdownCollectionFilterState.js

@@ -43,7 +43,8 @@ class DropdownCollectionFilterState {
       select,
       container: params.container,
       toolbar: params.toolbar,
-      filter
+      filter,
+      maxSelected: params.maxSelected
     });
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action.bound,

package/dist/cjs/state/DropdownCollectionFilterState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","inputValue","shouldShowInputValue","value","dropdownSelect","dropdown","isOn","onOptionsShow","promotedItems","select","selectedValues","map","item","key","open","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  collectionFilter: CollectionFilterState<V, F>;\n  resetOnClose?: boolean;\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container;\n  readonly collectionFilter: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['collectionFilter'];\n\n  readonly dropdownSelect: DropdownSelectState<V>;\n  readonly resetOnClose: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['resetOnClose'];\n\n  inputState;\n\n  promotedItems: string[] = [];\n\n  get shouldShowPlaceholder() {\n    return (\n      this.inputState.disableEditing ||\n      this.collectionFilter.collection.query.search.isEmpty\n    );\n  }\n\n  get inputValue() {\n    return this.shouldShowInputValue\n      ? this.collectionFilter.collection.query.search.value\n      : '';\n  }\n\n  get shouldShowInputValue() {\n    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;\n  }\n\n  onOptionsShow() {\n    this.promotedItems = this.collectionFilter.select.selectedValues.map(\n      (item) => item.key,\n    );\n    this.dropdownSelect.open();\n  }\n\n  constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n    this.resetOnClose = params.resetOnClose;\n    this.container = params.container;\n    this.inputState = new AutoCompleteReadonlyState();\n\n    this.collectionFilter = params.collectionFilter;\n\n    const { collectionFilter } = this;\n\n    const { select, filter } = collectionFilter;\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n      shouldShowPlaceholder: computed,\n      inputValue: computed,\n      shouldShowInputValue: computed,\n      promotedItems: observable.ref,\n      onOptionsShow: action.bound,\n    });\n  }\n\n  init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n    const { dropdownSelect, resetOnClose, collectionFilter } = this;\n    const { collection } = collectionFilter;\n\n    const disposers = [\n      dropdownSelect.init(),\n      collection.init({\n        skipInitialFetch,\n      }),\n    ];\n\n    if (resetOnClose) {\n      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n    }\n\n    return () => {\n      for (const disposer of disposers) {\n        disposer();\n      }\n\n      if (resetOnClose) {\n        dropdownSelect.events.removeListener(\n          'close',\n          collection.resetFiltersAndRefresh,\n        );\n      }\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","inputValue","shouldShowInputValue","value","dropdownSelect","dropdown","isOn","onOptionsShow","promotedItems","select","selectedValues","map","item","key","open","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","DropdownSelectState","toolbar","maxSelected","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  collectionFilter: CollectionFilterState<V, F>;\n  resetOnClose?: boolean;\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n  maxSelected?: number;\n}\n\nexport class DropdownCollectionFilterState<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container;\n  readonly collectionFilter: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['collectionFilter'];\n\n  readonly dropdownSelect: DropdownSelectState<V>;\n  readonly resetOnClose: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['resetOnClose'];\n\n  inputState;\n\n  promotedItems: string[] = [];\n\n  get shouldShowPlaceholder() {\n    return (\n      this.inputState.disableEditing ||\n      this.collectionFilter.collection.query.search.isEmpty\n    );\n  }\n\n  get inputValue() {\n    return this.shouldShowInputValue\n      ? this.collectionFilter.collection.query.search.value\n      : '';\n  }\n\n  get shouldShowInputValue() {\n    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;\n  }\n\n  onOptionsShow() {\n    this.promotedItems = this.collectionFilter.select.selectedValues.map(\n      (item) => item.key,\n    );\n    this.dropdownSelect.open();\n  }\n\n  constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n    this.resetOnClose = params.resetOnClose;\n    this.container = params.container;\n    this.inputState = new AutoCompleteReadonlyState();\n\n    this.collectionFilter = params.collectionFilter;\n\n    const { collectionFilter } = this;\n\n    const { select, filter } = collectionFilter;\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter,\n      maxSelected: params.maxSelected,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n      shouldShowPlaceholder: computed,\n      inputValue: computed,\n      shouldShowInputValue: computed,\n      promotedItems: observable.ref,\n      onOptionsShow: action.bound,\n    });\n  }\n\n  init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n    const { dropdownSelect, resetOnClose, collectionFilter } = this;\n    const { collection } = collectionFilter;\n\n    const disposers = [\n      dropdownSelect.init(),\n      collection.init({\n        skipInitialFetch,\n      }),\n    ];\n\n    if (resetOnClose) {\n      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n    }\n\n    return () => {\n      for (const disposer of disposers) {\n        disposer();\n      }\n\n      if (resetOnClose) {\n        dropdownSelect.events.removeListener(\n          'close',\n          collection.resetFiltersAndRefresh,\n        );\n      }\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/DropdownSelectState.js

@@ -13,6 +13,7 @@ class DropdownSelectState {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "select", void 0);
     (0, _defineProperty2.default)(this, "_filter", void 0);
+    (0, _defineProperty2.default)(this, "maxSelected", void 0);
     (0, _defineProperty2.default)(this, "dropdown", new _bexCore.ToggleState());
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     (0, _defineProperty2.default)(this, "toKeyedItem", (item, index) => {
@@ -35,11 +36,13 @@ class DropdownSelectState {
       keyGetter: value => value.key
     });
     this._filter = params.filter;
+    this.maxSelected = params.maxSelected;
     (0, _mobx.makeObservable)(this, {
       filterKeyedItems: _mobx.computed,
       filterKeyedItemsMap: _mobx.computed,
       finalFilterKeyedItems: _mobx.computed,
       finalFilterKeyedItemsMap: _mobx.computed,
+      reachedMax: _mobx.computed,
       selectedItems: (0, _mobx.computed)({
         keepAlive: true
       }),
@@ -104,10 +107,27 @@ class DropdownSelectState {
       item
     }) => item);
   }
+  get reachedMax() {
+    const {
+      maxSelected,
+      select
+    } = this;
+    return maxSelected != null && select.selectedCount >= maxSelected;
+  }
+  canToggle(key) {
+    if (!this.reachedMax) {
+      return true;
+    }
+    // at the cap: only existing keys, so they stay deselectable
+    return this.select.selectedKeys.includes(key);
+  }
   set(item) {
     const {
       select
     } = this;
+    if (!this.canToggle(item.key)) {
+      return;
+    }
     select.set(item);
     this.refreshIfChanged({
       actionType: 'add',