@salutejs/plasma-new-hope 0.134.0-canary.1405.10616629924.0 → 0.134.0-canary.1406.10618736962.0

package/cjs/components/Combobox/ComboboxNew/Combobox.css

@@ -0,0 +1,79 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
+
+.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
+
+.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
+
+.Checkbox_styles_dmi26u_b1udywkg__94b814df{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_dmi26u_b1udywkg__94b814df .Checkbox_styles_dmi26u_singleLine__94b814df{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_dmi26u_s165w87d__94b814df{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_dmi26u_s165w87d__94b814df:focus{outline:0 none;}
+.Checkbox_styles_dmi26u_sft3zxv__94b814df{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_dmi26u_sft3zxv__94b814df div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_dmi26u_s1u3nd7e__94b814df{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
+.Checkbox_styles_dmi26u_shwv1in__94b814df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_dmi26u_s1my1ay__94b814df{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_dmi26u_s14u8fnn__94b814df{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_dmi26u_s14u8fnn__94b814df.Checkbox_styles_dmi26u_onlyDescription__94b814df{margin-top:0;}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.Item_styles_1xvzo7u_s17m41ki__1954e9c4{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
+.Item_styles_1xvzo7u_safu7u9__1954e9c4{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
+.Item_styles_1xvzo7u_sabntqz__1954e9c4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1xvzo7u_sbva27s__1954e9c4{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_1xvzo7u_d198ssfl__1954e9c4{line-height:0;color:var(--text-secondary);}.Item_styles_1xvzo7u_d198ssfl__1954e9c4:hover{color:var(--text-secondary-hover);}
+.Item_styles_1xvzo7u_iq42uro__1954e9c4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--iq42uro-0);height:var(--iq42uro-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}.Item_styles_1xvzo7u_iq42uro__1954e9c4 .Item_styles_1xvzo7u_comboboxItemCheckbox__1954e9c4{--plasma-checkbox-trigger-size:var(--iq42uro-1);--plasma-checkbox-trigger-border-radius:var(--iq42uro-2);}
+.Item_styles_1xvzo7u_s96nkq__1954e9c4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_1xvzo7u_w170raop__1954e9c4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w170raop-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_1xvzo7u_w170raop__1954e9c4:hover:not(.Item_styles_1xvzo7u_dropdownItemIsDisabled__1954e9c4){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_1xvzo7u_w170raop__1954e9c4.Item_styles_1xvzo7u_dropdownItemIsActive__1954e9c4{background:var(--surface-transparent-secondary);}.Item_styles_1xvzo7u_w170raop__1954e9c4.Item_styles_1xvzo7u_dropdownItemIsDisabled__1954e9c4{opacity:0.4;cursor:not-allowed;}.Item_styles_1xvzo7u_w170raop__1954e9c4:focus{outline:none;}.Item_styles_1xvzo7u_w170raop__1954e9c4::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1xvzo7u_w170raop__1954e9c4.Item_styles_1xvzo7u_dropdownItemIsFocused__1954e9c4:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+
+
+.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
+
+.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
+
+.base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
+
+.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
+
+.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
+
+.TextField_styles_9fkr1l_iq39zt5__db7f1e30{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_9fkr1l_s13zudoe__db7f1e30{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_9fkr1l_io4bpie__db7f1e30{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+
+.TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
+.TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
+
+
+
+
+.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
+
+.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+
+.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+
+.TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
+
+.Target_styles_1y5ups3_s1wiuml6__7a46cf8a{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
+
+.Combobox_styles_1qdehsi_uxiiees__b5efdba8{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding);}
+

package/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -0,0 +1,420 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+require('../../../utils/react.js');
+var isEmpty = require('../../../utils/isEmpty.js');
+var useOutsideClick = require('../../../hooks/useOutsideClick.js');
+var FloatingPopover = require('./FloatingPopover.js');
+var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
+var initialItemsTransform = require('./utils/initialItemsTransform.js');
+var updateDescendants = require('./utils/updateDescendants.js');
+var updateAncestors = require('./utils/updateAncestors.js');
+var updateSingleAncestors = require('./utils/updateSingleAncestors.js');
+var filterItems = require('./utils/filterItems.js');
+var getItemId = require('./utils/getItemId.js');
+var Inner = require('./ui/Inner/Inner.js');
+var Target_styles = require('./ui/Target/Target.styles.js');
+var pathReducer = require('./reducers/pathReducer.js');
+var focusedPathReducer = require('./reducers/focusedPathReducer.js');
+var getPathMaps = require('./hooks/getPathMaps.js');
+var Combobox_styles = require('./Combobox.styles.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "contentRight", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter"];
+var Context = /*#__PURE__*/React.createContext({});
+
+/**
+ * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
+ */
+var comboboxRoot = function comboboxRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _getItemByFocused;
+    var multiple = props.multiple,
+      outerValue = props.value,
+      outerOnChange = props.onChange,
+      isTargetAmount = props.isTargetAmount,
+      items = props.items,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
+      label = props.label,
+      placeholder = props.placeholder,
+      helperText = props.helperText,
+      contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
+      textBefore = props.textBefore,
+      textAfter = props.textAfter,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'normal' : _props$variant,
+      listOverflow = props.listOverflow,
+      listHeight = props.listHeight,
+      listWidth = props.listWidth,
+      portal = props.portal,
+      renderItem = props.renderItem,
+      view = props.view,
+      size = props.size,
+      labelPlacement = props.labelPlacement,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      filter = props.filter,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useState = React.useState(''),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      textValue = _useState2[0],
+      setTextValue = _useState2[1];
+    var _useState3 = React.useState(multiple ? [] : ''),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      internalValue = _useState4[0],
+      setInternalValue = _useState4[1];
+    var value = outerValue || internalValue;
+    var inputRef = React.useRef(null);
+    var floatingPopoverRef = React.useRef(null);
+    var inputForkRef = plasmaCore.useForkRef(inputRef, ref);
+    var treeId = plasmaCore.safeUseId();
+    var transformedItems = React.useMemo(function () {
+      return initialItemsTransform.initialItemsTransform(items || []);
+    }, [items]);
+    var filteredItems = filterItems.filterItems(transformedItems, textValue,
+    // valueToItemMap.get(value as string)?.label as string,
+    filter);
+
+    // Создаем структуры для быстрой работы с деревом
+    var _useMemo = React.useMemo(function () {
+        return getPathMaps.getPathMap(filteredItems);
+      }, [filteredItems, textValue]),
+      _useMemo2 = _rollupPluginBabelHelpers.slicedToArray(_useMemo, 2),
+      pathMap = _useMemo2[0],
+      focusedToValueMap = _useMemo2[1];
+    var _useMemo3 = React.useMemo(function () {
+        return getPathMaps.getTreeMaps(items);
+      }, [items]),
+      _useMemo4 = _rollupPluginBabelHelpers.slicedToArray(_useMemo3, 3),
+      valueToCheckedMap = _useMemo4[0],
+      valueToItemMap = _useMemo4[1],
+      labelToItemMap = _useMemo4[2];
+
+    // Состояния дерева элементов
+    var _useReducer = React.useReducer(pathReducer.pathReducer, []),
+      _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
+      path = _useReducer2[0],
+      dispatchPath = _useReducer2[1];
+    var _useReducer3 = React.useReducer(focusedPathReducer.focusedPathReducer, []),
+      _useReducer4 = _rollupPluginBabelHelpers.slicedToArray(_useReducer3, 2),
+      focusedPath = _useReducer4[0],
+      dispatchFocusedPath = _useReducer4[1];
+    var _useState5 = React.useState(valueToCheckedMap),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      checked = _useState6[0],
+      setChecked = _useState6[1];
+    console.log('render', path, focusedPath);
+
+    // Логика работы при клике за пределами выпадающего списка
+    var targetRef = useOutsideClick.useOutsideClick(function () {
+      if (!isCurrentListOpen) {
+        return;
+      }
+      dispatchPath({
+        type: 'reset'
+      });
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+
+      // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.
+      // Если изменилось, то возвращаем label выбранного айтема.
+      // Если нет выбранного элемента, то стираем значение инпута.
+      if (textValue !== value) {
+        if (isEmpty.isEmpty(value)) {
+          setTextValue('');
+        } else {
+          var _valueToItemMap$get;
+          setTextValue(((_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '');
+        }
+      }
+    }, floatingPopoverRef);
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+      setInternalValue(e);
+    };
+
+    // Обработчик изменения значения в инпуте
+    var handleTextValueChange = function handleTextValueChange(e) {
+      setTextValue(e.target.value);
+      dispatchPath({
+        type: 'opened_first_level'
+      });
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+    };
+
+    // Обработчик чипов
+    var handleChangeChips = function handleChangeChips(chipsAsLabel) {
+      onChange(chipsAsLabel.map(function (chipLabel) {
+        return labelToItemMap.get(chipLabel).value;
+      }));
+    };
+
+    // Обработчик открытия/закрытия выпадающего списка
+    var handleToggle = function handleToggle(opened) {
+      if (opened) {
+        dispatchPath({
+          type: 'opened_first_level'
+        });
+      } else {
+        dispatchFocusedPath({
+          type: 'reset'
+        });
+        dispatchPath({
+          type: 'reset'
+        });
+      }
+    };
+
+    // Обработчик выбора чекбоксов (только при multiple)
+    var handleCheckboxChange = function handleCheckboxChange(item) {
+      if (multiple) {
+        var checkedCopy = new Map(checked);
+        if (!checkedCopy.get(item.value)) {
+          checkedCopy.set(item.value, true);
+          updateDescendants.updateDescendants(item, checkedCopy, true);
+        } else {
+          checkedCopy.set(item.value, false);
+          updateDescendants.updateDescendants(item, checkedCopy, false);
+        }
+        updateAncestors.updateAncestors(item, checkedCopy);
+        var newValues = [];
+        valueToItemMap.forEach(function (item, key) {
+          if (checkedCopy.get(key)) {
+            newValues.push(item.value);
+          }
+        });
+        if (onChange) {
+          onChange(newValues);
+        }
+
+        // После выбора/снятия чекбокса скроллим к инпуту
+        setTimeout(function () {
+          if (inputRef.current) {
+            inputRef.current.scrollIntoView({
+              behavior: 'smooth',
+              inline: 'start'
+            });
+          }
+        }, 1);
+      }
+    };
+
+    // Обработчик клика по айтему выпадающего списка
+    var handleItemClick = function handleItemClick(item, e) {
+      if (!isEmpty.isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
+        return;
+      }
+      if (multiple) {
+        handleCheckboxChange(item);
+      } else {
+        if (e) {
+          e.stopPropagation();
+        }
+        var checkedCopy = new Map(checked);
+        var isCurrentChecked = checkedCopy.get(item.value);
+        checkedCopy.forEach(function (_, key) {
+          checkedCopy.set(key, false);
+        });
+        if (!isCurrentChecked) {
+          checkedCopy.set(item.value, 'done');
+          updateSingleAncestors.updateSingleAncestors(item, checkedCopy, 'dot');
+        }
+        setTextValue(isCurrentChecked ? '' : item.label);
+        dispatchPath({
+          type: 'reset'
+        });
+        dispatchFocusedPath({
+          type: 'reset'
+        });
+        if (onChange) {
+          onChange(isCurrentChecked ? '' : item.value);
+        }
+      }
+    };
+    var getChips = function getChips() {
+      if (multiple) {
+        if (value.length === 0) return [];
+        if (isTargetAmount) {
+          return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
+        }
+        return value.map(function (value) {
+          return valueToItemMap.get(value).label;
+        });
+      }
+      return [];
+    };
+    var handlePressDown = function handlePressDown(item, e) {
+      if (isEmpty.isEmpty(item.items)) {
+        handleItemClick(item, e);
+      } else if (multiple) {
+        handleCheckboxChange(item);
+      }
+    };
+    var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
+        focusedPath: focusedPath,
+        dispatchFocusedPath: dispatchFocusedPath,
+        path: path,
+        dispatchPath: dispatchPath,
+        pathMap: pathMap,
+        focusedToValueMap: focusedToValueMap,
+        handleToggle: handleToggle,
+        handlePressDown: handlePressDown,
+        multiselect: multiple,
+        setTextValue: setTextValue
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
+
+    // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
+    // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
+    React.useLayoutEffect(function () {
+      var checkedCopy = new Map(checked);
+      checkedCopy.forEach(function (_, key) {
+        checkedCopy.set(key, false);
+      });
+      if (!isEmpty.isEmpty(value)) {
+        if (Array.isArray(value)) {
+          value.forEach(function (val) {
+            checkedCopy.set(val, true);
+            updateDescendants.updateDescendants(valueToItemMap.get(val), checkedCopy, true);
+            updateAncestors.updateAncestors(valueToItemMap.get(val), checkedCopy);
+          });
+        } else {
+          checkedCopy.set(value, 'done');
+          updateSingleAncestors.updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
+        }
+      }
+      setChecked(checkedCopy);
+    }, [value]);
+    var isCurrentListOpen = Boolean(path[0]);
+    var activeDescendantItemValue = ((_getItemByFocused = useKeyboardNavigation.getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    return /*#__PURE__*/React.createElement(Root, {
+      size: size,
+      view: view,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
+      value: {
+        focusedPath: focusedPath,
+        checked: checked,
+        multiple: multiple,
+        size: size,
+        handleCheckboxChange: handleCheckboxChange,
+        handleItemClick: handleItemClick,
+        variant: variant,
+        renderItem: renderItem,
+        valueToItemMap: valueToItemMap,
+        treeId: treeId
+      }
+    }, /*#__PURE__*/React.createElement(FloatingPopover.FloatingPopover, {
+      ref: floatingPopoverRef,
+      opened: isCurrentListOpen,
+      onToggle: function onToggle(opened) {
+        return opened && handleToggle(true);
+      },
+      placement: placement,
+      portal: portal,
+      target: function target(referenceRef) {
+        return /*#__PURE__*/React.createElement(Target_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
+          ref: inputForkRef,
+          inputWrapperRef: referenceRef,
+          value: textValue,
+          onChange: handleTextValueChange,
+          size: size,
+          view: view,
+          labelPlacement: labelPlacement,
+          disabled: disabled,
+          readOnly: readOnly,
+          label: label,
+          placeholder: placeholder,
+          contentLeft: contentLeft,
+          contentRight: contentRight,
+          textBefore: textBefore,
+          textAfter: textAfter,
+          onKeyDown: onKeyDown,
+          leftHelper: helperText,
+          role: "combobox",
+          "aria-autocomplete": "list",
+          "aria-controls": "".concat(treeId, "_tree_level_1"),
+          "aria-expanded": isCurrentListOpen,
+          "aria-activedescendant": activeDescendantItemValue ? getItemId.getItemId(treeId, activeDescendantItemValue) : ''
+        }, multiple ? {
+          enumerationType: 'chip',
+          chips: getChips(),
+          onChangeChips: handleChangeChips
+        } : {
+          enumerationType: 'plain'
+        }, rest, {
+          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+        }));
+      }
+    }, /*#__PURE__*/React.createElement(Root, {
+      size: size,
+      view: view,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement(Combobox_styles.Ul, {
+      role: "tree",
+      id: "".concat(treeId, "_tree_level_1"),
+      "aria-multiselectable": Boolean(multiple),
+      listHeight: listHeight,
+      listOverflow: listOverflow,
+      listWidth: listWidth,
+      ref: targetRef
+    }, filteredItems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(Inner.Inner, {
+        key: "".concat(index, "/0"),
+        item: item,
+        currentLevel: 0,
+        path: path,
+        dispatchPath: dispatchPath,
+        index: index,
+        listWidth: listWidth
+      });
+    })))))));
+  });
+};
+var comboboxConfig = {
+  name: 'Select',
+  tag: 'div',
+  layout: comboboxRoot,
+  base: Combobox_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    readOnly: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm',
+    // readOnly: false,
+    // disabled: false,
+    labelPlacement: 'outer'
+  }
+};
+
+exports.Context = Context;
+exports.comboboxConfig = comboboxConfig;
+exports.comboboxRoot = comboboxRoot;
+//# sourceMappingURL=Combobox.js.map

package/cjs/components/Combobox/ComboboxNew/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            contentRight,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            filter,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | Array<string>>(multiple ? [] : '');\n\n        const value = outerValue || internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            // valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        console.log('render', path, focusedPath);\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (e: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChangeChips = (chipsAsLabel: any[]) => {\n            onChange(chipsAsLabel.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (multiple) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n\n                // После выбора/снятия чекбокса скроллим к инпуту\n                setTimeout(() => {\n                    if (inputRef.current) {\n                        inputRef.current.scrollIntoView({\n                            behavior: 'smooth',\n                            inline: 'start',\n                        });\n                    }\n                }, 1);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                setTextValue(isCurrentChecked ? '' : item.label);\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                return (value as []).map((value) => valueToItemMap.get(value)!.label);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={contentRight}\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChangeChips,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {filteredItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        // readOnly: false,\n        // disabled: false,\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","contentRight","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","filteredItems","filterItems","_useMemo","getPathMap","_useMemo2","pathMap","focusedToValueMap","_useMemo3","getTreeMaps","_useMemo4","valueToCheckedMap","valueToItemMap","labelToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","console","log","targetRef","useOutsideClick","isCurrentListOpen","type","isEmpty","_valueToItemMap$get","get","e","handleTextValueChange","target","handleChangeChips","chipsAsLabel","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","Boolean","activeDescendantItemValue","getItemByFocused","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}