@hh.ru/magritte-ui-chat-input 1.2.0 → 1.2.2

package/index.css

@@ -1,42 +1,42 @@
 :root{
-  --magritte-color-background-primary-v25-1-0:#ffffff;
-  --magritte-color-background-secondary-v25-1-0:#F1F4F9;
-  --magritte-color-stroke-neutral-v25-1-0:#DCE3EB;
-  --magritte-color-stroke-phantom-v25-1-0:#DCE3EB;
-  --magritte-color-stroke-state-focused-accessible-v25-1-0:#0070ff7a;
-  --magritte-color-stroke-state-neutral-hovered-v25-1-0:#DCE3EB;
-  --magritte-color-text-primary-v25-1-0:#000000;
-  --magritte-color-text-secondary-v25-1-0:#768694;
-  --magritte-color-text-tertiary-v25-1-0:#AABBCA;
-  --magritte-color-icon-tertiary-v25-1-0:#AABBCA;
-  --magritte-gradient-component-chat-input-background-fade-v25-1-0:#ffffff00 0%, #ffffff 100%;
-  --magritte-shadow-level-1-color-v25-1-0:#7090b029;
-  --magritte-shadow-level-1-x-v25-1-0:0px;
-  --magritte-shadow-level-1-y-v25-1-0:4px;
-  --magritte-shadow-level-1-blur-v25-1-0:12px;
-  --magritte-shadow-level-1-spread-v25-1-0:0px;
+  --magritte-color-background-primary-v26-0-0:#ffffff;
+  --magritte-color-background-secondary-v26-0-0:#F1F4F9;
+  --magritte-color-stroke-neutral-v26-0-0:#DCE3EB;
+  --magritte-color-stroke-phantom-v26-0-0:#DCE3EB;
+  --magritte-color-stroke-state-focused-accessible-v26-0-0:#0070ff7a;
+  --magritte-color-stroke-state-neutral-hovered-v26-0-0:#DCE3EB;
+  --magritte-color-text-primary-v26-0-0:#000000;
+  --magritte-color-text-secondary-v26-0-0:#768694;
+  --magritte-color-text-tertiary-v26-0-0:#AABBCA;
+  --magritte-color-icon-tertiary-v26-0-0:#AABBCA;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-0:#ffffff00 0%, #ffffff 100%;
+  --magritte-shadow-level-1-color-v26-0-0:#7090b029;
+  --magritte-shadow-level-1-x-v26-0-0:0px;
+  --magritte-shadow-level-1-y-v26-0-0:4px;
+  --magritte-shadow-level-1-blur-v26-0-0:12px;
+  --magritte-shadow-level-1-spread-v26-0-0:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v25-1-0:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v25-1-0:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v26-0-0:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v26-0-0:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-background-primary-v25-1-0:#1B1B1B;
-  --magritte-color-background-secondary-v25-1-0:#303030;
-  --magritte-color-stroke-neutral-v25-1-0:#303030;
-  --magritte-color-stroke-phantom-v25-1-0:#30303000;
-  --magritte-color-stroke-state-neutral-hovered-v25-1-0:#303030;
-  --magritte-color-text-primary-v25-1-0:#ffffff;
-  --magritte-color-text-secondary-v25-1-0:#ABABAB;
-  --magritte-color-text-tertiary-v25-1-0:#767676;
-  --magritte-color-icon-tertiary-v25-1-0:#767676;
-  --magritte-gradient-component-chat-input-background-fade-v25-1-0:#1b1b1b00 0%, #1b1b1b 100%;
-  --magritte-shadow-level-1-color-v25-1-0:#00000029;
-}
-.magritte-chat-input___P69oN_1-2-0{
-  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v25-1-0);
+  --magritte-color-background-primary-v26-0-0:#1B1B1B;
+  --magritte-color-background-secondary-v26-0-0:#303030;
+  --magritte-color-stroke-neutral-v26-0-0:#303030;
+  --magritte-color-stroke-phantom-v26-0-0:#30303000;
+  --magritte-color-stroke-state-neutral-hovered-v26-0-0:#303030;
+  --magritte-color-text-primary-v26-0-0:#ffffff;
+  --magritte-color-text-secondary-v26-0-0:#ABABAB;
+  --magritte-color-text-tertiary-v26-0-0:#767676;
+  --magritte-color-icon-tertiary-v26-0-0:#767676;
+  --magritte-gradient-component-chat-input-background-fade-v26-0-0:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-shadow-level-1-color-v26-0-0:#00000029;
+}
+.magritte-chat-input___P69oN_1-2-2{
+  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v26-0-0);
   --chat-input-focus-shadow:0 0 0 transparent;
   position:relative;
   isolation:isolate;
@@ -44,10 +44,10 @@
   border-radius:24px;
   padding:12px;
   overflow:hidden;
-  background-color:var(--magritte-color-background-primary-v25-1-0);
+  background-color:var(--magritte-color-background-primary-v26-0-0);
   --magritte-ui-scrollbar-offset-right:-12px;
 }
-.magritte-chat-input___P69oN_1-2-0::after{
+.magritte-chat-input___P69oN_1-2-2::after{
   content:'';
   position:absolute;
   z-index:1;
@@ -56,106 +56,106 @@
   box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color);
   pointer-events:none;
 }
-.magritte-chat-input___P69oN_1-2-0.magritte-no-background___eiIY1_1-2-0{
+.magritte-chat-input___P69oN_1-2-2.magritte-no-background___eiIY1_1-2-2{
   background:none;
   --chat-input-stroke-color:transparent !important;
 }
-.magritte-chat-input___P69oN_1-2-0:has(*:focus){
-  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v25-1-0) var(--magritte-shadow-level-1-y-v25-1-0) var(--magritte-shadow-level-1-blur-v25-1-0) var(--magritte-shadow-level-1-spread-v25-1-0) var(--magritte-shadow-level-1-color-v25-1-0);
+.magritte-chat-input___P69oN_1-2-2:has(*:focus){
+  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v26-0-0) var(--magritte-shadow-level-1-y-v26-0-0) var(--magritte-shadow-level-1-blur-v26-0-0) var(--magritte-shadow-level-1-spread-v26-0-0) var(--magritte-shadow-level-1-color-v26-0-0);
 }
-.magritte-chat-input___P69oN_1-2-0:has(.magritte-text-input-focused___TfyLu_1-2-0){
-  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v25-1-0);
+.magritte-chat-input___P69oN_1-2-2:has(.magritte-text-input-focused___TfyLu_1-2-2){
+  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v26-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-chat-input___P69oN_1-2-0:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
+  body.magritte-old-layout .magritte-chat-input___P69oN_1-2-2:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-0:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v25-1-0);
+  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-2-2:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v26-0-0);
   }
 }
-.magritte-content-grid___g03sT_1-2-0{
+.magritte-content-grid___g03sT_1-2-2{
   display:grid;
   grid-template-columns:auto minmax(0, 1fr) auto;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-preview___baXKi_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-preview___baXKi_1-2-2{
   grid-area:1 / 1 / 2 / -1;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-left___7JZYp_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-left___7JZYp_1-2-2{
   grid-area:3 / 1;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-central___zkguj_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-central___zkguj_1-2-2{
   grid-area:3 / 2;
   align-self:center;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-right___-tGcO_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-right___-tGcO_1-2-2{
   grid-area:3 / 3;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-scrollbar-cell___--M2x_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-scrollbar-cell___--M2x_1-2-2{
   grid-area:2 / 1 / 3 / -1;
   position:relative;
   pointer-events:none;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-scrollbar-cell___--M2x_1-2-0 > div{
+.magritte-content-grid___g03sT_1-2-2 .magritte-scrollbar-cell___--M2x_1-2-2 > div{
   pointer-events:auto;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-text-input___3AFO4_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-text-input___3AFO4_1-2-2{
   grid-area:3 / 2;
 }
-.magritte-content-grid___g03sT_1-2-0 .magritte-text-input___3AFO4_1-2-0.magritte-layout-vertical___mVTr-_1-2-0,
-.magritte-content-grid___g03sT_1-2-0.magritte-has-central___VRZik_1-2-0 .magritte-text-input___3AFO4_1-2-0{
+.magritte-content-grid___g03sT_1-2-2 .magritte-text-input___3AFO4_1-2-2.magritte-layout-vertical___mVTr-_1-2-2,
+.magritte-content-grid___g03sT_1-2-2.magritte-has-central___VRZik_1-2-2 .magritte-text-input___3AFO4_1-2-2{
   grid-area:2 / 1 / 3 / -1;
 }
-.magritte-content-grid___g03sT_1-2-0.magritte-no-left-controls___7r6yy_1-2-0:not(.magritte-has-central___VRZik_1-2-0) .magritte-text-input___3AFO4_1-2-0{
+.magritte-content-grid___g03sT_1-2-2.magritte-no-left-controls___7r6yy_1-2-2:not(.magritte-has-central___VRZik_1-2-2) .magritte-text-input___3AFO4_1-2-2{
   grid-area:2 / 1 / 4 / 3;
 }
-.magritte-content-grid___g03sT_1-2-0.magritte-no-right-controls___HBSag_1-2-0:not(.magritte-has-central___VRZik_1-2-0) .magritte-text-input___3AFO4_1-2-0{
+.magritte-content-grid___g03sT_1-2-2.magritte-no-right-controls___HBSag_1-2-2:not(.magritte-has-central___VRZik_1-2-2) .magritte-text-input___3AFO4_1-2-2{
   grid-area:2 / 2 / 4 / -1;
 }
-.magritte-content-grid___g03sT_1-2-0.magritte-no-left-controls___7r6yy_1-2-0:not(.magritte-has-central___VRZik_1-2-0){
+.magritte-content-grid___g03sT_1-2-2.magritte-no-left-controls___7r6yy_1-2-2:not(.magritte-has-central___VRZik_1-2-2){
   grid-template-rows:auto minmax(0, 1fr) auto;
 }
-.magritte-right___-tGcO_1-2-0,
-.magritte-left___7JZYp_1-2-0{
+.magritte-right___-tGcO_1-2-2,
+.magritte-left___7JZYp_1-2-2{
   display:flex;
   gap:8px;
 }
-.magritte-chips___gLao5_1-2-0{
+.magritte-chips___gLao5_1-2-2{
   display:flex;
   flex-wrap:nowrap;
   width:max-content;
   gap:8px;
 }
-.magritte-chips-container___-bS5O_1-2-0{
+.magritte-chips-container___-bS5O_1-2-2{
   padding:0 12px;
 }
-.magritte-no-left-controls___7r6yy_1-2-0 .magritte-chips-container___-bS5O_1-2-0{
+.magritte-no-left-controls___7r6yy_1-2-2 .magritte-chips-container___-bS5O_1-2-2{
   padding-left:0;
 }
-.magritte-no-right-controls___HBSag_1-2-0 .magritte-chips-container___-bS5O_1-2-0{
+.magritte-no-right-controls___HBSag_1-2-2 .magritte-chips-container___-bS5O_1-2-2{
   padding-right:0;
 }
-.magritte-preview-block___iiPdS_1-2-0{
+.magritte-preview-block___iiPdS_1-2-2{
   display:flex;
   align-items:center;
   gap:12px;
   padding-bottom:8px;
 }
-.magritte-preview-side___ymR-u_1-2-0{
+.magritte-preview-side___ymR-u_1-2-2{
   display:flex;
   flex-shrink:0;
 }
-.magritte-preview-content___ZgyBD_1-2-0{
+.magritte-preview-content___ZgyBD_1-2-2{
   display:flex;
   flex:1;
   flex-direction:column;
   min-width:0;
 }
-.magritte-preview-title___SkFeZ_1-2-0{
+.magritte-preview-title___SkFeZ_1-2-2{
   font-family:"hh sans";
   font-weight:500;
   line-height:18px;
@@ -164,9 +164,9 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v25-1-0);
+  color:var(--magritte-color-text-primary-v26-0-0);
 }
-.magritte-preview-subtitle___58qfR_1-2-0{
+.magritte-preview-subtitle___58qfR_1-2-2{
   font-family:"hh sans";
   font-weight:400;
   line-height:20px;
@@ -176,25 +176,25 @@
   text-transform:none;
   text-decoration:none;
   overflow:hidden;
-  color:var(--magritte-color-text-secondary-v25-1-0);
+  color:var(--magritte-color-text-secondary-v26-0-0);
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-files-container___zOkRK_1-2-0{
+.magritte-files-container___zOkRK_1-2-2{
   padding-bottom:8px;
 }
-.magritte-files___j2q5K_1-2-0{
+.magritte-files___j2q5K_1-2-2{
   display:flex;
   flex-wrap:nowrap;
   align-items:flex-start;
   width:max-content;
   gap:8px;
 }
-.magritte-file___lz9Ll_1-2-0{
+.magritte-file___lz9Ll_1-2-2{
   position:relative;
 }
-.magritte-file-card___hn5C9_1-2-0::after,
-.magritte-file-tile___OVlh3_1-2-0::after{
+.magritte-file-card___hn5C9_1-2-2::after,
+.magritte-file-tile___OVlh3_1-2-2::after{
   content:'';
   position:absolute;
   inset:0;
@@ -202,21 +202,21 @@
   border-radius:inherit;
   pointer-events:none;
 }
-.magritte-file-card___hn5C9_1-2-0{
+.magritte-file-card___hn5C9_1-2-2{
   position:relative;
   box-sizing:border-box;
   width:280px;
   padding:8px;
   border-radius:12px;
-  background-color:var(--magritte-color-background-primary-v25-1-0);
+  background-color:var(--magritte-color-background-primary-v26-0-0);
 }
-.magritte-file-card___hn5C9_1-2-0::after{
-  border-color:var(--magritte-color-stroke-neutral-v25-1-0);
+.magritte-file-card___hn5C9_1-2-2::after{
+  border-color:var(--magritte-color-stroke-neutral-v26-0-0);
 }
-.magritte-file-card-removable___GkxUe_1-2-0{
+.magritte-file-card-removable___GkxUe_1-2-2{
   padding-right:32px;
 }
-.magritte-file-tile___OVlh3_1-2-0{
+.magritte-file-tile___OVlh3_1-2-2{
   position:relative;
   display:flex;
   align-items:center;
@@ -226,41 +226,41 @@
   overflow:hidden;
   border-radius:12px;
 }
-.magritte-file-tile___OVlh3_1-2-0::after{
-  border-color:var(--magritte-color-stroke-phantom-v25-1-0);
+.magritte-file-tile___OVlh3_1-2-2::after{
+  border-color:var(--magritte-color-stroke-phantom-v26-0-0);
 }
-.magritte-file-tile-placeholder___yxLuR_1-2-0{
-  background-color:var(--magritte-color-background-secondary-v25-1-0);
+.magritte-file-tile-placeholder___yxLuR_1-2-2{
+  background-color:var(--magritte-color-background-secondary-v26-0-0);
 }
-.magritte-file-tile-image___cZFgL_1-2-0{
+.magritte-file-tile-image___cZFgL_1-2-2{
   display:block;
   width:100%;
   height:100%;
   object-fit:cover;
 }
-.magritte-file-remove___S0WB9_1-2-0{
+.magritte-file-remove___S0WB9_1-2-2{
   position:absolute;
   top:4px;
   right:4px;
   display:flex;
 }
-.magritte-file-name___L03-O_1-2-0{
+.magritte-file-name___L03-O_1-2-2{
   display:flex;
   min-width:0;
 }
-.magritte-file-name-base___ojdp6_1-2-0{
+.magritte-file-name-base___ojdp6_1-2-2{
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-file-name-extension___3QZtS_1-2-0{
+.magritte-file-name-extension___3QZtS_1-2-2{
   flex-shrink:0;
   white-space:nowrap;
 }
-.magritte-text-input-wrapper___TPbwC_1-2-0{
+.magritte-text-input-wrapper___TPbwC_1-2-2{
   display:contents;
 }
-.magritte-text-input___3AFO4_1-2-0{
+.magritte-text-input___3AFO4_1-2-2{
   box-sizing:content-box;
   padding:0 12px;
   border:none;
@@ -282,34 +282,34 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v25-1-0);
+  color:var(--magritte-color-text-primary-v26-0-0);
 }
-.magritte-text-input___3AFO4_1-2-0::placeholder{
-  color:var(--magritte-color-text-tertiary-v25-1-0);
+.magritte-text-input___3AFO4_1-2-2::placeholder{
+  color:var(--magritte-color-text-tertiary-v26-0-0);
   opacity:1;
 }
-.magritte-text-input___3AFO4_1-2-0:focus,
-.magritte-text-input___3AFO4_1-2-0:focus-visible{
+.magritte-text-input___3AFO4_1-2-2:focus,
+.magritte-text-input___3AFO4_1-2-2:focus-visible{
   border:none;
   outline:none;
 }
-.magritte-text-input___3AFO4_1-2-0.magritte-with-top-fade___okgqo_1-2-0,
-.magritte-text-input___3AFO4_1-2-0.magritte-with-bottom-fade___82gr8_1-2-0{
+.magritte-text-input___3AFO4_1-2-2.magritte-with-top-fade___okgqo_1-2-2,
+.magritte-text-input___3AFO4_1-2-2.magritte-with-bottom-fade___82gr8_1-2-2{
   -webkit-mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
   mask:var(--fade-top) top / 100% 16px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 32px) no-repeat, var(--fade-bottom) bottom / 100% 16px no-repeat;
 }
-.magritte-text-input___3AFO4_1-2-0.magritte-with-top-fade___okgqo_1-2-0{
-  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
+.magritte-text-input___3AFO4_1-2-2.magritte-with-top-fade___okgqo_1-2-2{
+  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-0));
 }
-.magritte-text-input___3AFO4_1-2-0.magritte-with-bottom-fade___82gr8_1-2-0{
-  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v25-1-0));
+.magritte-text-input___3AFO4_1-2-2.magritte-with-bottom-fade___82gr8_1-2-2{
+  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v26-0-0));
 }
-.magritte-text-input___3AFO4_1-2-0.magritte-measure___xNKc0_1-2-0{
+.magritte-text-input___3AFO4_1-2-2.magritte-measure___xNKc0_1-2-2{
   height:20px !important;
   padding:0 !important;
   margin:0 !important;
 }
-.magritte-voice-record___p64PV_1-2-0{
+.magritte-voice-record___p64PV_1-2-2{
   display:flex;
   align-items:center;
   justify-content:space-between;
@@ -319,45 +319,45 @@
   min-height:40px;
   gap:8px;
 }
-.magritte-voice-record-left___njEt-_1-2-0{
+.magritte-voice-record-left___njEt-_1-2-2{
   display:flex;
   align-items:center;
   gap:8px;
   min-width:0;
 }
-.magritte-voice-record-right___UTv-U_1-2-0{
+.magritte-voice-record-right___UTv-U_1-2-2{
   display:flex;
   align-items:center;
   gap:8px;
 }
-.magritte-voice-record-right___UTv-U_1-2-0.magritte-voice-processing___C0xnX_1-2-0{
+.magritte-voice-record-right___UTv-U_1-2-2.magritte-voice-processing___C0xnX_1-2-2{
   padding:8px;
 }
-.magritte-voice-record-indicator___V8ybb_1-2-0{
+.magritte-voice-record-indicator___V8ybb_1-2-2{
   display:flex;
   flex-shrink:0;
   align-items:center;
   gap:2px;
 }
-.magritte-voice-record-indicator-bar___jgyqz_1-2-0{
+.magritte-voice-record-indicator-bar___jgyqz_1-2-2{
   width:2px;
   min-height:2px;
   max-height:2px;
   border-radius:1000px;
-  background-color:var(--magritte-color-icon-tertiary-v25-1-0);
-  transition:max-height var(--magritte-semantic-animation-time-s-duration-v25-1-0) var(--magritte-semantic-animation-ease-base-timing-function-v25-1-0);
-  animation:magritte-voice-record-indicator-wave___4VsyE_1-2-0 400ms linear infinite alternate paused;
+  background-color:var(--magritte-color-icon-tertiary-v26-0-0);
+  transition:max-height var(--magritte-semantic-animation-time-s-duration-v26-0-0) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-0);
+  animation:magritte-voice-record-indicator-wave___4VsyE_1-2-2 400ms linear infinite alternate paused;
 }
-.magritte-voice-record-indicator-has-sound___67t5g_1-2-0 .magritte-voice-record-indicator-bar___jgyqz_1-2-0{
+.magritte-voice-record-indicator-has-sound___67t5g_1-2-2 .magritte-voice-record-indicator-bar___jgyqz_1-2-2{
   max-height:27px;
   animation-play-state:running;
 }
 @media (prefers-reduced-motion: reduce){
-  .magritte-voice-record-indicator-has-sound___67t5g_1-2-0 .magritte-voice-record-indicator-bar___jgyqz_1-2-0{
+  .magritte-voice-record-indicator-has-sound___67t5g_1-2-2 .magritte-voice-record-indicator-bar___jgyqz_1-2-2{
     animation-play-state:paused;
   }
 }
-@keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-0{
+@keyframes magritte-voice-record-indicator-wave___4VsyE_1-2-2{
   from{
     height:calc(var(--target-height) * 0.62px);
   }
@@ -365,12 +365,12 @@
     height:calc(var(--target-height) * 1.22px);
   }
 }
-.magritte-mode-container___nATVD_1-2-0{
+.magritte-mode-container___nATVD_1-2-2{
   position:relative;
   display:grid;
   align-content:end;
 }
-.magritte-voice-overlay___LbxAI_1-2-0{
+.magritte-voice-overlay___LbxAI_1-2-2{
   position:absolute;
   right:0;
   bottom:0;

package/index.js

@@ -10,7 +10,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
-import './styles-BHWYKmPT.js';
+import './styles-CHMi0EYL.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';

package/internal/ModeTransition.js

@@ -2,14 +2,9 @@ import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReducedMotion, motion } from 'motion/react';
 import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 
-const EASE_BASE = [
-    CoreTokens['magritte-semantic-animation-ease-base'].x1,
-    CoreTokens['magritte-semantic-animation-ease-base'].y1,
-    CoreTokens['magritte-semantic-animation-ease-base'].x2,
-    CoreTokens['magritte-semantic-animation-ease-base'].y2,
-];
+const EASE_BASE = CoreTokens['magritte-semantic-animation-ease-base'];
 const MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;
 const INSTANT_TRANSITION = { duration: 0 };
 const MODE_CONTENT_TRANSITION = {

package/internal/ModeTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeTransition.js","sources":["src/internal/ModeTransition.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport { motion, type TargetAndTransition, useReducedMotion } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\n\nimport styles from '../styles.less';\n\ntype ChatInputMode = 'text' | 'voice';\n\nexport interface ModeTransitionProps {\n    /** Активный режим; смена запускает кроссфейд контента и анимацию высоты оболочки */\n    mode: ChatInputMode;\n    /** Контент текстового режима (сетка со слотами и вводом) */\n    text: ReactNode;\n    /** Контент режима записи голоса */\n    voice: ReactNode;\n}\n\nconst EASE_BASE = [\n    CoreTokens['magritte-semantic-animation-ease-base'].x1,\n    CoreTokens['magritte-semantic-animation-ease-base'].y1,\n    CoreTokens['magritte-semantic-animation-ease-base'].x2,\n    CoreTokens['magritte-semantic-animation-ease-base'].y2,\n] as const;\n\nconst MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;\nconst INSTANT_TRANSITION = { duration: 0 } as const;\n\nconst MODE_CONTENT_TRANSITION = {\n    duration: MODE_TRANSITION_DURATION_MS / 1000,\n    ease: EASE_BASE,\n} as const;\n\nconst VISIBLE_LAYER: TargetAndTransition = { opacity: 1, visibility: 'visible' };\nconst HIDDEN_LAYER: TargetAndTransition = { opacity: 0, transitionEnd: { visibility: 'hidden' } };\n\nexport const ModeTransition: FC<ModeTransitionProps> = ({ mode, text, voice }) => {\n    const transition = useReducedMotion() ? INSTANT_TRANSITION : MODE_CONTENT_TRANSITION;\n    const isVoice = mode === 'voice';\n\n    return (\n        <motion.div\n            className={styles.modeContainer}\n            animate={{ height: isVoice ? 40 : 'auto' }}\n            transition={transition}\n        >\n            <motion.div\n                initial={false}\n                animate={isVoice ? HIDDEN_LAYER : VISIBLE_LAYER}\n                transition={transition}\n                aria-hidden={isVoice}\n            >\n                {text}\n            </motion.div>\n            <motion.div\n                className={styles.voiceOverlay}\n                initial={false}\n                animate={isVoice ? VISIBLE_LAYER : HIDDEN_LAYER}\n                transition={transition}\n                aria-hidden={!isVoice}\n            >\n                {voice}\n            </motion.div>\n        </motion.div>\n    );\n};\n\nModeTransition.displayName = 'ChatInputModeTransition';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAkBA,MAAM,SAAS,GAAG;AACd,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;AACtD,IAAA,UAAU,CAAC,uCAAuC,CAAC,CAAC,EAAE;CAChD,CAAC;AAEX,MAAM,2BAA2B,GAAG,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,CAAC;AAC9F,MAAM,kBAAkB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAW,CAAC;AAEpD,MAAM,uBAAuB,GAAG;IAC5B,QAAQ,EAAE,2BAA2B,GAAG,IAAI;AAC5C,IAAA,IAAI,EAAE,SAAS;CACT,CAAC;AAEX,MAAM,aAAa,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjF,MAAM,YAAY,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC;AAE3F,MAAM,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;AAC7E,IAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AACrF,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IAEjC,QACIA,KAAC,MAAM,CAAC,GAAG,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,MAAM,EAAE,EAC1C,UAAU,EAAE,UAAU,EAEtB,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACP,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,EAC/C,UAAU,EAAE,UAAU,iBACT,OAAO,EAAA,QAAA,EAEnB,IAAI,EAAA,CACI,EACbA,GAAA,CAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,EAC/C,UAAU,EAAE,UAAU,iBACT,CAAC,OAAO,YAEpB,KAAK,EAAA,CACG,CACJ,EAAA,CAAA,EACf;AACN,EAAE;AAEF,cAAc,CAAC,WAAW,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"ModeTransition.js","sources":["src/internal/ModeTransition.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\nimport { motion, type TargetAndTransition, useReducedMotion } from 'motion/react';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\n\nimport styles from '../styles.less';\n\ntype ChatInputMode = 'text' | 'voice';\n\nexport interface ModeTransitionProps {\n    /** Активный режим; смена запускает кроссфейд контента и анимацию высоты оболочки */\n    mode: ChatInputMode;\n    /** Контент текстового режима (сетка со слотами и вводом) */\n    text: ReactNode;\n    /** Контент режима записи голоса */\n    voice: ReactNode;\n}\n\nconst EASE_BASE = CoreTokens['magritte-semantic-animation-ease-base'];\n\nconst MODE_TRANSITION_DURATION_MS = CoreTokens['magritte-semantic-animation-time-s'].duration;\nconst INSTANT_TRANSITION = { duration: 0 } as const;\n\nconst MODE_CONTENT_TRANSITION = {\n    duration: MODE_TRANSITION_DURATION_MS / 1000,\n    ease: EASE_BASE,\n} as const;\n\nconst VISIBLE_LAYER: TargetAndTransition = { opacity: 1, visibility: 'visible' };\nconst HIDDEN_LAYER: TargetAndTransition = { opacity: 0, transitionEnd: { visibility: 'hidden' } };\n\nexport const ModeTransition: FC<ModeTransitionProps> = ({ mode, text, voice }) => {\n    const transition = useReducedMotion() ? INSTANT_TRANSITION : MODE_CONTENT_TRANSITION;\n    const isVoice = mode === 'voice';\n\n    return (\n        <motion.div\n            className={styles.modeContainer}\n            animate={{ height: isVoice ? 40 : 'auto' }}\n            transition={transition}\n        >\n            <motion.div\n                initial={false}\n                animate={isVoice ? HIDDEN_LAYER : VISIBLE_LAYER}\n                transition={transition}\n                aria-hidden={isVoice}\n            >\n                {text}\n            </motion.div>\n            <motion.div\n                className={styles.voiceOverlay}\n                initial={false}\n                animate={isVoice ? VISIBLE_LAYER : HIDDEN_LAYER}\n                transition={transition}\n                aria-hidden={!isVoice}\n            >\n                {voice}\n            </motion.div>\n        </motion.div>\n    );\n};\n\nModeTransition.displayName = 'ChatInputModeTransition';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC,uCAAuC,CAAC,CAAC;AAEtE,MAAM,2BAA2B,GAAG,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,CAAC;AAC9F,MAAM,kBAAkB,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAW,CAAC;AAEpD,MAAM,uBAAuB,GAAG;IAC5B,QAAQ,EAAE,2BAA2B,GAAG,IAAI;AAC5C,IAAA,IAAI,EAAE,SAAS;CACT,CAAC;AAEX,MAAM,aAAa,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACjF,MAAM,YAAY,GAAwB,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC;AAE3F,MAAM,cAAc,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;AAC7E,IAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AACrF,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IAEjC,QACIA,KAAC,MAAM,CAAC,GAAG,EACP,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,MAAM,EAAE,EAC1C,UAAU,EAAE,UAAU,EAEtB,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACP,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,EAC/C,UAAU,EAAE,UAAU,iBACT,OAAO,EAAA,QAAA,EAEnB,IAAI,EAAA,CACI,EACbA,GAAA,CAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,EAC/C,UAAU,EAAE,UAAU,iBACT,CAAC,OAAO,YAEpB,KAAK,EAAA,CACG,CACJ,EAAA,CAAA,EACf;AACN,EAAE;AAEF,cAAc,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/internal/TextInput.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useSendOnEnter } from './useSendOnEnter.js';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 import '@hh.ru/magritte-common-keyboard';
 
 const MIN_HEIGHT = 20;
@@ -70,7 +70,7 @@ const useTextInputHeight = ({ inputRef, layout, maxHeight, containerWidth, value
             setCurrentState(newState);
         }
         // currentState не должно быть в зависимостях, иначе зациклится обновление
-        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [layout, maxHeight, value, inputRef, containerWidth]);
     return currentState;
 };

package/internal/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["src/internal/TextInput.tsx"],"sourcesContent":["import {\n    type ForwardedRef,\n    forwardRef,\n    type RefObject,\n    type TextareaHTMLAttributes,\n    type UIEvent,\n    type FocusEventHandler,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useSendOnEnter } from '@hh.ru/magritte-ui-chat-input/internal/useSendOnEnter';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\n\nimport styles from '../styles.less';\n\ntype TextInputProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {\n    value: string;\n    maxHeight?: number;\n    layout: 'vertical' | 'horizontal';\n    onSend?: VoidFunction;\n    /** Ширина контейнера; её изменение пере-измеряет layout (перенос текста зависит от ширины) */\n    containerWidth?: number;\n    /** Есть центральный слот - ввод всегда на своём ряду, паддинги spacious */\n    hasCentral: boolean;\n    /** Контролы с обеих сторон - в вертикальном лейауте ввод уезжает на свой ряд, паддинги spacious */\n    hasBothSideControls: boolean;\n};\n\ninterface TextInputState {\n    layout: 'vertical' | 'horizontal';\n    height: number;\n}\n\nconst MIN_HEIGHT = 20;\n\n// допуск на субпиксельные значения скролла\nconst HIDDEN_CONTENT_THRESHOLD = 4;\n\n// вертикальные паддинги ввода - источник правды здесь, ставятся инлайном (в LESS только\n// горизонтальные): фейд и раскладка считают по одним и тем же значениям без чтения стилей из DOM.\n// spacious - ввод на своём ряду (не в нижнем, где контролы), base - все остальные раскладки\nconst VERTICAL_PADDING = {\n    base: { top: 8, bottom: 8 },\n    spacious: { top: 12, bottom: 16 },\n} as const;\n\nconst clamp = (value: number, min: number, max: number) => Math.max(Math.min(max, value), min);\n\nconst useTextInputHeight = ({\n    inputRef,\n    layout,\n    maxHeight,\n    containerWidth,\n    value,\n    onScrollHeightChange,\n}: Pick<TextInputProps, 'layout' | 'maxHeight' | 'value' | 'containerWidth'> & {\n    inputRef: RefObject<HTMLTextAreaElement>;\n    onScrollHeightChange?: VoidFunction;\n}) => {\n    const [currentState, setCurrentState] = useState<TextInputState>(() => ({\n        layout,\n        height: MIN_HEIGHT,\n    }));\n    const prevScrollHeightRef = useRef<number | null>(null);\n\n    useLayoutEffect(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n\n        // изменение реального scrollHeight (например, рост контента при упоре в maxHeight) —\n        // повод пересчитать зависимое (скроллбар); читаем до измерительных тоглов\n        if (prevScrollHeightRef.current !== null && prevScrollHeightRef.current !== input.scrollHeight) {\n            onScrollHeightChange?.();\n        }\n        prevScrollHeightRef.current = input.scrollHeight;\n\n        // высота контента на ширине конкретного слота: .measure схлопывает высоту и паддинги\n        // (scrollHeight = чистая высота контента), layout-vertical выбирает вертикальный/горизонтальный слот\n        const measureContentHeight = (targetVertical: boolean) => {\n            input.classList.add(styles.measure);\n            input.classList.toggle(styles.layoutVertical, targetVertical);\n            const height = input.scrollHeight;\n            input.classList.toggle(styles.layoutVertical, currentState.layout === 'vertical');\n            input.classList.remove(styles.measure);\n            return height;\n        };\n\n        // лейаут определяется по горизонтальному слоту (влезает ли контент в одну строку). Замер\n        // горизонтального слота — форс-рефлоу, поэтому сначала снимаем заведомо известные случаи:\n        // внешний layout='vertical' и перенос строки в значении гарантируют вертикаль, пустое\n        // значение — горизонталь; замеряем только неоднозначный однострочный случай (перенос по ширине).\n        // Высоту всегда берём на ширине целевого слота — иначе размер меряется на старом месте.\n        let isVertical: boolean;\n        if (layout === 'vertical' || value.includes('\\n')) {\n            isVertical = true;\n        } else if (value === '') {\n            isVertical = false;\n        } else {\n            isVertical = measureContentHeight(false) > MIN_HEIGHT;\n        }\n        const contentHeight = isVertical ? measureContentHeight(true) : MIN_HEIGHT;\n\n        const newState: TextInputState = {\n            layout: isVertical ? 'vertical' : 'horizontal',\n            height: clamp(contentHeight, MIN_HEIGHT, maxHeight ?? contentHeight),\n        };\n\n        if (\n            (Object.keys(currentState) as Array<keyof TextInputState>).some(\n                (key) => currentState[key] !== newState[key]\n            )\n        ) {\n            setCurrentState(newState);\n        }\n        // currentState не должно быть в зависимостях, иначе зациклится обновление\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [layout, maxHeight, value, inputRef, containerWidth]);\n\n    return currentState;\n};\n\nexport const useFocus = <T extends HTMLTextAreaElement = HTMLTextAreaElement>(): {\n    focusHandler: FocusEventHandler<T>;\n    blurHandler: FocusEventHandler<T>;\n    isFocused: boolean;\n} => {\n    const [isFocused, setFocused] = useState(false);\n    const focusHandler = useCallback<FocusEventHandler<T>>((event) => {\n        setFocused(event.target.classList.contains('focus-visible'));\n    }, []);\n\n    const blurHandler = useCallback<FocusEventHandler<T>>(() => {\n        setFocused(false);\n    }, []);\n\n    return { focusHandler, blurHandler, isFocused };\n};\n\nconst TextInputComponent = (\n    {\n        value,\n        maxHeight,\n        layout,\n        onSend,\n        containerWidth,\n        hasCentral,\n        hasBothSideControls,\n        onKeyDown,\n        onScroll,\n        className,\n        style,\n        ...textareaProps\n    }: TextInputProps,\n    forwardedRef: ForwardedRef<HTMLTextAreaElement>\n) => {\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n    const { hasVerticalScroll, verticalScrollbarProps, scrollContainerRef, resizeCallbackRef, hoverContainerCssClass } =\n        useScrollbar({ axis: 'vertical' });\n    const refCallback = useMultipleRefs(inputRef, scrollContainerRef, forwardedRef);\n\n    // ResizeObserver внутри useScrollbar видит только изменения размера textarea:\n    // после упора в maxHeight растет лишь scrollHeight - пересчитываем трек по нему\n    const handleScrollHeightChange = useCallback(() => {\n        resizeCallbackRef.current?.();\n    }, [resizeCallbackRef]);\n\n    const inputParams = useTextInputHeight({\n        inputRef,\n        layout,\n        maxHeight,\n        value,\n        containerWidth,\n        onScrollHeightChange: handleScrollHeightChange,\n    });\n\n    const verticalPadding =\n        hasCentral || (hasBothSideControls && inputParams.layout === 'vertical')\n            ? VERTICAL_PADDING.spacious\n            : VERTICAL_PADDING.base;\n\n    // фейд у краёв показываем, только когда за соответствующим краем есть непроскролленный контент\n    const [hasHiddenTop, setHasHiddenTop] = useState(false);\n    const [hasHiddenBottom, setHasHiddenBottom] = useState(false);\n    const updateFades = useCallback(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n        // верхний и нижний паддинги - часть скроллируемой области, но контента в них нет:\n        // остаток скролла в их пределах не значит, что текст скрыт\n        const hiddenTop = input.scrollTop - verticalPadding.top;\n        const hiddenBottom = input.scrollHeight - input.scrollTop - input.clientHeight - verticalPadding.bottom;\n        setHasHiddenTop(hiddenTop > HIDDEN_CONTENT_THRESHOLD);\n        setHasHiddenBottom(hiddenBottom > HIDDEN_CONTENT_THRESHOLD);\n    }, [verticalPadding.top, verticalPadding.bottom]);\n\n    // позиция скролла отслеживается через onScroll, здесь - изменения контента, высоты и ширины\n    // контейнера: при упоре в maxHeight высота не меняется, но текст перетекает и за краями\n    // может появиться/исчезнуть скрытый контент\n    useLayoutEffect(() => {\n        updateFades();\n    }, [value, inputParams.height, containerWidth, updateFades]);\n\n    const handleKeyDown = useSendOnEnter({ onSend, onKeyDown });\n    const handleScroll = useCallback(\n        (event: UIEvent<HTMLTextAreaElement>) => {\n            updateFades();\n            onScroll?.(event);\n        },\n        [updateFades, onScroll]\n    );\n\n    const { isFocused, focusHandler, blurHandler } = useFocus();\n\n    return (\n        <div className={classNames(styles.textInputWrapper, hoverContainerCssClass)}>\n            <textarea\n                enterKeyHint=\"enter\"\n                {...textareaProps}\n                onFocus={focusHandler}\n                onBlur={blurHandler}\n                className={classNames(\n                    styles.textInput,\n                    {\n                        [styles.layoutVertical]: inputParams.layout === 'vertical',\n                        [styles.withTopFade]: hasHiddenTop,\n                        [styles.withBottomFade]: hasHiddenBottom,\n                        [styles.textInputFocused]: isFocused,\n                    },\n                    className\n                )}\n                style={{\n                    ...style,\n                    height: inputParams.height,\n                    paddingTop: verticalPadding.top,\n                    paddingBottom: verticalPadding.bottom,\n                }}\n                ref={refCallback}\n                value={value}\n                onKeyDown={handleKeyDown}\n                onScroll={handleScroll}\n                data-qa=\"text-input\"\n            />\n            {hasVerticalScroll && (\n                <div className={styles.scrollbarCell}>\n                    <Scrollbar {...verticalScrollbarProps} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const TextInput = forwardRef(TextInputComponent);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAsCA,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB;AACA,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAEnC;AACA;AACA;AACA,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;IAC3B,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;CAC3B,CAAC;AAEX,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;AAE/F,MAAM,kBAAkB,GAAG,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,KAAK,EACL,oBAAoB,GAIvB,KAAI;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAiB,OAAO;QACpE,MAAM;AACN,QAAA,MAAM,EAAE,UAAU;AACrB,KAAA,CAAC,CAAC,CAAC;AACJ,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAExD,eAAe,CAAC,MAAK;AACjB,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE;YACR,OAAO;SACV;;;AAID,QAAA,IAAI,mBAAmB,CAAC,OAAO,KAAK,IAAI,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,CAAC,YAAY,EAAE;YAC5F,oBAAoB,IAAI,CAAC;SAC5B;AACD,QAAA,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;;;AAIjD,QAAA,MAAM,oBAAoB,GAAG,CAAC,cAAuB,KAAI;YACrD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAC9D,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;AAClC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;YAClF,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvC,YAAA,OAAO,MAAM,CAAC;AAClB,SAAC,CAAC;;;;;;AAOF,QAAA,IAAI,UAAmB,CAAC;QACxB,IAAI,MAAM,KAAK,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC/C,UAAU,GAAG,IAAI,CAAC;SACrB;AAAM,aAAA,IAAI,KAAK,KAAK,EAAE,EAAE;YACrB,UAAU,GAAG,KAAK,CAAC;SACtB;aAAM;AACH,YAAA,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC;SACzD;AACD,QAAA,MAAM,aAAa,GAAG,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;AAE3E,QAAA,MAAM,QAAQ,GAAmB;YAC7B,MAAM,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY;YAC9C,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,IAAI,aAAa,CAAC;SACvE,CAAC;QAEF,IACK,MAAM,CAAC,IAAI,CAAC,YAAY,CAAiC,CAAC,IAAI,CAC3D,CAAC,GAAG,KAAK,YAAY,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,CAC/C,EACH;YACE,eAAe,CAAC,QAAQ,CAAC,CAAC;SAC7B;;;AAGL,KAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;AAEzD,IAAA,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAIpB;IACA,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChD,IAAA,MAAM,YAAY,GAAG,WAAW,CAAuB,CAAC,KAAK,KAAI;AAC7D,QAAA,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC;KAChE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,WAAW,GAAG,WAAW,CAAuB,MAAK;QACvD,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACpD,EAAE;AAEF,MAAM,kBAAkB,GAAG,CACvB,EACI,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,aAAa,EACH,EACjB,YAA+C,KAC/C;AACA,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAC9G,YAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;;;AAIhF,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAK;AAC9C,QAAA,iBAAiB,CAAC,OAAO,IAAI,CAAC;AAClC,KAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,kBAAkB,CAAC;QACnC,QAAQ;QACR,MAAM;QACN,SAAS;QACT,KAAK;QACL,cAAc;AACd,QAAA,oBAAoB,EAAE,wBAAwB;AACjD,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GACjB,UAAU,KAAK,mBAAmB,IAAI,WAAW,CAAC,MAAM,KAAK,UAAU,CAAC;UAClE,gBAAgB,CAAC,QAAQ;AAC3B,UAAE,gBAAgB,CAAC,IAAI,CAAC;;IAGhC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACjC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE;YACR,OAAO;SACV;;;QAGD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC;AACxD,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AACxG,QAAA,eAAe,CAAC,SAAS,GAAG,wBAAwB,CAAC,CAAC;AACtD,QAAA,kBAAkB,CAAC,YAAY,GAAG,wBAAwB,CAAC,CAAC;KAC/D,EAAE,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;;;;IAKlD,eAAe,CAAC,MAAK;AACjB,QAAA,WAAW,EAAE,CAAC;AAClB,KAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7D,MAAM,aAAa,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,KAAmC,KAAI;AACpC,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,QAAQ,GAAG,KAAK,CAAC,CAAC;AACtB,KAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CAC1B,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;AAE5D,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,EACvE,QAAA,EAAA,CAAAC,GAAA,CAAA,UAAA,EAAA,EACI,YAAY,EAAC,OAAO,EAChB,GAAA,aAAa,EACjB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,SAAS,EAChB;oBACI,CAAC,MAAM,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM,KAAK,UAAU;AAC1D,oBAAA,CAAC,MAAM,CAAC,WAAW,GAAG,YAAY;AAClC,oBAAA,CAAC,MAAM,CAAC,cAAc,GAAG,eAAe;AACxC,oBAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS;AACvC,iBAAA,EACD,SAAS,CACZ,EACD,KAAK,EAAE;AACH,oBAAA,GAAG,KAAK;oBACR,MAAM,EAAE,WAAW,CAAC,MAAM;oBAC1B,UAAU,EAAE,eAAe,CAAC,GAAG;oBAC/B,aAAa,EAAE,eAAe,CAAC,MAAM;AACxC,iBAAA,EACD,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EAAA,SAAA,EACd,YAAY,EACtB,CAAA,EACD,iBAAiB,KACdA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAChCA,GAAC,CAAA,SAAS,OAAK,sBAAsB,EAAA,CAAI,GACvC,CACT,CAAA,EAAA,CACC,EACR;AACN,CAAC,CAAC;MAEW,SAAS,GAAG,UAAU,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"TextInput.js","sources":["src/internal/TextInput.tsx"],"sourcesContent":["import {\n    type ForwardedRef,\n    forwardRef,\n    type RefObject,\n    type TextareaHTMLAttributes,\n    type UIEvent,\n    type FocusEventHandler,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useSendOnEnter } from '@hh.ru/magritte-ui-chat-input/internal/useSendOnEnter';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\n\nimport styles from '../styles.less';\n\ntype TextInputProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {\n    value: string;\n    maxHeight?: number;\n    layout: 'vertical' | 'horizontal';\n    onSend?: VoidFunction;\n    /** Ширина контейнера; её изменение пере-измеряет layout (перенос текста зависит от ширины) */\n    containerWidth?: number;\n    /** Есть центральный слот - ввод всегда на своём ряду, паддинги spacious */\n    hasCentral: boolean;\n    /** Контролы с обеих сторон - в вертикальном лейауте ввод уезжает на свой ряд, паддинги spacious */\n    hasBothSideControls: boolean;\n};\n\ninterface TextInputState {\n    layout: 'vertical' | 'horizontal';\n    height: number;\n}\n\nconst MIN_HEIGHT = 20;\n\n// допуск на субпиксельные значения скролла\nconst HIDDEN_CONTENT_THRESHOLD = 4;\n\n// вертикальные паддинги ввода - источник правды здесь, ставятся инлайном (в LESS только\n// горизонтальные): фейд и раскладка считают по одним и тем же значениям без чтения стилей из DOM.\n// spacious - ввод на своём ряду (не в нижнем, где контролы), base - все остальные раскладки\nconst VERTICAL_PADDING = {\n    base: { top: 8, bottom: 8 },\n    spacious: { top: 12, bottom: 16 },\n} as const;\n\nconst clamp = (value: number, min: number, max: number) => Math.max(Math.min(max, value), min);\n\nconst useTextInputHeight = ({\n    inputRef,\n    layout,\n    maxHeight,\n    containerWidth,\n    value,\n    onScrollHeightChange,\n}: Pick<TextInputProps, 'layout' | 'maxHeight' | 'value' | 'containerWidth'> & {\n    inputRef: RefObject<HTMLTextAreaElement>;\n    onScrollHeightChange?: VoidFunction;\n}) => {\n    const [currentState, setCurrentState] = useState<TextInputState>(() => ({\n        layout,\n        height: MIN_HEIGHT,\n    }));\n    const prevScrollHeightRef = useRef<number | null>(null);\n\n    useLayoutEffect(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n\n        // изменение реального scrollHeight (например, рост контента при упоре в maxHeight) —\n        // повод пересчитать зависимое (скроллбар); читаем до измерительных тоглов\n        if (prevScrollHeightRef.current !== null && prevScrollHeightRef.current !== input.scrollHeight) {\n            onScrollHeightChange?.();\n        }\n        prevScrollHeightRef.current = input.scrollHeight;\n\n        // высота контента на ширине конкретного слота: .measure схлопывает высоту и паддинги\n        // (scrollHeight = чистая высота контента), layout-vertical выбирает вертикальный/горизонтальный слот\n        const measureContentHeight = (targetVertical: boolean) => {\n            input.classList.add(styles.measure);\n            input.classList.toggle(styles.layoutVertical, targetVertical);\n            const height = input.scrollHeight;\n            input.classList.toggle(styles.layoutVertical, currentState.layout === 'vertical');\n            input.classList.remove(styles.measure);\n            return height;\n        };\n\n        // лейаут определяется по горизонтальному слоту (влезает ли контент в одну строку). Замер\n        // горизонтального слота — форс-рефлоу, поэтому сначала снимаем заведомо известные случаи:\n        // внешний layout='vertical' и перенос строки в значении гарантируют вертикаль, пустое\n        // значение — горизонталь; замеряем только неоднозначный однострочный случай (перенос по ширине).\n        // Высоту всегда берём на ширине целевого слота — иначе размер меряется на старом месте.\n        let isVertical: boolean;\n        if (layout === 'vertical' || value.includes('\\n')) {\n            isVertical = true;\n        } else if (value === '') {\n            isVertical = false;\n        } else {\n            isVertical = measureContentHeight(false) > MIN_HEIGHT;\n        }\n        const contentHeight = isVertical ? measureContentHeight(true) : MIN_HEIGHT;\n\n        const newState: TextInputState = {\n            layout: isVertical ? 'vertical' : 'horizontal',\n            height: clamp(contentHeight, MIN_HEIGHT, maxHeight ?? contentHeight),\n        };\n\n        if (\n            (Object.keys(currentState) as Array<keyof TextInputState>).some(\n                (key) => currentState[key] !== newState[key]\n            )\n        ) {\n            setCurrentState(newState);\n        }\n        // currentState не должно быть в зависимостях, иначе зациклится обновление\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [layout, maxHeight, value, inputRef, containerWidth]);\n\n    return currentState;\n};\n\nexport const useFocus = <T extends HTMLTextAreaElement = HTMLTextAreaElement>(): {\n    focusHandler: FocusEventHandler<T>;\n    blurHandler: FocusEventHandler<T>;\n    isFocused: boolean;\n} => {\n    const [isFocused, setFocused] = useState(false);\n    const focusHandler = useCallback<FocusEventHandler<T>>((event) => {\n        setFocused(event.target.classList.contains('focus-visible'));\n    }, []);\n\n    const blurHandler = useCallback<FocusEventHandler<T>>(() => {\n        setFocused(false);\n    }, []);\n\n    return { focusHandler, blurHandler, isFocused };\n};\n\nconst TextInputComponent = (\n    {\n        value,\n        maxHeight,\n        layout,\n        onSend,\n        containerWidth,\n        hasCentral,\n        hasBothSideControls,\n        onKeyDown,\n        onScroll,\n        className,\n        style,\n        ...textareaProps\n    }: TextInputProps,\n    forwardedRef: ForwardedRef<HTMLTextAreaElement>\n) => {\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n    const { hasVerticalScroll, verticalScrollbarProps, scrollContainerRef, resizeCallbackRef, hoverContainerCssClass } =\n        useScrollbar({ axis: 'vertical' });\n    const refCallback = useMultipleRefs(inputRef, scrollContainerRef, forwardedRef);\n\n    // ResizeObserver внутри useScrollbar видит только изменения размера textarea:\n    // после упора в maxHeight растет лишь scrollHeight - пересчитываем трек по нему\n    const handleScrollHeightChange = useCallback(() => {\n        resizeCallbackRef.current?.();\n    }, [resizeCallbackRef]);\n\n    const inputParams = useTextInputHeight({\n        inputRef,\n        layout,\n        maxHeight,\n        value,\n        containerWidth,\n        onScrollHeightChange: handleScrollHeightChange,\n    });\n\n    const verticalPadding =\n        hasCentral || (hasBothSideControls && inputParams.layout === 'vertical')\n            ? VERTICAL_PADDING.spacious\n            : VERTICAL_PADDING.base;\n\n    // фейд у краёв показываем, только когда за соответствующим краем есть непроскролленный контент\n    const [hasHiddenTop, setHasHiddenTop] = useState(false);\n    const [hasHiddenBottom, setHasHiddenBottom] = useState(false);\n    const updateFades = useCallback(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n        // верхний и нижний паддинги - часть скроллируемой области, но контента в них нет:\n        // остаток скролла в их пределах не значит, что текст скрыт\n        const hiddenTop = input.scrollTop - verticalPadding.top;\n        const hiddenBottom = input.scrollHeight - input.scrollTop - input.clientHeight - verticalPadding.bottom;\n        setHasHiddenTop(hiddenTop > HIDDEN_CONTENT_THRESHOLD);\n        setHasHiddenBottom(hiddenBottom > HIDDEN_CONTENT_THRESHOLD);\n    }, [verticalPadding.top, verticalPadding.bottom]);\n\n    // позиция скролла отслеживается через onScroll, здесь - изменения контента, высоты и ширины\n    // контейнера: при упоре в maxHeight высота не меняется, но текст перетекает и за краями\n    // может появиться/исчезнуть скрытый контент\n    useLayoutEffect(() => {\n        updateFades();\n    }, [value, inputParams.height, containerWidth, updateFades]);\n\n    const handleKeyDown = useSendOnEnter({ onSend, onKeyDown });\n    const handleScroll = useCallback(\n        (event: UIEvent<HTMLTextAreaElement>) => {\n            updateFades();\n            onScroll?.(event);\n        },\n        [updateFades, onScroll]\n    );\n\n    const { isFocused, focusHandler, blurHandler } = useFocus();\n\n    return (\n        <div className={classNames(styles.textInputWrapper, hoverContainerCssClass)}>\n            <textarea\n                enterKeyHint=\"enter\"\n                {...textareaProps}\n                onFocus={focusHandler}\n                onBlur={blurHandler}\n                className={classNames(\n                    styles.textInput,\n                    {\n                        [styles.layoutVertical]: inputParams.layout === 'vertical',\n                        [styles.withTopFade]: hasHiddenTop,\n                        [styles.withBottomFade]: hasHiddenBottom,\n                        [styles.textInputFocused]: isFocused,\n                    },\n                    className\n                )}\n                style={{\n                    ...style,\n                    height: inputParams.height,\n                    paddingTop: verticalPadding.top,\n                    paddingBottom: verticalPadding.bottom,\n                }}\n                ref={refCallback}\n                value={value}\n                onKeyDown={handleKeyDown}\n                onScroll={handleScroll}\n                data-qa=\"text-input\"\n            />\n            {hasVerticalScroll && (\n                <div className={styles.scrollbarCell}>\n                    <Scrollbar {...verticalScrollbarProps} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const TextInput = forwardRef(TextInputComponent);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/internal/VoiceRecord.js

@@ -9,7 +9,7 @@ import { FOCUS_PRIORITY } from './focusGroup.js';
 import { CrossOutlinedSize24, CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 import './useHasSound.js';
 
 const formatDuration = (totalSeconds) => {

package/internal/VoiceRecordIndicator.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useHasSound } from './useHasSound.js';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 import 'react';
 
 const TARGET_HEIGHT = [2, 11, 22, 22, 22, 11, 22, 11, 6, 2];

package/internal/useHasSound.js

@@ -38,7 +38,7 @@ const useHasSound = (stream) => {
         analyser.fftSize = 256;
         source.connect(analyser);
         // Web Audio API принимает данные только в типизированный массив
-        // eslint-disable-next-line no-restricted-syntax
+        // oxlint-disable-next-line magritte/no-restricted-syntax
         const buffer = new Uint8Array(analyser.fftSize);
         let lastLoudAt = 0;
         let current = false;

package/internal/useHasSound.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasSound.js","sources":["src/internal/useHasSound.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// Порог RMS, выше которого считаем, что звук есть (речь по RMS обычно ~0.1+, шумовой пол — ниже)\nconst SOUND_RMS_THRESHOLD = 0.02;\n// Сколько держим флаг «звук есть» после последнего громкого кадра — чтобы паузы между словами\n// не роняли индикатор в тишину и он не мигал\nconst RELEASE_MS = 350;\n// Период опроса громкости: флаг булев с гистерезисом RELEASE_MS, детализация кадра дисплея тут\n// не нужна — 100 мс дают запас в ~3.5 замера на окно удержания при кратно меньшей нагрузке, чем rAF\nconst SAMPLE_INTERVAL_MS = 100;\n\ntype AudioContextConstructor = typeof AudioContext;\n\nconst getAudioContextConstructor = (): AudioContextConstructor | null => {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const scoped = window as unknown as {\n        AudioContext?: AudioContextConstructor;\n        webkitAudioContext?: AudioContextConstructor;\n    };\n    return scoped.AudioContext ?? scoped.webkitAudioContext ?? null;\n};\n\n/**\n * Флаг «в стриме микрофона сейчас есть звук». Пока стрим есть — держит rAF-цикл и читает\n * RMS через AnalyserNode, сравнивая с порогом (флаг ещё RELEASE_MS удерживается после последнего\n * громкого кадра, чтобы не мигать на паузах между словами). Ререндер только на смене флага.\n * Треки стрима не трогаем — ими владеет сессия записи (`useVoiceRecordSession`), только читаем.\n */\nexport const useHasSound = (stream: MediaStream | null): boolean => {\n    const [hasSound, setHasSound] = useState(false);\n\n    useEffect(() => {\n        const AudioCtx = getAudioContextConstructor();\n        if (!stream || !AudioCtx || stream.getAudioTracks().length === 0) {\n            return undefined;\n        }\n\n        const audioContext = new AudioCtx();\n        // ctx может стартовать в suspended (autoplay policy); старт всегда из клика по микрофону,\n        // так что resume безопасен и обычно сразу переводит в running\n        void audioContext.resume();\n\n        const source = audioContext.createMediaStreamSource(stream);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = 256;\n        source.connect(analyser);\n\n        // Web Audio API принимает данные только в типизированный массив\n        // eslint-disable-next-line no-restricted-syntax\n        const buffer = new Uint8Array(analyser.fftSize);\n        let lastLoudAt = 0;\n        let current = false;\n\n        const tick = () => {\n            analyser.getByteTimeDomainData(buffer);\n            let sumSquares = 0;\n            for (let i = 0; i < buffer.length; i += 1) {\n                const sample = (buffer[i] - 128) / 128;\n                sumSquares += sample * sample;\n            }\n            const rms = Math.sqrt(sumSquares / buffer.length);\n            const now = performance.now();\n            if (rms > SOUND_RMS_THRESHOLD) {\n                lastLoudAt = now;\n            }\n            const next = now - lastLoudAt < RELEASE_MS;\n            if (next !== current) {\n                current = next;\n                setHasSound(next);\n            }\n        };\n        tick();\n        const intervalId = setInterval(tick, SAMPLE_INTERVAL_MS);\n\n        return () => {\n            clearInterval(intervalId);\n            source.disconnect();\n            analyser.disconnect();\n            void audioContext.close();\n            setHasSound(false);\n        };\n    }, [stream]);\n\n    return hasSound;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useHasSound.js","sources":["src/internal/useHasSound.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n// Порог RMS, выше которого считаем, что звук есть (речь по RMS обычно ~0.1+, шумовой пол — ниже)\nconst SOUND_RMS_THRESHOLD = 0.02;\n// Сколько держим флаг «звук есть» после последнего громкого кадра — чтобы паузы между словами\n// не роняли индикатор в тишину и он не мигал\nconst RELEASE_MS = 350;\n// Период опроса громкости: флаг булев с гистерезисом RELEASE_MS, детализация кадра дисплея тут\n// не нужна — 100 мс дают запас в ~3.5 замера на окно удержания при кратно меньшей нагрузке, чем rAF\nconst SAMPLE_INTERVAL_MS = 100;\n\ntype AudioContextConstructor = typeof AudioContext;\n\nconst getAudioContextConstructor = (): AudioContextConstructor | null => {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n    const scoped = window as unknown as {\n        AudioContext?: AudioContextConstructor;\n        webkitAudioContext?: AudioContextConstructor;\n    };\n    return scoped.AudioContext ?? scoped.webkitAudioContext ?? null;\n};\n\n/**\n * Флаг «в стриме микрофона сейчас есть звук». Пока стрим есть — держит rAF-цикл и читает\n * RMS через AnalyserNode, сравнивая с порогом (флаг ещё RELEASE_MS удерживается после последнего\n * громкого кадра, чтобы не мигать на паузах между словами). Ререндер только на смене флага.\n * Треки стрима не трогаем — ими владеет сессия записи (`useVoiceRecordSession`), только читаем.\n */\nexport const useHasSound = (stream: MediaStream | null): boolean => {\n    const [hasSound, setHasSound] = useState(false);\n\n    useEffect(() => {\n        const AudioCtx = getAudioContextConstructor();\n        if (!stream || !AudioCtx || stream.getAudioTracks().length === 0) {\n            return undefined;\n        }\n\n        const audioContext = new AudioCtx();\n        // ctx может стартовать в suspended (autoplay policy); старт всегда из клика по микрофону,\n        // так что resume безопасен и обычно сразу переводит в running\n        void audioContext.resume();\n\n        const source = audioContext.createMediaStreamSource(stream);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = 256;\n        source.connect(analyser);\n\n        // Web Audio API принимает данные только в типизированный массив\n        // oxlint-disable-next-line magritte/no-restricted-syntax\n        const buffer = new Uint8Array(analyser.fftSize);\n        let lastLoudAt = 0;\n        let current = false;\n\n        const tick = () => {\n            analyser.getByteTimeDomainData(buffer);\n            let sumSquares = 0;\n            for (let i = 0; i < buffer.length; i += 1) {\n                const sample = (buffer[i] - 128) / 128;\n                sumSquares += sample * sample;\n            }\n            const rms = Math.sqrt(sumSquares / buffer.length);\n            const now = performance.now();\n            if (rms > SOUND_RMS_THRESHOLD) {\n                lastLoudAt = now;\n            }\n            const next = now - lastLoudAt < RELEASE_MS;\n            if (next !== current) {\n                current = next;\n                setHasSound(next);\n            }\n        };\n        tick();\n        const intervalId = setInterval(tick, SAMPLE_INTERVAL_MS);\n\n        return () => {\n            clearInterval(intervalId);\n            source.disconnect();\n            analyser.disconnect();\n            void audioContext.close();\n            setHasSound(false);\n        };\n    }, [stream]);\n\n    return hasSound;\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -12,7 +12,7 @@
     "prepack": "yarn root:prepack $(pwd)",
     "postpublish": "yarn root:postpublish $(pwd)",
     "stylelint-check": "yarn root:stylelint-check $(pwd)",
-    "eslint-check": "yarn root:eslint-check $(pwd)",
+    "lint-check": "yarn root:lint-check $(pwd)",
     "ts-config": "yarn root:ts-config $(pwd)",
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
@@ -27,20 +27,20 @@
     "access": "public"
   },
   "dependencies": {
-    "@hh.ru/magritte-common-keyboard": "4.3.5",
-    "@hh.ru/magritte-common-use-disabled": "1.0.15",
-    "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
-    "@hh.ru/magritte-common-use-translation": "3.6.0",
-    "@hh.ru/magritte-design-tokens": "25.1.0",
-    "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-cell": "7.3.0",
-    "@hh.ru/magritte-ui-chips": "7.0.44",
-    "@hh.ru/magritte-ui-icon": "15.1.2",
-    "@hh.ru/magritte-ui-link": "7.2.3",
-    "@hh.ru/magritte-ui-loader": "4.1.3",
-    "@hh.ru/magritte-ui-scrollable-container": "6.5.0",
-    "@hh.ru/magritte-ui-scrollbar": "1.0.36",
-    "@hh.ru/magritte-ui-typography": "5.3.13"
+    "@hh.ru/magritte-common-keyboard": "4.3.6",
+    "@hh.ru/magritte-common-use-disabled": "1.0.16",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
+    "@hh.ru/magritte-common-use-translation": "3.6.1",
+    "@hh.ru/magritte-design-tokens": "26.0.0",
+    "@hh.ru/magritte-internal-slot-registry": "1.1.1",
+    "@hh.ru/magritte-ui-cell": "7.3.2",
+    "@hh.ru/magritte-ui-chips": "7.0.46",
+    "@hh.ru/magritte-ui-icon": "15.1.4",
+    "@hh.ru/magritte-ui-link": "7.2.5",
+    "@hh.ru/magritte-ui-loader": "4.1.5",
+    "@hh.ru/magritte-ui-scrollable-container": "6.5.2",
+    "@hh.ru/magritte-ui-scrollbar": "1.0.38",
+    "@hh.ru/magritte-ui-typography": "5.3.15"
   },
-  "gitHead": "4420819c71c2d263ef47b3208c47942e9f0a1d30"
+  "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
 }

package/public/ChatInput.js

@@ -19,7 +19,7 @@ import { ChatInputPreview } from './ChatInputPreview.js';
 import { ChatInputSendButton } from './ChatInputSendButton.js';
 import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../internal/useSendOnEnter.js';

package/public/ChatInputChips.js

@@ -4,7 +4,7 @@ import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
 import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 
 const CHIP_DEFAULT_PROPS = { size: 'extra-small' };
 const ChatInputChips = ({ children }) => (jsx("div", { className: styles.chipsContainer, children: jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: jsx(ScrollableContainer, { children: jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }) }));

package/public/ChatInputFile.js

@@ -9,7 +9,7 @@ import { CheckCircleOutlinedSize16, ExclamationTriangleOutlinedSize16, ImageOutl
 import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 
 const splitFileName = (name) => {
     const dotIndex = name.lastIndexOf('.');

package/public/ChatInputFiles.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 
 const ChatInputFiles = ({ children }) => (jsx("div", { className: styles.filesContainer, "data-qa": "chat-input-files", children: jsx(ScrollableContainer, { correction: 11, children: jsx(ScrollableContainer.DefaultLayout, { size: "small", noFadeOnDesktop: true, buttonsOffset: 8, buttonsOnHover: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.files, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { scrollToItemOnFocus: true, children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }));
 ChatInputFiles.displayName = 'ChatInputFiles';

package/public/ChatInputPreview.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-BHWYKmPT.js';
+import { s as styles } from '../styles-CHMi0EYL.js';
 
 const DEFAULT_ICON_PROPS = {
     initialColor: 'secondary',

package/public/ChatInputVoiceButton.js

@@ -82,7 +82,7 @@ const ChatInputVoiceButton = ({ maxDuration, mimeType, processingLabel, onRecord
         cancelButtonProps,
     }), 
     // mimeType намеренно не в deps — его влияние учтено через стабильный mimeTypeKey
-    // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
         maxDuration,
         mimeTypeKey,

package/public/ChatInputVoiceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputVoiceButton.js","sources":["src/public/ChatInputVoiceButton.tsx"],"sourcesContent":["import {\n    type FC,\n    type MouseEvent,\n    type MouseEventHandler,\n    type ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useChatInputContext } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ChatInputSlotButton } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputSlotButton';\nimport { FocusTarget } from '@hh.ru/magritte-ui-chat-input/internal/FocusTarget';\nimport { FOCUS_PRIORITY } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRegisterVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { type ChatInputButtonAria, type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nimport { MicOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\n// Сколько ждём микрофон, прежде чем показать лоадер. Если доступ уже выдан, `getUserMedia`\n// резолвится почти мгновенно — показывать лоадер на такой срок значит мельтешить; порог оставляет\n// индикацию только для реального ожидания (диалог разрешения браузера, медленный старт устройства)\nconst VOICE_START_LOADER_DELAY = 300;\n\n/**\n * Обёртка над колбэком из пропов со стабильной по ссылке идентичностью. Приложение обычно\n * пересоздаёт хендлеры на каждый рендер, а в slot-registry нужны стабильные ссылки (иначе конфиг\n * перерегистрируется на каждый рендер). Актуальную версию колбэка держим в рефе, наружу отдаём\n * фиксированную обёртку, которая зовёт последний ref. Возвращает `undefined` из вызова, если\n * исходный колбэк не передан.\n */\nconst useStableFn = <Args extends unknown[], Return>(\n    fn: ((...args: Args) => Return) | undefined\n): ((...args: Args) => Return | undefined) => {\n    const fnRef = useRef(fn);\n    fnRef.current = fn;\n    return useCallback((...args: Args) => fnRef.current?.(...args), []);\n};\n\n/**\n * Флаг с задержкой на подъём: `true`, только если исходный продержался `VOICE_START_LOADER_DELAY`\n * подряд; сброс — сразу. Повторное включение отсчитывает порог заново (таймер снимается в cleanup).\n */\nconst useDelayedFlag = (value: boolean): boolean => {\n    const [delayed, setDelayed] = useState(false);\n\n    useEffect(() => {\n        if (!value) {\n            setDelayed(false);\n            return undefined;\n        }\n        const timeoutId = setTimeout(() => setDelayed(true), VOICE_START_LOADER_DELAY);\n        return () => clearTimeout(timeoutId);\n    }, [value]);\n\n    return delayed;\n};\n\nexport interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInputVoiceRecordConfig {\n    /** Доп. обработчик клика — вызывается вместе со стартом записи, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Блокирует кнопку записи независимо от общего `disabled` компонента `ChatInput`.\n     * Кнопка также неактивна сама по себе вне `ChatInput`\n     * @default false\n     */\n    disabled?: boolean;\n    /** Кастомный контент вместо иконки микрофона. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка записи голоса для слота ChatInput. Несёт на себе конфигурацию записи (колбэки,\n * `maxDuration`, `processingLabel`) — она регистрируется в slot-registry и оттуда доезжает до\n * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Если доступ к\n * микрофону не получен за `VOICE_START_LOADER_DELAY` — показывает лоадер (при уже выданном доступе\n * ожидание короче порога и лоадера нет); оформление (паддинги, цвет) берёт из дефолтов слота.\n * Вне ChatInput кнопка неактивна.\n */\nexport const ChatInputVoiceButton: FC<ChatInputVoiceButtonProps> = ({\n    maxDuration,\n    mimeType,\n    processingLabel,\n    onRecordStart,\n    onComplete,\n    onError,\n    onCancel,\n    completeButtonProps,\n    cancelButtonProps,\n    onClick,\n    children,\n    disabled = false,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { startVoiceRecord, voiceRecordStatus } = useChatInputContext();\n    const recordVoiceLabel = useTranslation('ChatInput', 'recordVoice');\n\n    // кнопка неактивна и по собственному `disabled`, и вне ChatInput (нет startVoiceRecord)\n    const isButtonDisabled = disabled || !startVoiceRecord;\n\n    // лоадер только на затянувшемся ожидании микрофона; при уже выданном доступе статус `starting`\n    // проскакивает быстрее порога, и лоадер не показывается вовсе\n    const isLoading = useDelayedFlag(voiceRecordStatus === 'starting');\n\n    // список mimeType приложение часто передаёт инлайн-массивом (новая ссылка на каждый рендер);\n    // мемоизуем по стабильному строковому ключу, чтобы не перерегистрировать конфиг зря\n    const mimeTypeKey = Array.isArray(mimeType) ? mimeType.join(',') : mimeType;\n\n    // колбэки из пропов оборачиваем в стабильные ссылки, тогда конфиг для slot-registry\n    // меняет идентичность только при смене примитивов (maxDuration/processingLabel), а не на\n    // каждый рендер из-за инлайновых хендлеров приложения — регистрация не дёргается\n    const stableRecordStart = useStableFn(onRecordStart);\n    const stableComplete = useStableFn(onComplete);\n    const stableError = useStableFn(onError);\n    const stableCancel = useStableFn(onCancel);\n\n    const config = useMemo<ChatInputVoiceRecordConfig>(\n        () => ({\n            maxDuration,\n            mimeType,\n            processingLabel,\n            onRecordStart: stableRecordStart,\n            onComplete: stableComplete,\n            onError: stableError,\n            onCancel: stableCancel,\n            completeButtonProps,\n            cancelButtonProps,\n        }),\n        // mimeType намеренно не в deps — его влияние учтено через стабильный mimeTypeKey\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n        [\n            maxDuration,\n            mimeTypeKey,\n            processingLabel,\n            stableRecordStart,\n            stableComplete,\n            stableError,\n            stableCancel,\n            completeButtonProps,\n            cancelButtonProps,\n        ]\n    );\n    useRegisterVoiceConfig(config);\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        startVoiceRecord?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'record',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? recordVoiceLabel,\n        disabled: isButtonDisabled,\n        loading: isLoading,\n        onClick: handleClick,\n        // цвета тут нет, потому что в ChatInput он уже пробрасывается на левый и правый слоты\n    };\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.voice}>\n            <ChatInputSlotButton\n                icon={<MicOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                disabled={isButtonDisabled}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputVoiceButton.displayName = 'ChatInputVoiceButton';\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"ChatInputVoiceButton.js","sources":["src/public/ChatInputVoiceButton.tsx"],"sourcesContent":["import {\n    type FC,\n    type MouseEvent,\n    type MouseEventHandler,\n    type ReactNode,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { useChatInputContext } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ChatInputSlotButton } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputSlotButton';\nimport { FocusTarget } from '@hh.ru/magritte-ui-chat-input/internal/FocusTarget';\nimport { FOCUS_PRIORITY } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRegisterVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { type ChatInputButtonAria, type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nimport { MicOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\n// Сколько ждём микрофон, прежде чем показать лоадер. Если доступ уже выдан, `getUserMedia`\n// резолвится почти мгновенно — показывать лоадер на такой срок значит мельтешить; порог оставляет\n// индикацию только для реального ожидания (диалог разрешения браузера, медленный старт устройства)\nconst VOICE_START_LOADER_DELAY = 300;\n\n/**\n * Обёртка над колбэком из пропов со стабильной по ссылке идентичностью. Приложение обычно\n * пересоздаёт хендлеры на каждый рендер, а в slot-registry нужны стабильные ссылки (иначе конфиг\n * перерегистрируется на каждый рендер). Актуальную версию колбэка держим в рефе, наружу отдаём\n * фиксированную обёртку, которая зовёт последний ref. Возвращает `undefined` из вызова, если\n * исходный колбэк не передан.\n */\nconst useStableFn = <Args extends unknown[], Return>(\n    fn: ((...args: Args) => Return) | undefined\n): ((...args: Args) => Return | undefined) => {\n    const fnRef = useRef(fn);\n    fnRef.current = fn;\n    return useCallback((...args: Args) => fnRef.current?.(...args), []);\n};\n\n/**\n * Флаг с задержкой на подъём: `true`, только если исходный продержался `VOICE_START_LOADER_DELAY`\n * подряд; сброс — сразу. Повторное включение отсчитывает порог заново (таймер снимается в cleanup).\n */\nconst useDelayedFlag = (value: boolean): boolean => {\n    const [delayed, setDelayed] = useState(false);\n\n    useEffect(() => {\n        if (!value) {\n            setDelayed(false);\n            return undefined;\n        }\n        const timeoutId = setTimeout(() => setDelayed(true), VOICE_START_LOADER_DELAY);\n        return () => clearTimeout(timeoutId);\n    }, [value]);\n\n    return delayed;\n};\n\nexport interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInputVoiceRecordConfig {\n    /** Доп. обработчик клика — вызывается вместе со стартом записи, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Блокирует кнопку записи независимо от общего `disabled` компонента `ChatInput`.\n     * Кнопка также неактивна сама по себе вне `ChatInput`\n     * @default false\n     */\n    disabled?: boolean;\n    /** Кастомный контент вместо иконки микрофона. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка записи голоса для слота ChatInput. Несёт на себе конфигурацию записи (колбэки,\n * `maxDuration`, `processingLabel`) — она регистрируется в slot-registry и оттуда доезжает до\n * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Если доступ к\n * микрофону не получен за `VOICE_START_LOADER_DELAY` — показывает лоадер (при уже выданном доступе\n * ожидание короче порога и лоадера нет); оформление (паддинги, цвет) берёт из дефолтов слота.\n * Вне ChatInput кнопка неактивна.\n */\nexport const ChatInputVoiceButton: FC<ChatInputVoiceButtonProps> = ({\n    maxDuration,\n    mimeType,\n    processingLabel,\n    onRecordStart,\n    onComplete,\n    onError,\n    onCancel,\n    completeButtonProps,\n    cancelButtonProps,\n    onClick,\n    children,\n    disabled = false,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { startVoiceRecord, voiceRecordStatus } = useChatInputContext();\n    const recordVoiceLabel = useTranslation('ChatInput', 'recordVoice');\n\n    // кнопка неактивна и по собственному `disabled`, и вне ChatInput (нет startVoiceRecord)\n    const isButtonDisabled = disabled || !startVoiceRecord;\n\n    // лоадер только на затянувшемся ожидании микрофона; при уже выданном доступе статус `starting`\n    // проскакивает быстрее порога, и лоадер не показывается вовсе\n    const isLoading = useDelayedFlag(voiceRecordStatus === 'starting');\n\n    // список mimeType приложение часто передаёт инлайн-массивом (новая ссылка на каждый рендер);\n    // мемоизуем по стабильному строковому ключу, чтобы не перерегистрировать конфиг зря\n    const mimeTypeKey = Array.isArray(mimeType) ? mimeType.join(',') : mimeType;\n\n    // колбэки из пропов оборачиваем в стабильные ссылки, тогда конфиг для slot-registry\n    // меняет идентичность только при смене примитивов (maxDuration/processingLabel), а не на\n    // каждый рендер из-за инлайновых хендлеров приложения — регистрация не дёргается\n    const stableRecordStart = useStableFn(onRecordStart);\n    const stableComplete = useStableFn(onComplete);\n    const stableError = useStableFn(onError);\n    const stableCancel = useStableFn(onCancel);\n\n    const config = useMemo<ChatInputVoiceRecordConfig>(\n        () => ({\n            maxDuration,\n            mimeType,\n            processingLabel,\n            onRecordStart: stableRecordStart,\n            onComplete: stableComplete,\n            onError: stableError,\n            onCancel: stableCancel,\n            completeButtonProps,\n            cancelButtonProps,\n        }),\n        // mimeType намеренно не в deps — его влияние учтено через стабильный mimeTypeKey\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            maxDuration,\n            mimeTypeKey,\n            processingLabel,\n            stableRecordStart,\n            stableComplete,\n            stableError,\n            stableCancel,\n            completeButtonProps,\n            cancelButtonProps,\n        ]\n    );\n    useRegisterVoiceConfig(config);\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        startVoiceRecord?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'record',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? recordVoiceLabel,\n        disabled: isButtonDisabled,\n        loading: isLoading,\n        onClick: handleClick,\n        // цвета тут нет, потому что в ChatInput он уже пробрасывается на левый и правый слоты\n    };\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.voice}>\n            <ChatInputSlotButton\n                icon={<MicOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                disabled={isButtonDisabled}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputVoiceButton.displayName = 'ChatInputVoiceButton';\n"],"names":["_jsx"],"mappings":"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"}

package/styles-CHMi0EYL.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-2","chatInput":"magritte-chat-input___P69oN_1-2-2","no-background":"magritte-no-background___eiIY1_1-2-2","noBackground":"magritte-no-background___eiIY1_1-2-2","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-2","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-2","content-grid":"magritte-content-grid___g03sT_1-2-2","contentGrid":"magritte-content-grid___g03sT_1-2-2","preview":"magritte-preview___baXKi_1-2-2","left":"magritte-left___7JZYp_1-2-2","central":"magritte-central___zkguj_1-2-2","right":"magritte-right___-tGcO_1-2-2","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-2","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-2","text-input":"magritte-text-input___3AFO4_1-2-2","textInput":"magritte-text-input___3AFO4_1-2-2","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-2","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-2","has-central":"magritte-has-central___VRZik_1-2-2","hasCentral":"magritte-has-central___VRZik_1-2-2","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-2","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-2","no-right-controls":"magritte-no-right-controls___HBSag_1-2-2","noRightControls":"magritte-no-right-controls___HBSag_1-2-2","chips":"magritte-chips___gLao5_1-2-2","chips-container":"magritte-chips-container___-bS5O_1-2-2","chipsContainer":"magritte-chips-container___-bS5O_1-2-2","preview-block":"magritte-preview-block___iiPdS_1-2-2","previewBlock":"magritte-preview-block___iiPdS_1-2-2","preview-side":"magritte-preview-side___ymR-u_1-2-2","previewSide":"magritte-preview-side___ymR-u_1-2-2","preview-content":"magritte-preview-content___ZgyBD_1-2-2","previewContent":"magritte-preview-content___ZgyBD_1-2-2","preview-title":"magritte-preview-title___SkFeZ_1-2-2","previewTitle":"magritte-preview-title___SkFeZ_1-2-2","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-2","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-2","files-container":"magritte-files-container___zOkRK_1-2-2","filesContainer":"magritte-files-container___zOkRK_1-2-2","files":"magritte-files___j2q5K_1-2-2","file":"magritte-file___lz9Ll_1-2-2","file-card":"magritte-file-card___hn5C9_1-2-2","fileCard":"magritte-file-card___hn5C9_1-2-2","file-tile":"magritte-file-tile___OVlh3_1-2-2","fileTile":"magritte-file-tile___OVlh3_1-2-2","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-2","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-2","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-2","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-2","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-2","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-2","file-remove":"magritte-file-remove___S0WB9_1-2-2","fileRemove":"magritte-file-remove___S0WB9_1-2-2","file-name":"magritte-file-name___L03-O_1-2-2","fileName":"magritte-file-name___L03-O_1-2-2","file-name-base":"magritte-file-name-base___ojdp6_1-2-2","fileNameBase":"magritte-file-name-base___ojdp6_1-2-2","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-2","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-2","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-2","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-2","with-top-fade":"magritte-with-top-fade___okgqo_1-2-2","withTopFade":"magritte-with-top-fade___okgqo_1-2-2","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-2","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-2","measure":"magritte-measure___xNKc0_1-2-2","voice-record":"magritte-voice-record___p64PV_1-2-2","voiceRecord":"magritte-voice-record___p64PV_1-2-2","voice-record-left":"magritte-voice-record-left___njEt-_1-2-2","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-2","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-2","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-2","voice-processing":"magritte-voice-processing___C0xnX_1-2-2","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-2","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-2","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-2","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-2","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-2","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-2","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-2","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-2","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-2","mode-container":"magritte-mode-container___nATVD_1-2-2","modeContainer":"magritte-mode-container___nATVD_1-2-2","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-2","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-2"};
+
+export { styles as s };
+//# sourceMappingURL=styles-CHMi0EYL.js.map

package/styles-CHMi0EYL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-CHMi0EYL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/styles-BHWYKmPT.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"chat-input":"magritte-chat-input___P69oN_1-2-0","chatInput":"magritte-chat-input___P69oN_1-2-0","no-background":"magritte-no-background___eiIY1_1-2-0","noBackground":"magritte-no-background___eiIY1_1-2-0","text-input-focused":"magritte-text-input-focused___TfyLu_1-2-0","textInputFocused":"magritte-text-input-focused___TfyLu_1-2-0","content-grid":"magritte-content-grid___g03sT_1-2-0","contentGrid":"magritte-content-grid___g03sT_1-2-0","preview":"magritte-preview___baXKi_1-2-0","left":"magritte-left___7JZYp_1-2-0","central":"magritte-central___zkguj_1-2-0","right":"magritte-right___-tGcO_1-2-0","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-2-0","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-2-0","text-input":"magritte-text-input___3AFO4_1-2-0","textInput":"magritte-text-input___3AFO4_1-2-0","layout-vertical":"magritte-layout-vertical___mVTr-_1-2-0","layoutVertical":"magritte-layout-vertical___mVTr-_1-2-0","has-central":"magritte-has-central___VRZik_1-2-0","hasCentral":"magritte-has-central___VRZik_1-2-0","no-left-controls":"magritte-no-left-controls___7r6yy_1-2-0","noLeftControls":"magritte-no-left-controls___7r6yy_1-2-0","no-right-controls":"magritte-no-right-controls___HBSag_1-2-0","noRightControls":"magritte-no-right-controls___HBSag_1-2-0","chips":"magritte-chips___gLao5_1-2-0","chips-container":"magritte-chips-container___-bS5O_1-2-0","chipsContainer":"magritte-chips-container___-bS5O_1-2-0","preview-block":"magritte-preview-block___iiPdS_1-2-0","previewBlock":"magritte-preview-block___iiPdS_1-2-0","preview-side":"magritte-preview-side___ymR-u_1-2-0","previewSide":"magritte-preview-side___ymR-u_1-2-0","preview-content":"magritte-preview-content___ZgyBD_1-2-0","previewContent":"magritte-preview-content___ZgyBD_1-2-0","preview-title":"magritte-preview-title___SkFeZ_1-2-0","previewTitle":"magritte-preview-title___SkFeZ_1-2-0","preview-subtitle":"magritte-preview-subtitle___58qfR_1-2-0","previewSubtitle":"magritte-preview-subtitle___58qfR_1-2-0","files-container":"magritte-files-container___zOkRK_1-2-0","filesContainer":"magritte-files-container___zOkRK_1-2-0","files":"magritte-files___j2q5K_1-2-0","file":"magritte-file___lz9Ll_1-2-0","file-card":"magritte-file-card___hn5C9_1-2-0","fileCard":"magritte-file-card___hn5C9_1-2-0","file-tile":"magritte-file-tile___OVlh3_1-2-0","fileTile":"magritte-file-tile___OVlh3_1-2-0","file-card-removable":"magritte-file-card-removable___GkxUe_1-2-0","fileCardRemovable":"magritte-file-card-removable___GkxUe_1-2-0","file-tile-placeholder":"magritte-file-tile-placeholder___yxLuR_1-2-0","fileTilePlaceholder":"magritte-file-tile-placeholder___yxLuR_1-2-0","file-tile-image":"magritte-file-tile-image___cZFgL_1-2-0","fileTileImage":"magritte-file-tile-image___cZFgL_1-2-0","file-remove":"magritte-file-remove___S0WB9_1-2-0","fileRemove":"magritte-file-remove___S0WB9_1-2-0","file-name":"magritte-file-name___L03-O_1-2-0","fileName":"magritte-file-name___L03-O_1-2-0","file-name-base":"magritte-file-name-base___ojdp6_1-2-0","fileNameBase":"magritte-file-name-base___ojdp6_1-2-0","file-name-extension":"magritte-file-name-extension___3QZtS_1-2-0","fileNameExtension":"magritte-file-name-extension___3QZtS_1-2-0","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-2-0","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-2-0","with-top-fade":"magritte-with-top-fade___okgqo_1-2-0","withTopFade":"magritte-with-top-fade___okgqo_1-2-0","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-2-0","withBottomFade":"magritte-with-bottom-fade___82gr8_1-2-0","measure":"magritte-measure___xNKc0_1-2-0","voice-record":"magritte-voice-record___p64PV_1-2-0","voiceRecord":"magritte-voice-record___p64PV_1-2-0","voice-record-left":"magritte-voice-record-left___njEt-_1-2-0","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-2-0","voice-record-right":"magritte-voice-record-right___UTv-U_1-2-0","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-2-0","voice-processing":"magritte-voice-processing___C0xnX_1-2-0","voiceProcessing":"magritte-voice-processing___C0xnX_1-2-0","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-2-0","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-2-0","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-2-0","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-2-0","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-2-0","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-2-0","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-0","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-2-0","mode-container":"magritte-mode-container___nATVD_1-2-0","modeContainer":"magritte-mode-container___nATVD_1-2-0","voice-overlay":"magritte-voice-overlay___LbxAI_1-2-0","voiceOverlay":"magritte-voice-overlay___LbxAI_1-2-0"};
-
-export { styles as s };
-//# sourceMappingURL=styles-BHWYKmPT.js.map

package/styles-BHWYKmPT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles-BHWYKmPT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}