@salutejs/plasma-new-hope 0.339.0-canary.2303.18841217749.0 → 0.339.1-canary.2309.18879166426.0

package/cjs/components/Attach/Attach.css

@@ -1,18 +1,41 @@
+.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachVertical__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachAuto__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachAuto__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachWithHelperText__acafdc8a{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_fssye98__acafdc8a{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_sjp429d__acafdc8a{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+
+.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachHorizontal__8119a832{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachVertical__8119a832{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachAuto__8119a832{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+
+.base_1tgnvl9_b1psfq3i__8ccb119d .base_1tgnvl9_sjp429d__8ccb119d{color:var(--plasma-attach-helper-text-color);}
+
+.Attach_styles_17eum4v_by826kf__a54172eb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Attach_styles_17eum4v_sw7vb9c__a54172eb{display:none;}
+.Attach_styles_17eum4v_suojwhg__a54172eb{position:relative;}
+.Attach_styles_17eum4v_sjp429d__a54172eb{position:absolute;margin-top:0.25rem;}
+.Attach_styles_17eum4v_fssye98__a54172eb{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;height:var(--fssye98-0);}
+.Attach_styles_17eum4v_f1531dv__a54172eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:var(--f1531dv-0);}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontal__a54172eb{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachVertical__a54172eb{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachAuto__a54172eb{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontalHidden__a54172eb{position:absolute;top:0;left:0;z-index:-999;visibility:hidden;opacity:0;max-width:100%;overflow:hidden;}
+.Attach_styles_17eum4v_t7plw5t__a54172eb{overflow:var(--t7plw5t-0);text-overflow:var(--t7plw5t-1);white-space:nowrap;}
+
+
 .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_kpo9at_b1pj1390__d0613261.base_kpo9at_horizontal__d0613261{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_vertical__d0613261{row-gap:var(--plasma-attach-vertical-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_auto__d0613261{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_withHelperText__d0613261{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_fssye98__d0613261{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);height:var(--plasma-attach-filename-wrapper-height);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_sjp429d__d0613261{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+.HiddenWidthHelper_styles_3t6n6e_hgjzppa__f7fb7ae5{position:absolute;inset:0;z-index:-999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);box-sizing:border-box;visibility:hidden;opacity:0;}
+.HiddenWidthHelper_styles_3t6n6e_h1ad4wty__f7fb7ae5{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
 
-.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
 
-.base_1tgnvl9_b1psfq3i__8ccb119d .base_1tgnvl9_sjp429d__8ccb119d{color:var(--plasma-attach-helper-text-color);}
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
 
-.Attach_styles_pso18d_by826kf__6f8aab6e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Attach_styles_pso18d_sw7vb9c__6f8aab6e{display:none;}
-.Attach_styles_pso18d_suojwhg__6f8aab6e{position:relative;}
-.Attach_styles_pso18d_sjp429d__6f8aab6e{position:absolute;margin-top:0.25rem;}
-.Attach_styles_pso18d_fssye98__6f8aab6e{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;}
-.Attach_styles_pso18d_t1531dv__6f8aab6e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
+
+.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -30,26 +53,47 @@
 
 .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
 
-.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
+.Cell_styles_lpj30y_si1k6gv__80725697{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_lpj30y_si1k6gv__80725697.Cell_styles_lpj30y_plasmaAttachCellHidden__80725697{visibility:hidden;}
 
-.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
+.MoreTrigger_styles_5yseaa_i1fc84ks__90d41151{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
 
-.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 
-.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
 
-.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
-.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
 
-.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
-.Button_styles_wo15lb_sdfuqwe__45fe6281{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
-.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
-.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
-.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
-.Button_styles_wo15lb_babf779__45fe6281{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
+.DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
+
+.DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
+.DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
+
+.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
+
+.DropdownItem_styles_1algi32_c1gkzlls__367ba473{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+
+.DropdownItem_styles_1algi32_d1m97l2m__367ba473{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color,var(--text-secondary));}
+.DropdownItem_styles_1algi32_soib72h__367ba473{width:var(--soib72h-0);height:var(--soib72h-0);}
+.DropdownItem_styles_1algi32_d6l2f0g__367ba473{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_1algi32_w1jav4ek__367ba473{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;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+
+.DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::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-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+
+.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229{color:var(--text-secondary);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:hover{color:var(--text-secondary-hover);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229:active{color:var(--text-secondary-active);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopRightIcon__f3d6a229{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomRightIcon__f3d6a229{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableBottomLeftIcon__f3d6a229{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Resizable_styles_1l85rp0_i1ebflu4__f3d6a229.Resizable_styles_1l85rp0_resizableTopLeftIcon__f3d6a229{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
+
+.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
+.Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+
+.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
+.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
+
+.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f{--plasma-dropdown-border-width:var(--plasma-attach-dropdown-border-width);--plasma-dropdown-padding:var(--plasma-attach-dropdown-padding);--plasma-dropdown-border-radius:var(--plasma-attach-dropdown-border-radius);--plasma-dropdown-width:var(--plasma-attach-dropdown-width);--plasma-dropdown-item-padding:var(--plasma-attach-dropdown-item-padding);--plasma-dropdown-background:var(--plasma-attach-dropdown-background);--plasma-dropdown-box-shadow:var(--plasma-attach-dropdown-box-shadow);--plasma-dropdown-border-color:var(--plasma-attach-dropdown-border-color);}.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f .Dropdown_styles_1ge65dg_w1jav4ek__e948565f:hover{cursor:default;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/cjs/components/Attach/Attach.js

@@ -11,21 +11,20 @@ var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_helperTextView/base.js');
 var Attach_styles = require('./Attach.styles.js');
 var Attach_tokens = require('./Attach.tokens.js');
-var IconButton_styles = require('./ui/IconButton/IconButton.styles.js');
-var extractExtension = require('./utils/extractExtension.js');
 var AttachButton = require('./components/AttachButton/AttachButton.js');
-var Cell_styles = require('./ui/Cell/Cell.styles.js');
-var IconCloseCircleOutline = require('../_Icon/Icons/IconCloseCircleOutline.js');
-var getFileicon = require('./utils/getFileicon.js');
+var Cell = require('./ui/Cell/Cell.js');
+var Dropdown = require('./ui/Dropdown/Dropdown.js');
+var HiddenWidthHelper = require('./components/HiddenWidthHelper/HiddenWidthHelper.js');
+var getFilenameParts = require('./utils/getFilenameParts.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hideButtonOnAttach", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onClick", "onChange", "onClear"];
+var _excluded = ["flow", "buttonType", "hideButtonOnAttach", "hasAttachment", "multiple", "dropdownOptions", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onClick", "onChange", "onClear"];
 var attachRoot = function attachRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+    var _dropdownOptions$plac;
     var _props$flow = props.flow,
       flow = _props$flow === void 0 ? 'auto' : _props$flow,
       _props$buttonType = props.buttonType,
@@ -34,6 +33,8 @@ var attachRoot = function attachRoot(Root) {
       hideButtonOnAttach = _props$hideButtonOnAt === void 0 ? false : _props$hideButtonOnAt,
       _props$hasAttachment = props.hasAttachment,
       hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
+      multiple = props.multiple,
+      dropdownOptions = props.dropdownOptions,
       acceptedFileFormats = props.acceptedFileFormats,
       helperText = props.helperText,
       size = props.size,
@@ -53,20 +54,24 @@ var attachRoot = function attachRoot(Root) {
     var innerRef = React.useRef(null);
     var ref = plasmaCore.useForkRef(outerRef, innerRef);
     var inputRef = React.useRef(null);
-    var cellRef = React.useRef(null);
     var buttonRef = React.useRef(null);
-    var _useState = React.useState(''),
+    var fileWrapperWidthRef = React.useRef(null);
+    var fileWrapperHelperRef = React.useRef(null);
+    var cellHelperRefs = React.useRef({});
+    var _useState = React.useState({}),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      filename = _useState2[0],
-      setFilename = _useState2[1];
+      filesInfo = _useState2[0],
+      setFilesInfo = _useState2[1];
+    var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      hasHiddenFiles = _useState4[0],
+      setHasHiddenFiles = _useState4[1];
+    var filesLength = Object.keys(filesInfo).length;
     var horizontalClass = flow === 'horizontal' ? Attach_tokens.classes.horizontal : undefined;
     var verticalClass = flow === 'vertical' ? Attach_tokens.classes.vertical : undefined;
-    var withHelperTextClass = helperText ? Attach_tokens.classes.withHelperText : undefined;
     var autoClass = flow === 'auto' ? Attach_tokens.classes.auto : undefined;
+    var withHelperTextClass = helperText ? Attach_tokens.classes.withHelperText : undefined;
     var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
-    var extension = extractExtension.extractExtension(filename);
-    var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-    var cellContentLeft = customIcon || getFileicon.getFileIcon(extension, size);
     var handleClick = function handleClick(e) {
       if (!inputRef.current) {
         return;
@@ -77,23 +82,112 @@ var attachRoot = function attachRoot(Root) {
       inputRef.current.click();
     };
     var handleChange = function handleChange(e) {
-      if (!e.target.files) {
+      var fileList = e.target.files;
+      if (!fileList || fileList.length === 0) {
         return;
       }
       if (onChange) {
         onChange(e);
       }
-      setFilename(e.target.files[0].name);
+      if (!hasAttachment) {
+        return;
+      }
+      var fileArray = Array.from(fileList);
+      var filesData = fileArray.reduce(function (acc, file, ind) {
+        var fileKey = "".concat(ind, "_").concat(file.name);
+        acc[fileKey] = getFilenameParts.getFilenameParts(file.name, size, customIcon);
+        return acc;
+      }, {});
+      cellHelperRefs.current = {};
+      setFilesInfo(filesData);
+      setHasHiddenFiles(false);
     };
-    var handleClear = function handleClear() {
+    var handleClear = function handleClear(fileKey) {
       if (!inputRef.current) {
         return;
       }
       if (onClear) {
         onClear();
       }
-      inputRef.current.value = '';
-      setFilename('');
+      setFilesInfo(function (prevFileInfo) {
+        var updatedFilesInfo = _rollupPluginBabelHelpers.objectSpread2({}, prevFileInfo);
+        delete updatedFilesInfo[fileKey];
+        return updatedFilesInfo;
+      });
+      delete cellHelperRefs.current[fileKey];
+      setHasHiddenFiles(false);
+    };
+    var getCellRef = function getCellRef(element, key) {
+      if (element && cellHelperRefs !== null && cellHelperRefs !== void 0 && cellHelperRefs.current) {
+        cellHelperRefs.current[key] = element;
+      }
+    };
+    var updateHiddenFiles = function updateHiddenFiles() {
+      var _window$getComputedSt;
+      var newFilesInfo = _rollupPluginBabelHelpers.objectSpread2({}, filesInfo);
+      if (!multiple || Object.keys(filesInfo).length === 0) {
+        setHasHiddenFiles(false);
+        return;
+      }
+      if (flow !== 'horizontal') {
+        Object.keys(newFilesInfo).forEach(function (key) {
+          newFilesInfo[key].isVisible = true;
+        });
+        setHasHiddenFiles(false);
+        setFilesInfo(newFilesInfo);
+        return;
+      }
+      if (!fileWrapperWidthRef.current || !fileWrapperHelperRef.current || !Object.keys(cellHelperRefs.current).length) {
+        return;
+      }
+      var fileWrapper = fileWrapperWidthRef.current;
+      var fileWrapperWidth = fileWrapper.clientWidth;
+      var fileWrapperGap = parseInt((_window$getComputedSt = window.getComputedStyle(fileWrapper).columnGap) !== null && _window$getComputedSt !== void 0 ? _window$getComputedSt : 0, 10);
+      var totalWidth = 0;
+      var firstHidden = Object.entries(cellHelperRefs.current).findIndex(function (_ref) {
+        var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
+          cell = _ref2[1];
+        totalWidth += cell.clientWidth + fileWrapperGap;
+        if (totalWidth > fileWrapperWidth) {
+          setHasHiddenFiles(true);
+          return true;
+        }
+        return false;
+      });
+      var newKeys = Object.keys(newFilesInfo);
+      var filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;
+      var filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];
+      filesInfoVisibleKeys.forEach(function (key) {
+        newFilesInfo[key].isVisible = true;
+      });
+      filesInfoHiddenKeys.forEach(function (key) {
+        newFilesInfo[key].isVisible = false;
+      });
+      setFilesInfo(newFilesInfo);
+    };
+    React.useLayoutEffect(function () {
+      updateHiddenFiles();
+    }, [filesLength, flow, multiple]);
+    React.useEffect(function () {
+      if (flow !== 'horizontal' || !multiple) {
+        return;
+      }
+      var observer = new ResizeObserver(function () {
+        updateHiddenFiles();
+      });
+      if (innerRef.current) {
+        observer.observe(innerRef.current);
+      }
+      return function () {
+        return observer.disconnect();
+      };
+    }, [filesLength, flow, multiple]);
+    var RootWrapper = function RootWrapper(_ref3) {
+      var children = _ref3.children;
+      return /*#__PURE__*/React__default.default.createElement(Root, {
+        size: size,
+        view: view
+      }, children);
     };
     return /*#__PURE__*/React__default.default.createElement(Root, {
       className: index.cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -108,25 +202,76 @@ var attachRoot = function attachRoot(Root) {
       type: "file",
       id: id,
       name: name,
+      multiple: multiple,
       onChange: handleChange
-    }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/React__default.default.createElement(Attach_styles.StyledAttachButtonWrapper, null, /*#__PURE__*/React__default.default.createElement(AttachButton.AttachButton, _rollupPluginBabelHelpers.extends({
+    }), (!hideButtonOnAttach || !filesLength) && /*#__PURE__*/React__default.default.createElement(Attach_styles.StyledAttachButtonWrapper, null, /*#__PURE__*/React__default.default.createElement(AttachButton.AttachButton, _rollupPluginBabelHelpers.extends({
       ref: buttonRef,
       buttonType: buttonType,
       isLoading: isLoading,
       disabled: disabled,
       onClick: handleClick
-    }, rest)), helperText && /*#__PURE__*/React__default.default.createElement(Attach_styles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/React__default.default.createElement(Cell_styles.StyledCell, {
-      stretching: "fixed",
-      ref: cellRef,
+    }, rest)), helperText && /*#__PURE__*/React__default.default.createElement(Attach_styles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && Object.values(filesInfo)[0].isVisible && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Attach_styles.FilesWrapper, {
+      className: index.cx(horizontalClass, verticalClass, autoClass),
+      applyOverflow: multiple && flow === 'horizontal'
+    }, Object.entries(filesInfo).map(function (_ref4) {
+      var _ref5 = _rollupPluginBabelHelpers.slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        _ref5$ = _ref5[1],
+        extension = _ref5$.extension,
+        filenameWithoutExtension = _ref5$.filenameWithoutExtension,
+        cellContentLeft = _ref5$.cellContentLeft,
+        isVisible = _ref5$.isVisible;
+      if (!isVisible) {
+        return;
+      }
+      return /*#__PURE__*/React__default.default.createElement(Cell.CellUI, {
+        key: key,
+        filenameWithoutExtension: filenameWithoutExtension,
+        extension: extension,
+        size: size,
+        cellContentLeft: cellContentLeft,
+        multiple: multiple,
+        flow: flow,
+        onClick: function onClick() {
+          return handleClear(key);
+        }
+      });
+    }))), (hasAttachment || hideButtonOnAttach) && hasHiddenFiles && /*#__PURE__*/React__default.default.createElement(Dropdown.DropdownUI, _rollupPluginBabelHelpers.extends({
+      rootWrapper: RootWrapper,
       size: size,
-      contentLeft: cellContentLeft,
-      contentRight: /*#__PURE__*/React__default.default.createElement(IconButton_styles.StyledIconButtonCancel, {
-        onClick: handleClear
-      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React__default.default.createElement(IconCloseCircleOutline.IconCloseCircleOutline, {
-        size: "xs",
-        color: "inherit"
-      })))
-    }, /*#__PURE__*/React__default.default.createElement(Attach_styles.FilenameWrapper, null, /*#__PURE__*/React__default.default.createElement(Attach_styles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React__default.default.createElement(Attach_styles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+      filesInfo: filesInfo,
+      customIcon: customIcon,
+      handleClear: handleClear
+    }, dropdownOptions, {
+      placement: (_dropdownOptions$plac = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.placement) !== null && _dropdownOptions$plac !== void 0 ? _dropdownOptions$plac : 'bottom'
+    })), multiple && flow === 'horizontal' && /*#__PURE__*/React__default.default.createElement(HiddenWidthHelper.HiddenWidthHelper, {
+      ref: fileWrapperWidthRef,
+      hasHiddenFiles: hasHiddenFiles,
+      size: size
+    }), multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && /*#__PURE__*/React__default.default.createElement(Attach_styles.FilesWrapper, {
+      ref: fileWrapperHelperRef,
+      className: index.cx(horizontalClass, Attach_tokens.classes.horizontalHidden)
+    }, Object.entries(filesInfo).map(function (_ref6) {
+      var _ref7 = _rollupPluginBabelHelpers.slicedToArray(_ref6, 2),
+        key = _ref7[0],
+        _ref7$ = _ref7[1],
+        extension = _ref7$.extension,
+        filenameWithoutExtension = _ref7$.filenameWithoutExtension,
+        cellContentLeft = _ref7$.cellContentLeft;
+      return /*#__PURE__*/React__default.default.createElement(Cell.CellUI, {
+        key: key,
+        ref: function ref(el) {
+          return getCellRef(el, key);
+        },
+        filenameWithoutExtension: filenameWithoutExtension,
+        extension: extension,
+        size: size,
+        cellContentLeft: cellContentLeft,
+        multiple: multiple,
+        flow: flow,
+        isHelper: true
+      });
+    })));
   });
 };
 var attachConfig = {

package/cjs/components/Attach/Attach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, MouseEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport {\n    base,\n    StyledHelperText,\n    StyledHiddenInput,\n    StyledAttachButtonWrapper,\n    FilenameWrapper,\n    TruncatedFilenamePart,\n    FilenameExtensionPart,\n} from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileIcon } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hideButtonOnAttach = false,\n            hasAttachment = true,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            customIcon,\n            onClick,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const [filename, setFilename] = useState<string>('');\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = extractExtension(filename);\n        const filenameWithoutExtension = filename.slice(0, -1 - (extension?.length || 0));\n        const cellContentLeft = customIcon || getFileIcon(extension, size);\n\n        const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClick) {\n                onClick(e);\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.files) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            setFilename(e.target.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            inputRef.current.value = '';\n            setFilename('');\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    onChange={handleChange}\n                />\n\n                {(!hideButtonOnAttach || !filename) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton\n                            ref={buttonRef}\n                            buttonType={buttonType}\n                            isLoading={isLoading}\n                            disabled={disabled}\n                            onClick={handleClick}\n                            {...rest}\n                        />\n\n                        {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                    </StyledAttachButtonWrapper>\n                )}\n\n                {(hasAttachment || hideButtonOnAttach) && filename && (\n                    <StyledCell\n                        stretching=\"fixed\"\n                        ref={cellRef}\n                        size={size}\n                        contentLeft={cellContentLeft}\n                        contentRight={\n                            <StyledIconButtonCancel onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                            </StyledIconButtonCancel>\n                        }\n                    >\n                        <FilenameWrapper>\n                            <TruncatedFilenamePart>{filenameWithoutExtension.slice(0, -1)}</TruncatedFilenamePart>\n                            <FilenameExtensionPart>\n                                {filenameWithoutExtension.at(-1)}.{extension}\n                            </FilenameExtensionPart>\n                        </FilenameWrapper>\n                    </StyledCell>\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hideButtonOnAt","hideButtonOnAttach","_props$hasAttachment","hasAttachment","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onClick","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","cellRef","buttonRef","_useState","useState","_useState2","_slicedToArray","filename","setFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","withHelperTextClass","withHelperText","autoClass","auto","accept","join","extension","extractExtension","filenameWithoutExtension","slice","length","cellContentLeft","getFileIcon","handleClick","e","current","click","handleChange","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledAttachButtonWrapper","AttachButton","_extends","StyledHelperText","StyledCell","stretching","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart","at","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, MouseEvent, PropsWithChildren } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { AttachProps, FileInfo } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilesWrapper } from './Attach.styles';\nimport { getFilenameParts } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton, HiddenWidthHelper } from './components';\nimport { CellUI, DropdownUI } from './ui';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hideButtonOnAttach = false,\n            hasAttachment = true,\n            multiple,\n            dropdownOptions,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            customIcon,\n            onClick,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const fileWrapperWidthRef = useRef<HTMLDivElement | null>(null);\n        const fileWrapperHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellHelperRefs = useRef<Record<string, HTMLDivElement>>({});\n\n        const [filesInfo, setFilesInfo] = useState<Record<string, FileInfo>>({});\n        const [hasHiddenFiles, setHasHiddenFiles] = useState(false);\n\n        const filesLength = Object.keys(filesInfo).length;\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n\n        const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClick) {\n                onClick(e);\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            const fileList = e.target.files;\n            if (!fileList || fileList.length === 0) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            if (!hasAttachment) {\n                return;\n            }\n\n            const fileArray = Array.from(fileList);\n            const filesData = fileArray.reduce((acc, file, ind) => {\n                const fileKey = `${ind}_${file.name}`;\n                acc[fileKey] = getFilenameParts(file.name, size, customIcon);\n\n                return acc;\n            }, {} as Record<string, FileInfo>);\n\n            cellHelperRefs.current = {};\n            setFilesInfo(filesData);\n            setHasHiddenFiles(false);\n        };\n\n        const handleClear = (fileKey: string) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            setFilesInfo((prevFileInfo) => {\n                const updatedFilesInfo = { ...prevFileInfo };\n                delete updatedFilesInfo[fileKey];\n\n                return updatedFilesInfo;\n            });\n\n            delete cellHelperRefs.current[fileKey];\n\n            setHasHiddenFiles(false);\n        };\n\n        const getCellRef = (element: HTMLDivElement | null, key: string) => {\n            if (element && cellHelperRefs?.current) {\n                cellHelperRefs.current[key] = element;\n            }\n        };\n\n        const updateHiddenFiles = () => {\n            const newFilesInfo = { ...filesInfo };\n\n            if (!multiple || Object.keys(filesInfo).length === 0) {\n                setHasHiddenFiles(false);\n\n                return;\n            }\n\n            if (flow !== 'horizontal') {\n                Object.keys(newFilesInfo).forEach((key) => {\n                    newFilesInfo[key].isVisible = true;\n                });\n\n                setHasHiddenFiles(false);\n                setFilesInfo(newFilesInfo);\n\n                return;\n            }\n\n            if (\n                !fileWrapperWidthRef.current ||\n                !fileWrapperHelperRef.current ||\n                !Object.keys(cellHelperRefs.current).length\n            ) {\n                return;\n            }\n\n            const fileWrapper = fileWrapperWidthRef.current;\n\n            const fileWrapperWidth = fileWrapper.clientWidth;\n            const fileWrapperGap = parseInt(window.getComputedStyle(fileWrapper).columnGap ?? 0, 10);\n\n            let totalWidth = 0;\n\n            const firstHidden = Object.entries(cellHelperRefs.current).findIndex(([_, cell]) => {\n                totalWidth += cell.clientWidth + fileWrapperGap;\n\n                if (totalWidth > fileWrapperWidth) {\n                    setHasHiddenFiles(true);\n\n                    return true;\n                }\n\n                return false;\n            });\n\n            const newKeys = Object.keys(newFilesInfo);\n\n            const filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;\n            const filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];\n\n            filesInfoVisibleKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = true;\n            });\n\n            filesInfoHiddenKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = false;\n            });\n\n            setFilesInfo(newFilesInfo);\n        };\n\n        useLayoutEffect(() => {\n            updateHiddenFiles();\n        }, [filesLength, flow, multiple]);\n\n        useEffect(() => {\n            if (flow !== 'horizontal' || !multiple) {\n                return;\n            }\n\n            const observer = new ResizeObserver(() => {\n                updateHiddenFiles();\n            });\n\n            if (innerRef.current) {\n                observer.observe(innerRef.current);\n            }\n\n            return () => observer.disconnect();\n        }, [filesLength, flow, multiple]);\n\n        const RootWrapper = ({ children }: PropsWithChildren) => {\n            return (\n                <Root size={size} view={view}>\n                    {children}\n                </Root>\n            );\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    multiple={multiple}\n                    onChange={handleChange}\n                />\n\n                {(!hideButtonOnAttach || !filesLength) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton\n                            ref={buttonRef}\n                            buttonType={buttonType}\n                            isLoading={isLoading}\n                            disabled={disabled}\n                            onClick={handleClick}\n                            {...rest}\n                        />\n\n                        {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                    </StyledAttachButtonWrapper>\n                )}\n\n                {(hasAttachment || hideButtonOnAttach) &&\n                    Boolean(filesLength) &&\n                    Object.values(filesInfo)[0].isVisible && (\n                        <>\n                            <FilesWrapper\n                                className={cx(horizontalClass, verticalClass, autoClass)}\n                                applyOverflow={multiple && flow === 'horizontal'}\n                            >\n                                {Object.entries(filesInfo).map(\n                                    ([key, { extension, filenameWithoutExtension, cellContentLeft, isVisible }]) => {\n                                        if (!isVisible) {\n                                            return;\n                                        }\n\n                                        return (\n                                            <CellUI\n                                                key={key}\n                                                filenameWithoutExtension={filenameWithoutExtension}\n                                                extension={extension}\n                                                size={size}\n                                                cellContentLeft={cellContentLeft}\n                                                multiple={multiple}\n                                                flow={flow}\n                                                onClick={() => handleClear(key)}\n                                            />\n                                        );\n                                    },\n                                )}\n                            </FilesWrapper>\n                        </>\n                    )}\n\n                {(hasAttachment || hideButtonOnAttach) && hasHiddenFiles && (\n                    <DropdownUI\n                        rootWrapper={RootWrapper}\n                        size={size}\n                        filesInfo={filesInfo}\n                        customIcon={customIcon}\n                        handleClear={handleClear}\n                        {...dropdownOptions}\n                        placement={dropdownOptions?.placement ?? 'bottom'}\n                    />\n                )}\n\n                {multiple && flow === 'horizontal' && (\n                    <HiddenWidthHelper ref={fileWrapperWidthRef} hasHiddenFiles={hasHiddenFiles} size={size} />\n                )}\n\n                {multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && (\n                    <FilesWrapper ref={fileWrapperHelperRef} className={cx(horizontalClass, classes.horizontalHidden)}>\n                        {Object.entries(filesInfo).map(\n                            ([key, { extension, filenameWithoutExtension, cellContentLeft }]) => (\n                                <CellUI\n                                    key={key}\n                                    ref={(el) => getCellRef(el, key)}\n                                    filenameWithoutExtension={filenameWithoutExtension}\n                                    extension={extension}\n                                    size={size}\n                                    cellContentLeft={cellContentLeft}\n                                    multiple={multiple}\n                                    flow={flow}\n                                    isHelper\n                                />\n                            ),\n                        )}\n                    </FilesWrapper>\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_dropdownOptions$plac","_props$flow","flow","_props$buttonType","buttonType","_props$hideButtonOnAt","hideButtonOnAttach","_props$hasAttachment","hasAttachment","multiple","dropdownOptions","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onClick","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","buttonRef","fileWrapperWidthRef","fileWrapperHelperRef","cellHelperRefs","_useState","useState","_useState2","_slicedToArray","filesInfo","setFilesInfo","_useState3","_useState4","hasHiddenFiles","setHasHiddenFiles","filesLength","Object","keys","length","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","withHelperTextClass","withHelperText","accept","join","handleClick","e","current","click","handleChange","fileList","target","files","fileArray","Array","from","filesData","reduce","acc","file","ind","fileKey","concat","getFilenameParts","handleClear","prevFileInfo","updatedFilesInfo","_objectSpread","getCellRef","element","key","updateHiddenFiles","_window$getComputedSt","newFilesInfo","forEach","isVisible","fileWrapper","fileWrapperWidth","clientWidth","fileWrapperGap","parseInt","window","getComputedStyle","columnGap","totalWidth","firstHidden","entries","findIndex","_ref","_ref2","_","cell","newKeys","filesInfoVisibleKeys","slice","filesInfoHiddenKeys","useLayoutEffect","useEffect","observer","ResizeObserver","observe","disconnect","RootWrapper","_ref3","children","React","createElement","cx","StyledHiddenInput","type","StyledAttachButtonWrapper","AttachButton","_extends","StyledHelperText","Boolean","values","Fragment","FilesWrapper","applyOverflow","map","_ref4","_ref5","_ref5$","extension","filenameWithoutExtension","cellContentLeft","CellUI","DropdownUI","rootWrapper","placement","HiddenWidthHelper","horizontalHidden","_ref6","_ref7","_ref7$","el","isHelper","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}