@salutejs/plasma-new-hope 0.339.0-canary.2299.18865993815.0 → 0.339.0-canary.2301.18868987022.0

package/cjs/components/Attach/ui/Dropdown/Dropdown.css

@@ -0,0 +1,100 @@
+.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);}
+
+.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);}
+
+.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);}}
+
+.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;}
+
+.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);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.IconButton_styles_403on7_b1ua728l__d34a8ea7{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);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7: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);}.IconButton_styles_403on7_b1ua728l__d34a8ea7: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);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
+
+.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;}
+
+
+.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);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.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_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;}
+
+.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;}
+
+
+.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);}
+
+.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;}

package/cjs/components/Attach/ui/Dropdown/Dropdown.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MoreTrigger = require('../MoreTrigger/MoreTrigger.js');
+var Cell = require('../Cell/Cell.js');
+var Dropdown_styles = require('./Dropdown.styles.js');
+var getFilenameParts = require('../../utils/getFilenameParts.js');
+var getFileicon = require('../../utils/getFileicon.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _excluded = ["rootWrapper", "size", "filesInfo", "customIcon", "handleClear"];
+var DropdownUI = function DropdownUI(_ref) {
+  var Root = _ref.rootWrapper,
+    size = _ref.size,
+    filesInfo = _ref.filesInfo,
+    customIcon = _ref.customIcon,
+    handleClear = _ref.handleClear,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var parsedItems = React.useMemo(function () {
+    return Object.entries(filesInfo).filter(function (_ref2) {
+      var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
+        isVisible = _ref3[1].isVisible;
+      return !isVisible;
+    }).map(function (_ref4) {
+      var _ref5 = _rollupPluginBabelHelpers.slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        _ref5$ = _ref5[1],
+        filenameWithoutExtension = _ref5$.filenameWithoutExtension,
+        extension = _ref5$.extension;
+      return {
+        value: "".concat(filenameWithoutExtension, ".").concat(extension),
+        label: key
+      };
+    });
+  }, [filesInfo]);
+  return /*#__PURE__*/React__default.default.createElement(Dropdown_styles.StyledDropdown, _rollupPluginBabelHelpers.extends({
+    items: parsedItems,
+    renderItem: function renderItem(_ref6) {
+      var value = _ref6.value,
+        label = _ref6.label;
+      var _getFilenameParts = getFilenameParts.getFilenameParts(String(value)),
+        filenameWithoutExtension = _getFilenameParts.filenameWithoutExtension,
+        extension = _getFilenameParts.extension;
+      return /*#__PURE__*/React__default.default.createElement(Root, null, /*#__PURE__*/React__default.default.createElement(Cell.CellUI, {
+        size: size,
+        filenameWithoutExtension: filenameWithoutExtension,
+        extension: extension,
+        cellContentLeft: customIcon || getFileicon.getFileIcon(extension, size),
+        onClick: function onClick() {
+          return handleClear(label);
+        },
+        isInsideDropdown: true
+      }));
+    }
+  }, rest, {
+    closeOnSelect: false
+  }), /*#__PURE__*/React__default.default.createElement(MoreTrigger.MoreTrigger, {
+    size: size
+  }));
+};
+
+exports.DropdownUI = DropdownUI;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Attach/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useMemo } from 'react';\n\nimport { MoreTrigger } from '../MoreTrigger/MoreTrigger';\nimport type { DropdownOptions, FileInfo } from '../../Attach.types';\nimport { CellUI } from '../Cell/Cell';\nimport { getFileIcon, getFilenameParts } from '../../utils';\n\nimport { StyledDropdown } from './Dropdown.styles';\n\ntype DropdownItemOption = {\n    value: string | number;\n    label: string;\n    filenameWithoutExtension: string;\n    extension: string;\n    cellContentLeft: ReactNode;\n    key: string;\n};\n\ntype DropdownUIProps = {\n    rootWrapper: ({ children }: PropsWithChildren) => JSX.Element;\n    filesInfo: Record<string, FileInfo>;\n    handleClear: (key: string) => void;\n    size?: string;\n    customIcon?: ReactNode;\n} & DropdownOptions;\n\nexport const DropdownUI = ({\n    rootWrapper: Root,\n    size,\n    filesInfo,\n    customIcon,\n    handleClear,\n    ...rest\n}: DropdownUIProps) => {\n    const parsedItems = useMemo(() => {\n        return Object.entries(filesInfo)\n            .filter(([, { isVisible }]) => !isVisible)\n            .map(([key, { filenameWithoutExtension, extension }]) => ({\n                value: `${filenameWithoutExtension}.${extension}`,\n                label: key,\n            }));\n    }, [filesInfo]);\n\n    return (\n        <StyledDropdown\n            items={parsedItems as DropdownItemOption[]}\n            renderItem={({ value, label }) => {\n                const { filenameWithoutExtension, extension } = getFilenameParts(String(value));\n\n                return (\n                    <Root>\n                        <CellUI\n                            size={size}\n                            filenameWithoutExtension={filenameWithoutExtension}\n                            extension={extension}\n                            cellContentLeft={customIcon || getFileIcon(extension, size)}\n                            onClick={() => handleClear(label)}\n                            isInsideDropdown\n                        />\n                    </Root>\n                );\n            }}\n            {...rest}\n            closeOnSelect={false}\n        >\n            <MoreTrigger size={size} />\n        </StyledDropdown>\n    );\n};\n"],"names":["DropdownUI","_ref","Root","rootWrapper","size","filesInfo","customIcon","handleClear","rest","_objectWithoutProperties","_excluded","parsedItems","useMemo","Object","entries","filter","_ref2","_ref3","_slicedToArray","isVisible","map","_ref4","_ref5","key","_ref5$","filenameWithoutExtension","extension","value","concat","label","React","createElement","StyledDropdown","_extends","items","renderItem","_ref6","_getFilenameParts","getFilenameParts","String","CellUI","cellContentLeft","getFileIcon","onClick","isInsideDropdown","closeOnSelect","MoreTrigger"],"mappings":";;;;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANNC,IAAI,GAAAD,IAAA,CAAjBE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;AACRC,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,WAAW,GAAGC,aAAO,CAAC,YAAM;IAC9B,OAAOC,MAAM,CAACC,OAAO,CAACT,SAAS,CAAC,CAC3BU,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,uCAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;QAAMG,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA,CAATE,SAAS,CAAA;AAAA,MAAA,OAAQ,CAACA,SAAS,CAAA;AAAA,KAAA,CAAC,CACzCC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAJ,uCAAA,CAAAG,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,GAAG,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAAE,QAAAA,MAAA,GAAAF,KAAA,CAAA,CAAA,CAAA;QAAIG,wBAAwB,GAAAD,MAAA,CAAxBC,wBAAwB;QAAEC,SAAS,GAAAF,MAAA,CAATE,SAAS,CAAA;MAAA,OAAS;QACtDC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKH,wBAAwB,OAAAG,MAAA,CAAIF,SAAS,CAAE;AACjDG,QAAAA,KAAK,EAAEN,GAAAA;OACV,CAAA;AAAA,KAAC,CAAC,CAAA;AACX,GAAC,EAAE,CAAClB,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,oBACIyB,sBAAA,CAAAC,aAAA,CAACC,8BAAc,EAAAC,iCAAA,CAAA;AACXC,IAAAA,KAAK,EAAEvB,WAAoC;AAC3CwB,IAAAA,UAAU,EAAE,SAAAA,UAAAC,CAAAA,KAAA,EAAsB;AAAA,MAAA,IAAnBT,KAAK,GAAAS,KAAA,CAALT,KAAK;QAAEE,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;MACvB,IAAAQ,iBAAA,GAAgDC,iCAAgB,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC;QAAvEF,wBAAwB,GAAAY,iBAAA,CAAxBZ,wBAAwB;QAAEC,SAAS,GAAAW,iBAAA,CAATX,SAAS,CAAA;MAE3C,oBACII,sBAAA,CAAAC,aAAA,CAAC7B,IAAI,qBACD4B,sBAAA,CAAAC,aAAA,CAACS,WAAM,EAAA;AACHpC,QAAAA,IAAI,EAAEA,IAAK;AACXqB,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,QAAAA,SAAS,EAAEA,SAAU;QACrBe,eAAe,EAAEnC,UAAU,IAAIoC,uBAAW,CAAChB,SAAS,EAAEtB,IAAI,CAAE;QAC5DuC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMpC,WAAW,CAACsB,KAAK,CAAC,CAAA;SAAC;QAClCe,gBAAgB,EAAA,IAAA;AAAA,OACnB,CACC,CAAC,CAAA;AAEf,KAAA;AAAE,GAAA,EACEpC,IAAI,EAAA;AACRqC,IAAAA,aAAa,EAAE,KAAA;AAAM,GAAA,CAAA,eAErBf,sBAAA,CAAAC,aAAA,CAACe,uBAAW,EAAA;AAAC1C,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACd,CAAC,CAAA;AAEzB;;;;"}

package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js

@@ -0,0 +1,22 @@
+require('./Dropdown.styles_1ge65dg.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var common = require('../../../../engines/common.js');
+var Dropdown$1 = require('../../../Dropdown/Dropdown.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Dropdown$1.dropdownConfig);
+var Dropdown = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Dropdown;
+};
+var StyledDropdown = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledDropdown",
+  "class": "s1qvmnsb",
+  propsAsIs: true
+});
+
+exports.StyledDropdown = StyledDropdown;
+//# sourceMappingURL=Dropdown.styles.js.map

package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Attach/ui/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { Wrapper } from 'src/components/Dropdown/ui/DropdownItem/DropdownItem.styles';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { dropdownConfig, dropdownTokens } from '../../../Dropdown';\nimport { tokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(dropdownConfig);\nconst Dropdown = component(mergedConfig);\n\nexport const StyledDropdown = styled(Dropdown)`\n    ${dropdownTokens.borderWidth}: var(${tokens.dropdownBorderWidth});\n    ${dropdownTokens.padding}: var(${tokens.dropdownPadding});\n    ${dropdownTokens.borderRadius}: var(${tokens.dropdownBorderRadius});\n    ${dropdownTokens.width}: var(${tokens.dropdownWidth});\n    ${dropdownTokens.itemPadding}: var(${tokens.dropdownItemPadding});\n\n    ${dropdownTokens.background}: var(${tokens.dropdownBackground});\n    ${dropdownTokens.boxShadow}: var(${tokens.dropdownBoxShadow});\n    ${dropdownTokens.borderColor}: var(${tokens.dropdownBorderColor});\n\n    ${Wrapper} {\n        &:hover{\n            cursor: default;\n        }\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","Dropdown","component","_exp","StyledDropdown","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,yBAAc,CAAC,CAAA;AAChD,IAAMC,QAAQ,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPvBA,SAOuBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAgBnC;;;;"}

package/cjs/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css

@@ -0,0 +1 @@
+.s1qvmnsb{--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);}.s1qvmnsb .w1jav4ek:hover{cursor:default;}

package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.css

@@ -0,0 +1,3 @@
+.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);}
+
+.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);}

package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var MoreTrigger_styles = require('./MoreTrigger.styles.js');
+var IconDotsHorizontalOutline = require('../../../_Icon/Icons/IconDotsHorizontalOutline.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var MoreTrigger = function MoreTrigger(_ref) {
+  var size = _ref.size;
+  var iconSize = size === 'xs' ? 'xs' : 's';
+  return /*#__PURE__*/React__default.default.createElement(MoreTrigger_styles.IconWrapper, null, /*#__PURE__*/React__default.default.createElement(IconDotsHorizontalOutline.IconDotsHorizontalOutline, {
+    size: iconSize,
+    color: "inherit"
+  }));
+};
+
+exports.MoreTrigger = MoreTrigger;
+//# sourceMappingURL=MoreTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreTrigger.js","sources":["../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { IconDotsHorizontalOutline } from 'src/components/_Icon';\n\nimport { IconWrapper } from './MoreTrigger.styles';\n\ntype MoreTriggerProps = {\n    size?: string;\n};\n\nexport const MoreTrigger = ({ size }: MoreTriggerProps) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    return (\n        <IconWrapper>\n            <IconDotsHorizontalOutline size={iconSize} color=\"inherit\" />\n        </IconWrapper>\n    );\n};\n"],"names":["MoreTrigger","_ref","size","iconSize","React","createElement","IconWrapper","IconDotsHorizontalOutline","color"],"mappings":";;;;;;;;;;;;IASaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAmC;AAAA,EAAA,IAA7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAA;EAC9B,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;EAE3C,oBACIE,sBAAA,CAAAC,aAAA,CAACC,8BAAW,qBACRF,sBAAA,CAAAC,aAAA,CAACE,mDAAyB,EAAA;AAACL,IAAAA,IAAI,EAAEC,QAAS;AAACK,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACnD,CAAC,CAAA;AAEtB;;;;"}

package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js

@@ -0,0 +1,15 @@
+require('./MoreTrigger.styles_5yseaa.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var IconWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconWrapper",
+  "class": "i1fc84ks",
+  propsAsIs: false
+});
+
+exports.IconWrapper = IconWrapper;
+//# sourceMappingURL=MoreTrigger.styles.js.map

package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreTrigger.styles.js","sources":["../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Attach.tokens';\n\nexport const IconWrapper = styled.div`\n    line-height: 0;\n    height: fit-content;\n    padding: var(${tokens.moreIconPadding});\n`;\n"],"names":["IconWrapper","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC;;;;"}

package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css

@@ -0,0 +1 @@
+.i1fc84ks{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}

package/cjs/components/Attach/utils/getFilenameParts.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var extractExtension = require('./extractExtension.js');
+var getFileicon = require('./getFileicon.js');
+
+var getFilenameParts = function getFilenameParts(filename, size, customIcon) {
+  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);
+  return {
+    extension: extension,
+    filenameWithoutExtension: filenameWithoutExtension,
+    cellContentLeft: cellContentLeft,
+    isVisible: true
+  };
+};
+
+exports.getFilenameParts = getFilenameParts;
+//# sourceMappingURL=getFilenameParts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getFilenameParts.js","sources":["../../../../src/components/Attach/utils/getFilenameParts.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { extractExtension } from './extractExtension';\nimport { getFileIcon } from './getFileicon';\n\nexport const getFilenameParts = (filename: string, size?: string, customIcon?: ReactNode) => {\n    const extension = extractExtension(filename) || '';\n    const filenameWithoutExtension = filename.slice(0, -1 - (extension?.length || 0)) || '';\n    const cellContentLeft = customIcon || getFileIcon(extension, size);\n\n    return { extension, filenameWithoutExtension, cellContentLeft, isVisible: true };\n};\n"],"names":["getFilenameParts","filename","size","customIcon","extension","extractExtension","filenameWithoutExtension","slice","length","cellContentLeft","getFileIcon","isVisible"],"mappings":";;;;;;;AAKO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAgB,EAAEC,IAAa,EAAEC,UAAsB,EAAK;AACzF,EAAA,IAAMC,SAAS,GAAGC,iCAAgB,CAACJ,QAAQ,CAAC,IAAI,EAAE,CAAA;EAClD,IAAMK,wBAAwB,GAAGL,QAAQ,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAAH,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEI,MAAM,KAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;EACvF,IAAMC,eAAe,GAAGN,UAAU,IAAIO,uBAAW,CAACN,SAAS,EAAEF,IAAI,CAAC,CAAA;EAElE,OAAO;AAAEE,IAAAA,SAAS,EAATA,SAAS;AAAEE,IAAAA,wBAAwB,EAAxBA,wBAAwB;AAAEG,IAAAA,eAAe,EAAfA,eAAe;AAAEE,IAAAA,SAAS,EAAE,IAAA;GAAM,CAAA;AACpF;;;;"}

package/cjs/components/Attach/variations/_size/base.js

@@ -1,4 +1,4 @@
-require('./base_kpo9at.css');
+require('./base_1x0gzlt.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Attach/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Attach.tokens';\nimport { FilenameWrapper, StyledHelperText } from '../../Attach.styles';\n\nexport const base = css`\n    &.${classes.horizontal} {\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    &.${classes.vertical} {\n        row-gap: var(${tokens.verticalGap});\n    }\n\n    &.${classes.auto} {\n        row-gap: var(${tokens.verticalGap});\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    &.${classes.withHelperText} {\n        row-gap: var(${tokens.verticalGapWithHelperText});\n    }\n\n    ${FilenameWrapper} {\n        font-family: var(${tokens.cellTitleFontFamily});\n        font-size: var(${tokens.cellTitleFontSize});\n        font-style: var(${tokens.cellTitleFontStyle});\n        font-weight: var(${tokens.cellTitleFontWeight});\n        letter-spacing: var(${tokens.cellTitleLetterSpacing});\n        line-height: var(${tokens.cellTitleLineHeight});\n\n        height: var(${tokens.filenameWrapperHeight});\n    }\n\n    ${StyledHelperText} {\n        font-family: var(--plasma-typo-body-xs-font-family);\n        font-size: var(--plasma-typo-body-xs-font-size);\n        font-style: var(--plasma-typo-body-xs-font-style);\n        font-weight: var(--plasma-typo-body-xs-font-weight);\n        letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n        line-height: var(--plasma-typo-body-xs-line-height);\n    }\n}\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsChB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Attach.tokens';\nimport { FilenameWrapper, StyledHelperText } from '../../Attach.styles';\n\nexport const base = css`\n    &.${classes.horizontal} {\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    &.${classes.vertical} {\n        row-gap: var(${tokens.verticalGap});\n    }\n\n    &.${classes.auto} {\n        row-gap: var(${tokens.verticalGap});\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    .${classes.horizontal} {\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    .${classes.auto} {\n        column-gap: var(${tokens.horizontalGap});\n    }\n\n    &.${classes.withHelperText} {\n        row-gap: var(${tokens.verticalGapWithHelperText});\n    }\n\n    ${FilenameWrapper} {\n        font-family: var(${tokens.cellTitleFontFamily});\n        font-size: var(${tokens.cellTitleFontSize});\n        font-style: var(${tokens.cellTitleFontStyle});\n        font-weight: var(${tokens.cellTitleFontWeight});\n        letter-spacing: var(${tokens.cellTitleLetterSpacing});\n        line-height: var(${tokens.cellTitleLineHeight});\n    }\n\n    ${StyledHelperText} {\n        font-family: var(--plasma-typo-body-xs-font-family);\n        font-size: var(--plasma-typo-body-xs-font-size);\n        font-style: var(--plasma-typo-body-xs-font-style);\n        font-weight: var(--plasma-typo-body-xs-font-weight);\n        letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n        line-height: var(--plasma-typo-body-xs-line-height);\n    }\n}\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA4ChB;;;;"}

package/cjs/components/Attach/variations/_size/base_1x0gzlt.css

@@ -0,0 +1 @@
+.b1pj1390.plasma-attach-horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.plasma-attach-vertical{row-gap:var(--plasma-attach-vertical-gap);}.b1pj1390.plasma-attach-auto{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390 .plasma-attach-horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390 .plasma-attach-auto{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.plasma-attach-with-helper-text{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.b1pj1390 .fssye98{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);}.b1pj1390 .sjp429d{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);}

package/cjs/components/Attach/variations/_view/base.js

@@ -1,4 +1,4 @@
-require('./base_1nvsg1b.css');
+require('./base_d9xz7t.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Attach/variations/_view/base_d9xz7t.css

@@ -0,0 +1 @@
+.b438e2d.plasma-attach-horizontal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b438e2d.plasma-attach-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.b438e2d.plasma-attach-auto{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.css

@@ -1,5 +1,5 @@
-.ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
-.ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
-.ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
-.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
-.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);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;}
+.ProgressBarCircular_styles_1cnlydo_b18reh89__42dafeea{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
+.ProgressBarCircular_styles_1cnlydo_s2tt3b5__42dafeea{width:100%;height:100%;}
+.ProgressBarCircular_styles_1cnlydo_slvt37h__42dafeea{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
+.ProgressBarCircular_styles_1cnlydo_s1d8ncmi__42dafeea{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
+.ProgressBarCircular_styles_1cnlydo_sg9aoc4__42dafeea{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);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;}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js

@@ -13,7 +13,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack"];
+var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeWidth"];
 var progressBarCircularRoot = function progressBarCircularRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _props$value = props.value,
@@ -24,9 +24,7 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
       view = props.view,
       children = props.children,
       className = props.className,
-      strokeSize = props.strokeSize,
-      _props$hasTrack = props.hasTrack,
-      hasTrack = _props$hasTrack === void 0 ? true : _props$hasTrack,
+      strokeWidth = props.strokeWidth,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var clampedValue = Math.min(Math.max(value, 0), maxValue);
     var percentage = clampedValue / maxValue * 100;
@@ -41,15 +39,15 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
       height: "100%",
       viewBox: "0 0 100 100",
       className: ProgressBarCircular_tokens.classes.svg
-    }, hasTrack && /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
-      customStrokeWidth: strokeSize,
+    }, /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
+      customStrokeWidth: strokeWidth,
       cx: center,
       cy: center,
       className: ProgressBarCircular_tokens.classes.backgroundCircle
     }), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledProgressCircle, {
       cx: center,
       cy: center,
-      customStrokeWidth: strokeSize,
+      customStrokeWidth: strokeWidth,
       className: ProgressBarCircular_tokens.classes.progressCircle,
       percent: percentage,
       transform: "rotate(-90 50 50)"

package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n    base,\n    StyledSVG,\n    StyledBackgroundCircle,\n    StyledProgressCircle,\n    StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n    forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n        const {\n            value = 0,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeSize,\n            hasTrack = true,\n            ...rest\n        } = props;\n\n        const clampedValue = Math.min(Math.max(value, 0), maxValue);\n        const percentage = (clampedValue / maxValue) * 100;\n\n        const center = 50;\n\n        return (\n            <Root ref={ref} view={view} size={size} className={className} {...rest}>\n                <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n                    {hasTrack && (\n                        <StyledBackgroundCircle\n                            customStrokeWidth={strokeSize}\n                            cx={center}\n                            cy={center}\n                            className={classes.backgroundCircle}\n                        />\n                    )}\n                    <StyledProgressCircle\n                        cx={center}\n                        cy={center}\n                        customStrokeWidth={strokeSize}\n                        className={classes.progressCircle}\n                        percent={percentage}\n                        transform=\"rotate(-90 50 50)\"\n                    />\n                </StyledSVG>\n\n                {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n            </Root>\n        );\n    });\n\nexport const progressBarCircularConfig = {\n    name: 'ProgressBarCircular',\n    tag: 'div',\n    layout: progressBarCircularRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeSize","_props$hasTrack","hasTrack","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n    base,\n    StyledSVG,\n    StyledBackgroundCircle,\n    StyledProgressCircle,\n    StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n    forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n        const { value = 0, maxValue = 100, size, view, children, className, strokeWidth, ...rest } = props;\n\n        const clampedValue = Math.min(Math.max(value, 0), maxValue);\n        const percentage = (clampedValue / maxValue) * 100;\n\n        const center = 50;\n\n        return (\n            <Root ref={ref} view={view} size={size} className={className} {...rest}>\n                <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n                    <StyledBackgroundCircle\n                        customStrokeWidth={strokeWidth}\n                        cx={center}\n                        cy={center}\n                        className={classes.backgroundCircle}\n                    />\n                    <StyledProgressCircle\n                        cx={center}\n                        cy={center}\n                        customStrokeWidth={strokeWidth}\n                        className={classes.progressCircle}\n                        percent={percentage}\n                        transform=\"rotate(-90 50 50)\"\n                    />\n                </StyledSVG>\n\n                {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n            </Root>\n        );\n    });\n\nexport const progressBarCircularConfig = {\n    name: 'ProgressBarCircular',\n    tag: 'div',\n    layout: progressBarCircularRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidth","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js

@@ -1,4 +1,4 @@
-require('./ProgressBarCircular.styles_16hxdvd.css');
+require('./ProgressBarCircular.styles_1cnlydo.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n\n    width: var(${tokens.height});\n    height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n    fill: none;\n    r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n    stroke: var(${tokens.backgroundStroke});\n    stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n    --percentage: ${({ percent }) => percent ?? 0};\n    --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n    --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n    --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n    fill: none;\n    stroke: var(${tokens.progressStroke});\n    stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n    stroke-linecap: round;\n    r: var(--radius);\n    stroke-dasharray: var(--circumference);\n    stroke-dashoffset: var(--dashoffset);\n    transition: stroke-dashoffset 0.3s linear;\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    color: var(${tokens.contentColor});\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}
+{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n\n    width: var(${tokens.height});\n    height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n    fill: none;\n    r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n    stroke: var(${tokens.backgroundStroke});\n    stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n    --percentage: ${({ percent }) => percent ?? 0};\n    --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n    --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n    --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n    fill: none;\n    stroke: var(${tokens.progressStroke});\n    stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n        `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n    stroke-linecap: round;\n    r: var(--radius);\n    stroke-dasharray: var(--circumference);\n    stroke-dashoffset: var(--dashoffset);\n    transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    color: var(${tokens.contentColor});\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}

package/cjs/components/ProgressBarCircular/{ProgressBarCircular.styles_16hxdvd.css → ProgressBarCircular.styles_1cnlydo.css}

@@ -1,5 +1,5 @@
 .b18reh89{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
 .s2tt3b5{width:100%;height:100%;}
 .slvt37h{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
-.s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
+.s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
 .sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);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;}