@hh.ru/magritte-ui-chat-input 1.0.2 → 1.1.1

package/index.css

@@ -1,146 +1,146 @@
 :root{
-  --magritte-color-background-primary-v24-8-0:#ffffff;
-  --magritte-color-stroke-neutral-v24-8-0:#DCE3EB;
-  --magritte-color-stroke-state-focused-accessible-v24-8-0:#0070ff7a;
-  --magritte-color-stroke-state-neutral-hovered-v24-8-0:#DCE3EB;
-  --magritte-color-text-primary-v24-8-0:#000000;
-  --magritte-color-text-secondary-v24-8-0:#768694;
-  --magritte-color-text-tertiary-v24-8-0:#AABBCA;
-  --magritte-color-icon-tertiary-v24-8-0:#AABBCA;
-  --magritte-gradient-component-chat-input-background-fade-v24-8-0:#ffffff00 0%, #ffffff 100%;
-  --magritte-shadow-level-1-color-v24-8-0:#7090b029;
-  --magritte-shadow-level-1-x-v24-8-0:0px;
-  --magritte-shadow-level-1-y-v24-8-0:4px;
-  --magritte-shadow-level-1-blur-v24-8-0:12px;
-  --magritte-shadow-level-1-spread-v24-8-0:0px;
+  --magritte-color-background-primary-v24-8-1:#ffffff;
+  --magritte-color-stroke-neutral-v24-8-1:#DCE3EB;
+  --magritte-color-stroke-state-focused-accessible-v24-8-1:#0070ff7a;
+  --magritte-color-stroke-state-neutral-hovered-v24-8-1:#DCE3EB;
+  --magritte-color-text-primary-v24-8-1:#000000;
+  --magritte-color-text-secondary-v24-8-1:#768694;
+  --magritte-color-text-tertiary-v24-8-1:#AABBCA;
+  --magritte-color-icon-tertiary-v24-8-1:#AABBCA;
+  --magritte-gradient-component-chat-input-background-fade-v24-8-1:#ffffff00 0%, #ffffff 100%;
+  --magritte-shadow-level-1-color-v24-8-1:#7090b029;
+  --magritte-shadow-level-1-x-v24-8-1:0px;
+  --magritte-shadow-level-1-y-v24-8-1:4px;
+  --magritte-shadow-level-1-blur-v24-8-1:12px;
+  --magritte-shadow-level-1-spread-v24-8-1:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v24-8-0:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v24-8-0:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v24-8-1:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v24-8-1:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-background-primary-v24-8-0:#1B1B1B;
-  --magritte-color-stroke-neutral-v24-8-0:#303030;
-  --magritte-color-stroke-state-neutral-hovered-v24-8-0:#303030;
-  --magritte-color-text-primary-v24-8-0:#ffffff;
-  --magritte-color-text-secondary-v24-8-0:#ABABAB;
-  --magritte-color-text-tertiary-v24-8-0:#767676;
-  --magritte-color-icon-tertiary-v24-8-0:#767676;
-  --magritte-gradient-component-chat-input-background-fade-v24-8-0:#1b1b1b00 0%, #1b1b1b 100%;
-  --magritte-shadow-level-1-color-v24-8-0:#00000029;
-}
-.magritte-chat-input___P69oN_1-0-2{
-  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v24-8-0);
+  --magritte-color-background-primary-v24-8-1:#1B1B1B;
+  --magritte-color-stroke-neutral-v24-8-1:#303030;
+  --magritte-color-stroke-state-neutral-hovered-v24-8-1:#303030;
+  --magritte-color-text-primary-v24-8-1:#ffffff;
+  --magritte-color-text-secondary-v24-8-1:#ABABAB;
+  --magritte-color-text-tertiary-v24-8-1:#767676;
+  --magritte-color-icon-tertiary-v24-8-1:#767676;
+  --magritte-gradient-component-chat-input-background-fade-v24-8-1:#1b1b1b00 0%, #1b1b1b 100%;
+  --magritte-shadow-level-1-color-v24-8-1:#00000029;
+}
+.magritte-chat-input___P69oN_1-1-1{
+  --chat-input-stroke-color:var(--magritte-color-stroke-neutral-v24-8-1);
   --chat-input-focus-shadow:0 0 0 transparent;
   box-shadow:inset 0 0 0 1px var(--chat-input-stroke-color), var(--chat-input-focus-shadow);
   border-radius:24px;
   padding:12px;
   overflow:hidden;
-  background-color:var(--magritte-color-background-primary-v24-8-0);
+  background-color:var(--magritte-color-background-primary-v24-8-1);
   --magritte-ui-scrollbar-offset-right:-12px;
 }
-.magritte-chat-input___P69oN_1-0-2.magritte-no-background___eiIY1_1-0-2{
+.magritte-chat-input___P69oN_1-1-1.magritte-no-background___eiIY1_1-1-1{
   background:none;
   --chat-input-stroke-color:transparent !important;
 }
-.magritte-chat-input___P69oN_1-0-2:has(*:focus){
-  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v24-8-0) var(--magritte-shadow-level-1-y-v24-8-0) var(--magritte-shadow-level-1-blur-v24-8-0) var(--magritte-shadow-level-1-spread-v24-8-0) var(--magritte-shadow-level-1-color-v24-8-0);
+.magritte-chat-input___P69oN_1-1-1:has(*:focus){
+  --chat-input-focus-shadow:var(--magritte-shadow-level-1-x-v24-8-1) var(--magritte-shadow-level-1-y-v24-8-1) var(--magritte-shadow-level-1-blur-v24-8-1) var(--magritte-shadow-level-1-spread-v24-8-1) var(--magritte-shadow-level-1-color-v24-8-1);
 }
-.magritte-chat-input___P69oN_1-0-2:has(.magritte-text-input-focused___TfyLu_1-0-2){
-  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-8-0);
+.magritte-chat-input___P69oN_1-1-1:has(.magritte-text-input-focused___TfyLu_1-1-1){
+  outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-8-1);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-chat-input___P69oN_1-0-2:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-0);
+  body.magritte-old-layout .magritte-chat-input___P69oN_1-1-1:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-0-2:hover{
-    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-0);
+  body:not(.magritte-old-layout) .magritte-chat-input___P69oN_1-1-1:hover{
+    --chat-input-stroke-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-1);
   }
 }
-.magritte-content-grid___g03sT_1-0-2{
+.magritte-content-grid___g03sT_1-1-1{
   display:grid;
   grid-template-columns:auto minmax(0, 1fr) auto;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-preview___baXKi_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-preview___baXKi_1-1-1{
   grid-area:1 / 1 / 2 / -1;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-left___7JZYp_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-left___7JZYp_1-1-1{
   grid-area:3 / 1;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-central___zkguj_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-central___zkguj_1-1-1{
   grid-area:3 / 2;
   align-self:center;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-right___-tGcO_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-right___-tGcO_1-1-1{
   grid-area:3 / 3;
   align-self:end;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-scrollbar-cell___--M2x_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-scrollbar-cell___--M2x_1-1-1{
   grid-area:2 / 1 / 3 / -1;
   position:relative;
   pointer-events:none;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-scrollbar-cell___--M2x_1-0-2 > div{
+.magritte-content-grid___g03sT_1-1-1 .magritte-scrollbar-cell___--M2x_1-1-1 > div{
   pointer-events:auto;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-text-input___3AFO4_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-text-input___3AFO4_1-1-1{
   grid-area:3 / 2;
 }
-.magritte-content-grid___g03sT_1-0-2 .magritte-text-input___3AFO4_1-0-2.magritte-layout-vertical___mVTr-_1-0-2,
-.magritte-content-grid___g03sT_1-0-2.magritte-has-central___VRZik_1-0-2 .magritte-text-input___3AFO4_1-0-2{
+.magritte-content-grid___g03sT_1-1-1 .magritte-text-input___3AFO4_1-1-1.magritte-layout-vertical___mVTr-_1-1-1,
+.magritte-content-grid___g03sT_1-1-1.magritte-has-central___VRZik_1-1-1 .magritte-text-input___3AFO4_1-1-1{
   grid-area:2 / 1 / 3 / -1;
 }
-.magritte-content-grid___g03sT_1-0-2.magritte-no-left-controls___7r6yy_1-0-2:not(.magritte-has-central___VRZik_1-0-2) .magritte-text-input___3AFO4_1-0-2{
+.magritte-content-grid___g03sT_1-1-1.magritte-no-left-controls___7r6yy_1-1-1:not(.magritte-has-central___VRZik_1-1-1) .magritte-text-input___3AFO4_1-1-1{
   grid-area:2 / 1 / 4 / 3;
 }
-.magritte-content-grid___g03sT_1-0-2.magritte-no-right-controls___HBSag_1-0-2:not(.magritte-has-central___VRZik_1-0-2) .magritte-text-input___3AFO4_1-0-2{
+.magritte-content-grid___g03sT_1-1-1.magritte-no-right-controls___HBSag_1-1-1:not(.magritte-has-central___VRZik_1-1-1) .magritte-text-input___3AFO4_1-1-1{
   grid-area:2 / 2 / 4 / -1;
 }
-.magritte-content-grid___g03sT_1-0-2.magritte-no-left-controls___7r6yy_1-0-2:not(.magritte-has-central___VRZik_1-0-2){
+.magritte-content-grid___g03sT_1-1-1.magritte-no-left-controls___7r6yy_1-1-1:not(.magritte-has-central___VRZik_1-1-1){
   grid-template-rows:auto minmax(0, 1fr) auto;
 }
-.magritte-right___-tGcO_1-0-2,
-.magritte-left___7JZYp_1-0-2{
+.magritte-right___-tGcO_1-1-1,
+.magritte-left___7JZYp_1-1-1{
   display:flex;
   gap:8px;
 }
-.magritte-chips___gLao5_1-0-2{
+.magritte-chips___gLao5_1-1-1{
   display:flex;
   flex-wrap:nowrap;
   width:max-content;
   gap:8px;
 }
-.magritte-chips-container___-bS5O_1-0-2{
+.magritte-chips-container___-bS5O_1-1-1{
   padding:0 12px;
 }
-.magritte-no-left-controls___7r6yy_1-0-2 .magritte-chips-container___-bS5O_1-0-2{
+.magritte-no-left-controls___7r6yy_1-1-1 .magritte-chips-container___-bS5O_1-1-1{
   padding-left:0;
 }
-.magritte-no-right-controls___HBSag_1-0-2 .magritte-chips-container___-bS5O_1-0-2{
+.magritte-no-right-controls___HBSag_1-1-1 .magritte-chips-container___-bS5O_1-1-1{
   padding-right:0;
 }
-.magritte-preview-block___iiPdS_1-0-2{
+.magritte-preview-block___iiPdS_1-1-1{
   display:flex;
   align-items:center;
   gap:12px;
   padding-bottom:8px;
 }
-.magritte-preview-side___ymR-u_1-0-2{
+.magritte-preview-side___ymR-u_1-1-1{
   display:flex;
   flex-shrink:0;
 }
-.magritte-preview-content___ZgyBD_1-0-2{
+.magritte-preview-content___ZgyBD_1-1-1{
   display:flex;
   flex:1;
   flex-direction:column;
   min-width:0;
 }
-.magritte-preview-title___SkFeZ_1-0-2{
+.magritte-preview-title___SkFeZ_1-1-1{
   font-family:"hh sans";
   font-weight:500;
   line-height:18px;
@@ -149,9 +149,9 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v24-8-0);
+  color:var(--magritte-color-text-primary-v24-8-1);
 }
-.magritte-preview-subtitle___58qfR_1-0-2{
+.magritte-preview-subtitle___58qfR_1-1-1{
   font-family:"hh sans";
   font-weight:400;
   line-height:20px;
@@ -161,14 +161,14 @@
   text-transform:none;
   text-decoration:none;
   overflow:hidden;
-  color:var(--magritte-color-text-secondary-v24-8-0);
+  color:var(--magritte-color-text-secondary-v24-8-1);
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.magritte-text-input-wrapper___TPbwC_1-0-2{
+.magritte-text-input-wrapper___TPbwC_1-1-1{
   display:contents;
 }
-.magritte-text-input___3AFO4_1-0-2{
+.magritte-text-input___3AFO4_1-1-1{
   box-sizing:content-box;
   padding:0 12px;
   border:none;
@@ -190,34 +190,34 @@
   text-indent:0px;
   text-transform:none;
   text-decoration:none;
-  color:var(--magritte-color-text-primary-v24-8-0);
+  color:var(--magritte-color-text-primary-v24-8-1);
 }
-.magritte-text-input___3AFO4_1-0-2::placeholder{
-  color:var(--magritte-color-text-tertiary-v24-8-0);
+.magritte-text-input___3AFO4_1-1-1::placeholder{
+  color:var(--magritte-color-text-tertiary-v24-8-1);
   opacity:1;
 }
-.magritte-text-input___3AFO4_1-0-2:focus,
-.magritte-text-input___3AFO4_1-0-2:focus-visible{
+.magritte-text-input___3AFO4_1-1-1:focus,
+.magritte-text-input___3AFO4_1-1-1:focus-visible{
   border:none;
   outline:none;
 }
-.magritte-text-input___3AFO4_1-0-2.magritte-with-top-fade___okgqo_1-0-2,
-.magritte-text-input___3AFO4_1-0-2.magritte-with-bottom-fade___82gr8_1-0-2{
+.magritte-text-input___3AFO4_1-1-1.magritte-with-top-fade___okgqo_1-1-1,
+.magritte-text-input___3AFO4_1-1-1.magritte-with-bottom-fade___82gr8_1-1-1{
   -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-0-2.magritte-with-top-fade___okgqo_1-0-2{
-  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-0));
+.magritte-text-input___3AFO4_1-1-1.magritte-with-top-fade___okgqo_1-1-1{
+  --fade-top:linear-gradient(180deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-1));
 }
-.magritte-text-input___3AFO4_1-0-2.magritte-with-bottom-fade___82gr8_1-0-2{
-  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-0));
+.magritte-text-input___3AFO4_1-1-1.magritte-with-bottom-fade___82gr8_1-1-1{
+  --fade-bottom:linear-gradient(0deg, var(--magritte-gradient-component-chat-input-background-fade-v24-8-1));
 }
-.magritte-text-input___3AFO4_1-0-2.magritte-measure___xNKc0_1-0-2{
+.magritte-text-input___3AFO4_1-1-1.magritte-measure___xNKc0_1-1-1{
   height:20px !important;
   padding:0 !important;
   margin:0 !important;
 }
-.magritte-voice-record___p64PV_1-0-2{
+.magritte-voice-record___p64PV_1-1-1{
   display:flex;
   align-items:center;
   justify-content:space-between;
@@ -227,45 +227,45 @@
   min-height:40px;
   gap:8px;
 }
-.magritte-voice-record-left___njEt-_1-0-2{
+.magritte-voice-record-left___njEt-_1-1-1{
   display:flex;
   align-items:center;
   gap:8px;
   min-width:0;
 }
-.magritte-voice-record-right___UTv-U_1-0-2{
+.magritte-voice-record-right___UTv-U_1-1-1{
   display:flex;
   align-items:center;
   gap:8px;
 }
-.magritte-voice-record-right___UTv-U_1-0-2.magritte-voice-processing___C0xnX_1-0-2{
+.magritte-voice-record-right___UTv-U_1-1-1.magritte-voice-processing___C0xnX_1-1-1{
   padding:8px;
 }
-.magritte-voice-record-indicator___V8ybb_1-0-2{
+.magritte-voice-record-indicator___V8ybb_1-1-1{
   display:flex;
   flex-shrink:0;
   align-items:center;
   gap:2px;
 }
-.magritte-voice-record-indicator-bar___jgyqz_1-0-2{
+.magritte-voice-record-indicator-bar___jgyqz_1-1-1{
   width:2px;
   min-height:2px;
   max-height:2px;
   border-radius:1000px;
-  background-color:var(--magritte-color-icon-tertiary-v24-8-0);
-  transition:max-height var(--magritte-semantic-animation-time-s-duration-v24-8-0) var(--magritte-semantic-animation-ease-base-timing-function-v24-8-0);
-  animation:magritte-voice-record-indicator-wave___4VsyE_1-0-2 400ms linear infinite alternate paused;
+  background-color:var(--magritte-color-icon-tertiary-v24-8-1);
+  transition:max-height var(--magritte-semantic-animation-time-s-duration-v24-8-1) var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  animation:magritte-voice-record-indicator-wave___4VsyE_1-1-1 400ms linear infinite alternate paused;
 }
-.magritte-voice-record-indicator-has-sound___67t5g_1-0-2 .magritte-voice-record-indicator-bar___jgyqz_1-0-2{
+.magritte-voice-record-indicator-has-sound___67t5g_1-1-1 .magritte-voice-record-indicator-bar___jgyqz_1-1-1{
   max-height:27px;
   animation-play-state:running;
 }
 @media (prefers-reduced-motion: reduce){
-  .magritte-voice-record-indicator-has-sound___67t5g_1-0-2 .magritte-voice-record-indicator-bar___jgyqz_1-0-2{
+  .magritte-voice-record-indicator-has-sound___67t5g_1-1-1 .magritte-voice-record-indicator-bar___jgyqz_1-1-1{
     animation-play-state:paused;
   }
 }
-@keyframes magritte-voice-record-indicator-wave___4VsyE_1-0-2{
+@keyframes magritte-voice-record-indicator-wave___4VsyE_1-1-1{
   from{
     height:calc(var(--target-height) * 0.62px);
   }
@@ -273,12 +273,12 @@
     height:calc(var(--target-height) * 1.22px);
   }
 }
-.magritte-mode-container___nATVD_1-0-2{
+.magritte-mode-container___nATVD_1-1-1{
   position:relative;
   display:grid;
   align-content:end;
 }
-.magritte-voice-overlay___LbxAI_1-0-2{
+.magritte-voice-overlay___LbxAI_1-1-1{
   position:absolute;
   right:0;
   bottom:0;

package/index.js

@@ -9,7 +9,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/types';
-import './styles--uqLohv-.js';
+import './styles-DV9cCd_J.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';

package/internal/ChatInputSlotButton.d.ts

@@ -9,6 +9,9 @@ interface ChatInputSlotButtonProps {
     /** Обработчик клика (тот же, что в `iconProps.onClick`) — им ловим всплывший клик от
      * произвольных (не-иконочных) children */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Индивидуальная блокировка кнопки (в дополнение к общему `disabled` из `DisabledContext`) —
+     * гасит клик по произвольным children так же, как контекстный disabled */
+    disabled?: boolean;
     /** Кастомный контент вместо встроенной иконки */
     children?: ReactNode;
 }

package/internal/ChatInputSlotButton.js

@@ -4,9 +4,9 @@ import { useRef, Children } from 'react';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 
-const ChatInputSlotButton = ({ icon, iconProps, onClick, children }) => {
+const ChatInputSlotButton = ({ icon, iconProps, onClick, disabled, children }) => {
     const handledEventRef = useRef(null);
-    const isDisabled = useDisabled();
+    const isDisabled = useDisabled() || !!disabled;
     if (Children.toArray(children).length === 0) {
         return icon;
     }

package/internal/ChatInputSlotButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputSlotButton.js","sources":["src/internal/ChatInputSlotButton.tsx"],"sourcesContent":["import {\n    Children,\n    type FC,\n    type MouseEvent as ReactMouseEvent,\n    type MouseEventHandler,\n    type ReactElement,\n    type ReactNode,\n    useRef,\n} from 'react';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { type IconProps } from '@hh.ru/magritte-ui-icon/types';\n\ninterface ChatInputSlotButtonProps {\n    /** Встроенная иконка со всеми пропсами — рендерится, когда children не переданы */\n    icon: ReactElement;\n    /** Те же пропсы иконки — уходят в IconDefaultPropsContext, чтобы children-иконка получила\n     * то же оформление/aria и (за счёт onClick) стала интерактивной кнопкой */\n    iconProps: Partial<IconProps>;\n    /** Обработчик клика (тот же, что в `iconProps.onClick`) — им ловим всплывший клик от\n     * произвольных (не-иконочных) children */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /** Кастомный контент вместо встроенной иконки */\n    children?: ReactNode;\n}\n\nexport const ChatInputSlotButton: FC<ChatInputSlotButtonProps> = ({ icon, iconProps, onClick, children }) => {\n    const handledEventRef = useRef<Event | null>(null);\n    const isDisabled = useDisabled();\n\n    if (Children.toArray(children).length === 0) {\n        return icon;\n    }\n\n    const handleClickOnce = (event: ReactMouseEvent<HTMLElement>) => {\n        if (handledEventRef.current === event.nativeEvent || isDisabled) {\n            return;\n        }\n        handledEventRef.current = event.nativeEvent;\n        onClick?.(event as ReactMouseEvent<HTMLButtonElement>);\n    };\n\n    return (\n        <IconDefaultPropsContext props={{ ...iconProps, onClick: handleClickOnce }}>\n            <div style={{ display: 'contents' }} onClick={handleClickOnce}>\n                {children}\n            </div>\n        </IconDefaultPropsContext>\n    );\n};\n\nChatInputSlotButton.displayName = 'ChatInputSlotButton';\n"],"names":["_jsx"],"mappings":";;;;;AA2BO,MAAM,mBAAmB,GAAiC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxG,IAAA,MAAM,eAAe,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IAEjC,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACzC,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,KAAmC,KAAI;QAC5D,IAAI,eAAe,CAAC,OAAO,KAAK,KAAK,CAAC,WAAW,IAAI,UAAU,EAAE;YAC7D,OAAO;SACV;AACD,QAAA,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;AAC5C,QAAA,OAAO,GAAG,KAA2C,CAAC,CAAC;AAC3D,KAAC,CAAC;AAEF,IAAA,QACIA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,EACtE,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,EACxD,QAAA,EAAA,QAAQ,EACP,CAAA,EAAA,CACgB,EAC5B;AACN,EAAE;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"ChatInputSlotButton.js","sources":["src/internal/ChatInputSlotButton.tsx"],"sourcesContent":["import {\n    Children,\n    type FC,\n    type MouseEvent as ReactMouseEvent,\n    type MouseEventHandler,\n    type ReactElement,\n    type ReactNode,\n    useRef,\n} from 'react';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { type IconProps } from '@hh.ru/magritte-ui-icon/types';\n\ninterface ChatInputSlotButtonProps {\n    /** Встроенная иконка со всеми пропсами — рендерится, когда children не переданы */\n    icon: ReactElement;\n    /** Те же пропсы иконки — уходят в IconDefaultPropsContext, чтобы children-иконка получила\n     * то же оформление/aria и (за счёт onClick) стала интерактивной кнопкой */\n    iconProps: Partial<IconProps>;\n    /** Обработчик клика (тот же, что в `iconProps.onClick`) — им ловим всплывший клик от\n     * произвольных (не-иконочных) children */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /** Индивидуальная блокировка кнопки (в дополнение к общему `disabled` из `DisabledContext`) —\n     * гасит клик по произвольным children так же, как контекстный disabled */\n    disabled?: boolean;\n    /** Кастомный контент вместо встроенной иконки */\n    children?: ReactNode;\n}\n\nexport const ChatInputSlotButton: FC<ChatInputSlotButtonProps> = ({ icon, iconProps, onClick, disabled, children }) => {\n    const handledEventRef = useRef<Event | null>(null);\n    const isDisabled = useDisabled() || !!disabled;\n\n    if (Children.toArray(children).length === 0) {\n        return icon;\n    }\n\n    const handleClickOnce = (event: ReactMouseEvent<HTMLElement>) => {\n        if (handledEventRef.current === event.nativeEvent || isDisabled) {\n            return;\n        }\n        handledEventRef.current = event.nativeEvent;\n        onClick?.(event as ReactMouseEvent<HTMLButtonElement>);\n    };\n\n    return (\n        <IconDefaultPropsContext props={{ ...iconProps, onClick: handleClickOnce }}>\n            <div style={{ display: 'contents' }} onClick={handleClickOnce}>\n                {children}\n            </div>\n        </IconDefaultPropsContext>\n    );\n};\n\nChatInputSlotButton.displayName = 'ChatInputSlotButton';\n"],"names":["_jsx"],"mappings":";;;;;AA8Ba,MAAA,mBAAmB,GAAiC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAI;AAClH,IAAA,MAAM,eAAe,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC;IAE/C,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACzC,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,KAAmC,KAAI;QAC5D,IAAI,eAAe,CAAC,OAAO,KAAK,KAAK,CAAC,WAAW,IAAI,UAAU,EAAE;YAC7D,OAAO;SACV;AACD,QAAA,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;AAC5C,QAAA,OAAO,GAAG,KAA2C,CAAC,CAAC;AAC3D,KAAC,CAAC;AAEF,IAAA,QACIA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,EACtE,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,eAAe,EACxD,QAAA,EAAA,QAAQ,EACP,CAAA,EAAA,CACgB,EAC5B;AACN,EAAE;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/internal/ModeTransition.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useReducedMotion, motion } from 'motion/react';
 import { tokenSemanticAnimationEaseBaseX1, tokenSemanticAnimationEaseBaseY1, tokenSemanticAnimationEaseBaseX2, tokenSemanticAnimationEaseBaseY2, tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
-import { s as styles } from '../styles--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.js';
 
 const EASE_BASE = [
     tokenSemanticAnimationEaseBaseX1,

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--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.js';
 import '@hh.ru/magritte-common-keyboard';
 
 const MIN_HEIGHT = 20;

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--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.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--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.js';
 import 'react';
 
 const TARGET_HEIGHT = [2, 11, 22, 22, 22, 11, 22, 11, 6, 2];

package/internal/useHasSound.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { useState, useEffect } from 'react';
 
 // Порог RMS, выше которого считаем, что звук есть (речь по RMS обычно ~0.1+, шумовой пол — ниже)
-const SOUND_RMS_THRESHOLD = 0.04;
+const SOUND_RMS_THRESHOLD = 0.02;
 // Сколько держим флаг «звук есть» после последнего громкого кадра — чтобы паузы между словами
 // не роняли индикатор в тишину и он не мигал
 const RELEASE_MS = 350;

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.04;\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        // 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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -31,14 +31,14 @@
     "@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.2.0",
-    "@hh.ru/magritte-design-tokens": "24.8.0",
+    "@hh.ru/magritte-design-tokens": "24.8.1",
     "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-chips": "7.0.26",
-    "@hh.ru/magritte-ui-icon": "14.2.16",
-    "@hh.ru/magritte-ui-loader": "4.0.4",
-    "@hh.ru/magritte-ui-scrollable-container": "6.3.1",
-    "@hh.ru/magritte-ui-scrollbar": "1.0.30",
-    "@hh.ru/magritte-ui-typography": "5.3.8"
+    "@hh.ru/magritte-ui-chips": "7.0.27",
+    "@hh.ru/magritte-ui-icon": "14.2.17",
+    "@hh.ru/magritte-ui-loader": "4.0.5",
+    "@hh.ru/magritte-ui-scrollable-container": "6.3.2",
+    "@hh.ru/magritte-ui-scrollbar": "1.0.31",
+    "@hh.ru/magritte-ui-typography": "5.3.9"
   },
-  "gitHead": "a8286ff3e0ad8b30c9e9b8b05fd8b9fee20094ff"
+  "gitHead": "d27b846ab19ff8a41c14d1e01abdbb9786d53a0f"
 }

package/public/ChatInput.js

@@ -17,7 +17,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--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/types';
 import '../internal/useSendOnEnter.js';

package/public/ChatInputChips.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { isValidElement, Children, Fragment } from 'react';
 import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles--uqLohv-.js';
+import { s as styles } from '../styles-DV9cCd_J.js';
 
 const CHIP_DEFAULT_PROPS = { size: 'extra-small' };
 const flattenFragments = (children) => Children.toArray(children).flatMap((child) => isValidElement(child) && child.type === Fragment

package/public/ChatInputPreview.js

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

package/public/ChatInputSendButton.d.ts

@@ -3,6 +3,11 @@ import { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';
 export interface ChatInputSendButtonProps extends ChatInputButtonAria {
     /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Блокирует кнопку отправки независимо от общего `disabled` компонента `ChatInput`
+     * @default false
+     */
+    disabled?: boolean;
     /** Кастомный контент вместо иконки отправки. Иконку в children оформляем как встроенную
      * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */
     children?: ReactNode;

package/public/ChatInputSendButton.js

@@ -14,7 +14,7 @@ import '@hh.ru/magritte-ui-icon';
  * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;
  * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.
  */
-const ChatInputSendButton = ({ onClick, children, 'aria-label': ariaLabel, ...ariaProps }) => {
+const ChatInputSendButton = ({ onClick, children, disabled = false, 'aria-label': ariaLabel, ...ariaProps }) => {
     const { onSend } = useChatInputContext();
     const sendLabel = useTranslation('ChatInput', 'send');
     const handleClick = (event) => {
@@ -28,9 +28,10 @@ const ChatInputSendButton = ({ onClick, children, 'aria-label': ariaLabel, ...ar
         'aria-label': ariaLabel ?? sendLabel,
         initialColor: 'inverse',
         backgroundStyle: 'inverse',
+        disabled,
         onClick: handleClick,
     };
-    return (jsx(FocusTarget, { priority: FOCUS_PRIORITY.send, children: jsx(ChatInputSlotButton, { icon: jsx(ArrowUpOutlinedSize24, { ...iconProps }), iconProps: iconProps, onClick: handleClick, children: children }) }));
+    return (jsx(FocusTarget, { priority: FOCUS_PRIORITY.send, children: jsx(ChatInputSlotButton, { icon: jsx(ArrowUpOutlinedSize24, { ...iconProps }), iconProps: iconProps, disabled: disabled, onClick: handleClick, children: children }) }));
 };
 ChatInputSendButton.displayName = 'ChatInputSendButton';
 

package/public/ChatInputSendButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputSendButton.js","sources":["src/public/ChatInputSendButton.tsx"],"sourcesContent":["import { type FC, type MouseEvent, type MouseEventHandler, type ReactNode } 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 { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\nexport interface ChatInputSendButtonProps extends ChatInputButtonAria {\n    /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /** Кастомный контент вместо иконки отправки. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;\n * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.\n */\nexport const ChatInputSendButton: FC<ChatInputSendButtonProps> = ({\n    onClick,\n    children,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { onSend } = useChatInputContext();\n    const sendLabel = useTranslation('ChatInput', 'send');\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        onSend?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'send',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? sendLabel,\n        initialColor: 'inverse',\n        backgroundStyle: 'inverse',\n        onClick: handleClick,\n    } as const;\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.send}>\n            <ChatInputSlotButton\n                icon={<ArrowUpOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputSendButton.displayName = 'ChatInputSendButton';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAkBA;;;AAGG;AACU,MAAA,mBAAmB,GAAiC,CAAC,EAC9D,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoC,KAAI;AACzD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;QACjB,MAAM,IAAI,CAAC;AACf,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG;;AAEd,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,GAAG,SAAS;QACZ,YAAY,EAAE,SAAS,IAAI,SAAS;AACpC,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,OAAO,EAAE,WAAW;KACd,CAAC;AAEX,IAAA,QACIA,GAAA,CAAC,WAAW,EAAA,EAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,EACtC,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAChB,IAAI,EAAEA,GAAA,CAAC,qBAAqB,EAAA,EAAA,GAAK,SAAS,EAAA,CAAI,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EAEnB,QAAA,EAAA,QAAQ,EACS,CAAA,EAAA,CACZ,EAChB;AACN,EAAE;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"ChatInputSendButton.js","sources":["src/public/ChatInputSendButton.tsx"],"sourcesContent":["import { type FC, type MouseEvent, type MouseEventHandler, type ReactNode } 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 { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\n\nexport interface ChatInputSendButtonProps extends ChatInputButtonAria {\n    /** Доп. обработчик клика — вызывается вместе с `onSend`, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Блокирует кнопку отправки независимо от общего `disabled` компонента `ChatInput`\n     * @default false\n     */\n    disabled?: boolean;\n    /** Кастомный контент вместо иконки отправки. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка отправки для слота ChatInput. Обёртка над иконкой с фиксированным оформлением;\n * по клику дёргает `onSend` из контекста ChatInput вместе с собственным `onClick`.\n */\nexport const ChatInputSendButton: FC<ChatInputSendButtonProps> = ({\n    onClick,\n    children,\n    disabled = false,\n    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { onSend } = useChatInputContext();\n    const sendLabel = useTranslation('ChatInput', 'send');\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        onSend?.();\n    };\n\n    const iconProps = {\n        // дефолтный data-qa до спреда — пользовательский data-qa из ariaProps его перекрывает\n        'data-qa': 'send',\n        ...ariaProps,\n        'aria-label': ariaLabel ?? sendLabel,\n        initialColor: 'inverse',\n        backgroundStyle: 'inverse',\n        disabled,\n        onClick: handleClick,\n    } as const;\n\n    return (\n        <FocusTarget priority={FOCUS_PRIORITY.send}>\n            <ChatInputSlotButton\n                icon={<ArrowUpOutlinedSize24 {...iconProps} />}\n                iconProps={iconProps}\n                disabled={disabled}\n                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputSendButton.displayName = 'ChatInputSendButton';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAuBA;;;AAGG;MACU,mBAAmB,GAAiC,CAAC,EAC9D,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoC,KAAI;AACzD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;QACjB,MAAM,IAAI,CAAC;AACf,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG;;AAEd,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,GAAG,SAAS;QACZ,YAAY,EAAE,SAAS,IAAI,SAAS;AACpC,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,eAAe,EAAE,SAAS;QAC1B,QAAQ;AACR,QAAA,OAAO,EAAE,WAAW;KACd,CAAC;AAEX,IAAA,QACIA,GAAC,CAAA,WAAW,EAAC,EAAA,QAAQ,EAAE,cAAc,CAAC,IAAI,EAAA,QAAA,EACtCA,IAAC,mBAAmB,EAAA,EAChB,IAAI,EAAEA,IAAC,qBAAqB,EAAA,EAAA,GAAK,SAAS,EAAA,CAAI,EAC9C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,QAAQ,EACS,CAAA,EAAA,CACZ,EAChB;AACN,EAAE;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/public/ChatInputVoiceButton.d.ts

@@ -3,6 +3,12 @@ import { type ChatInputButtonAria, type ChatInputVoiceRecordConfig } from '@hh.r
 export interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInputVoiceRecordConfig {
     /** Доп. обработчик клика — вызывается вместе со стартом записи, а не вместо него */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Блокирует кнопку записи независимо от общего `disabled` компонента `ChatInput`.
+     * Кнопка также неактивна сама по себе вне `ChatInput`
+     * @default false
+     */
+    disabled?: boolean;
     /** Кастомный контент вместо иконки микрофона. Иконку в children оформляем как встроенную
      * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */
     children?: ReactNode;
@@ -10,8 +16,9 @@ export interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInpu
 /**
  * Кнопка записи голоса для слота ChatInput. Несёт на себе конфигурацию записи (колбэки,
  * `maxDuration`, `processingLabel`) — она регистрируется в slot-registry и оттуда доезжает до
- * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Пока запрашивается
- * доступ к микрофону — показывает лоадер; оформление (паддинги, цвет) берёт из дефолтов слота.
+ * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Если доступ к
+ * микрофону не получен за `VOICE_START_LOADER_DELAY` — показывает лоадер (при уже выданном доступе
+ * ожидание короче порога и лоадера нет); оформление (паддинги, цвет) берёт из дефолтов слота.
  * Вне ChatInput кнопка неактивна.
  */
 export declare const ChatInputVoiceButton: FC<ChatInputVoiceButtonProps>;

package/public/ChatInputVoiceButton.js

@@ -1,6 +1,6 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
-import { useMemo, useRef, useCallback } from 'react';
+import { useMemo, useRef, useCallback, useState, useEffect } from 'react';
 import { useTranslation } from '@hh.ru/magritte-common-use-translation';
 import { useChatInputContext } from '../internal/ChatInputContext.js';
 import { ChatInputSlotButton } from '../internal/ChatInputSlotButton.js';
@@ -12,6 +12,10 @@ import '@hh.ru/magritte-common-use-disabled';
 import '@hh.ru/magritte-ui-icon';
 import '@hh.ru/magritte-internal-slot-registry';
 
+// Сколько ждём микрофон, прежде чем показать лоадер. Если доступ уже выдан, `getUserMedia`
+// резолвится почти мгновенно — показывать лоадер на такой срок значит мельтешить; порог оставляет
+// индикацию только для реального ожидания (диалог разрешения браузера, медленный старт устройства)
+const VOICE_START_LOADER_DELAY = 300;
 /**
  * Обёртка над колбэком из пропов со стабильной по ссылке идентичностью. Приложение обычно
  * пересоздаёт хендлеры на каждый рендер, а в slot-registry нужны стабильные ссылки (иначе конфиг
@@ -24,16 +28,38 @@ const useStableFn = (fn) => {
     fnRef.current = fn;
     return useCallback((...args) => fnRef.current?.(...args), []);
 };
+/**
+ * Флаг с задержкой на подъём: `true`, только если исходный продержался `VOICE_START_LOADER_DELAY`
+ * подряд; сброс — сразу. Повторное включение отсчитывает порог заново (таймер снимается в cleanup).
+ */
+const useDelayedFlag = (value) => {
+    const [delayed, setDelayed] = useState(false);
+    useEffect(() => {
+        if (!value) {
+            setDelayed(false);
+            return undefined;
+        }
+        const timeoutId = setTimeout(() => setDelayed(true), VOICE_START_LOADER_DELAY);
+        return () => clearTimeout(timeoutId);
+    }, [value]);
+    return delayed;
+};
 /**
  * Кнопка записи голоса для слота ChatInput. Несёт на себе конфигурацию записи (колбэки,
  * `maxDuration`, `processingLabel`) — она регистрируется в slot-registry и оттуда доезжает до
- * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Пока запрашивается
- * доступ к микрофону — показывает лоадер; оформление (паддинги, цвет) берёт из дефолтов слота.
+ * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Если доступ к
+ * микрофону не получен за `VOICE_START_LOADER_DELAY` — показывает лоадер (при уже выданном доступе
+ * ожидание короче порога и лоадера нет); оформление (паддинги, цвет) берёт из дефолтов слота.
  * Вне ChatInput кнопка неактивна.
  */
-const ChatInputVoiceButton = ({ maxDuration, mimeType, processingLabel, onRecordStart, onComplete, onError, onCancel, completeButtonProps, cancelButtonProps, onClick, children, 'aria-label': ariaLabel, ...ariaProps }) => {
+const ChatInputVoiceButton = ({ maxDuration, mimeType, processingLabel, onRecordStart, onComplete, onError, onCancel, completeButtonProps, cancelButtonProps, onClick, children, disabled = false, 'aria-label': ariaLabel, ...ariaProps }) => {
     const { startVoiceRecord, voiceRecordStatus } = useChatInputContext();
     const recordVoiceLabel = useTranslation('ChatInput', 'recordVoice');
+    // кнопка неактивна и по собственному `disabled`, и вне ChatInput (нет startVoiceRecord)
+    const isButtonDisabled = disabled || !startVoiceRecord;
+    // лоадер только на затянувшемся ожидании микрофона; при уже выданном доступе статус `starting`
+    // проскакивает быстрее порога, и лоадер не показывается вовсе
+    const isLoading = useDelayedFlag(voiceRecordStatus === 'starting');
     // список mimeType приложение часто передаёт инлайн-массивом (новая ссылка на каждый рендер);
     // мемоизуем по стабильному строковому ключу, чтобы не перерегистрировать конфиг зря
     const mimeTypeKey = Array.isArray(mimeType) ? mimeType.join(',') : mimeType;
@@ -78,12 +104,12 @@ const ChatInputVoiceButton = ({ maxDuration, mimeType, processingLabel, onRecord
         'data-qa': 'record',
         ...ariaProps,
         'aria-label': ariaLabel ?? recordVoiceLabel,
-        disabled: !startVoiceRecord,
-        loading: voiceRecordStatus === 'starting',
+        disabled: isButtonDisabled,
+        loading: isLoading,
         onClick: handleClick,
         // цвета тут нет, потому что в ChatInput он уже пробрасывается на левый и правый слоты
     };
-    return (jsx(FocusTarget, { priority: FOCUS_PRIORITY.voice, children: jsx(ChatInputSlotButton, { icon: jsx(MicOutlinedSize24, { ...iconProps }), iconProps: iconProps, onClick: handleClick, children: children }) }));
+    return (jsx(FocusTarget, { priority: FOCUS_PRIORITY.voice, children: jsx(ChatInputSlotButton, { icon: jsx(MicOutlinedSize24, { ...iconProps }), iconProps: iconProps, disabled: isButtonDisabled, onClick: handleClick, children: children }) }));
 };
 ChatInputVoiceButton.displayName = 'ChatInputVoiceButton';
 

package/public/ChatInputVoiceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputVoiceButton.js","sources":["src/public/ChatInputVoiceButton.tsx"],"sourcesContent":["import { type FC, type MouseEvent, type MouseEventHandler, type ReactNode, useCallback, useMemo, useRef } 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/**\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\nexport interface ChatInputVoiceButtonProps extends ChatInputButtonAria, ChatInputVoiceRecordConfig {\n    /** Доп. обработчик клика — вызывается вместе со стартом записи, а не вместо него */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /** Кастомный контент вместо иконки микрофона. Иконку в children оформляем как встроенную\n     * (через IconDefaultPropsContext); клик по любому content ловится в любом случае */\n    children?: ReactNode;\n}\n\n/**\n * Кнопка записи голоса для слота ChatInput. Несёт на себе конфигурацию записи (колбэки,\n * `maxDuration`, `processingLabel`) — она регистрируется в slot-registry и оттуда доезжает до\n * сессии в корне ChatInput. По клику запускает запись через контекст ChatInput. Пока запрашивается\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    'aria-label': ariaLabel,\n    ...ariaProps\n}) => {\n    const { startVoiceRecord, voiceRecordStatus } = useChatInputContext();\n    const recordVoiceLabel = useTranslation('ChatInput', 'recordVoice');\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: !startVoiceRecord,\n        loading: voiceRecordStatus === 'starting',\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                onClick={handleClick}\n            >\n                {children}\n            </ChatInputSlotButton>\n        </FocusTarget>\n    );\n};\n\nChatInputVoiceButton.displayName = 'ChatInputVoiceButton';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAWA;;;;;;AAMG;AACH,MAAM,WAAW,GAAG,CAChB,EAA2C,KACF;AACzC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AACzB,IAAA,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACnB,IAAA,OAAO,WAAW,CAAC,CAAC,GAAG,IAAU,KAAK,KAAK,CAAC,OAAO,GAAG,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AACxE,CAAC,CAAC;AAUF;;;;;;AAMG;AACU,MAAA,oBAAoB,GAAkC,CAAC,EAChE,WAAW,EACX,QAAQ,EACR,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACtE,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;;;IAIpE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;;;;AAK5E,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;AACrD,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AACzC,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAE3C,IAAA,MAAM,MAAM,GAAG,OAAO,CAClB,OAAO;QACH,WAAW;QACX,QAAQ;QACR,eAAe;AACf,QAAA,aAAa,EAAE,iBAAiB;AAChC,QAAA,UAAU,EAAE,cAAc;AAC1B,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,QAAQ,EAAE,YAAY;QACtB,mBAAmB;QACnB,iBAAiB;KACpB,CAAC;;;AAGF,IAAA;QACI,WAAW;QACX,WAAW;QACX,eAAe;QACf,iBAAiB;QACjB,cAAc;QACd,WAAW;QACX,YAAY;QACZ,mBAAmB;QACnB,iBAAiB;AACpB,KAAA,CACJ,CAAC;IACF,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAE/B,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoC,KAAI;AACzD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;QACjB,gBAAgB,IAAI,CAAC;AACzB,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG;;AAEd,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,GAAG,SAAS;QACZ,YAAY,EAAE,SAAS,IAAI,gBAAgB;QAC3C,QAAQ,EAAE,CAAC,gBAAgB;QAC3B,OAAO,EAAE,iBAAiB,KAAK,UAAU;AACzC,QAAA,OAAO,EAAE,WAAW;;KAEvB,CAAC;AAEF,IAAA,QACIA,GAAA,CAAC,WAAW,EAAA,EAAC,QAAQ,EAAE,cAAc,CAAC,KAAK,EACvC,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAChB,IAAI,EAAEA,GAAA,CAAC,iBAAiB,EAAA,EAAA,GAAK,SAAS,EAAA,CAAI,EAC1C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EAEnB,QAAA,EAAA,QAAQ,EACS,CAAA,EAAA,CACZ,EAChB;AACN,EAAE;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"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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"}

package/styles-DV9cCd_J.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"chat-input":"magritte-chat-input___P69oN_1-1-1","chatInput":"magritte-chat-input___P69oN_1-1-1","no-background":"magritte-no-background___eiIY1_1-1-1","noBackground":"magritte-no-background___eiIY1_1-1-1","text-input-focused":"magritte-text-input-focused___TfyLu_1-1-1","textInputFocused":"magritte-text-input-focused___TfyLu_1-1-1","content-grid":"magritte-content-grid___g03sT_1-1-1","contentGrid":"magritte-content-grid___g03sT_1-1-1","preview":"magritte-preview___baXKi_1-1-1","left":"magritte-left___7JZYp_1-1-1","central":"magritte-central___zkguj_1-1-1","right":"magritte-right___-tGcO_1-1-1","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-1-1","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-1-1","text-input":"magritte-text-input___3AFO4_1-1-1","textInput":"magritte-text-input___3AFO4_1-1-1","layout-vertical":"magritte-layout-vertical___mVTr-_1-1-1","layoutVertical":"magritte-layout-vertical___mVTr-_1-1-1","has-central":"magritte-has-central___VRZik_1-1-1","hasCentral":"magritte-has-central___VRZik_1-1-1","no-left-controls":"magritte-no-left-controls___7r6yy_1-1-1","noLeftControls":"magritte-no-left-controls___7r6yy_1-1-1","no-right-controls":"magritte-no-right-controls___HBSag_1-1-1","noRightControls":"magritte-no-right-controls___HBSag_1-1-1","chips":"magritte-chips___gLao5_1-1-1","chips-container":"magritte-chips-container___-bS5O_1-1-1","chipsContainer":"magritte-chips-container___-bS5O_1-1-1","preview-block":"magritte-preview-block___iiPdS_1-1-1","previewBlock":"magritte-preview-block___iiPdS_1-1-1","preview-side":"magritte-preview-side___ymR-u_1-1-1","previewSide":"magritte-preview-side___ymR-u_1-1-1","preview-content":"magritte-preview-content___ZgyBD_1-1-1","previewContent":"magritte-preview-content___ZgyBD_1-1-1","preview-title":"magritte-preview-title___SkFeZ_1-1-1","previewTitle":"magritte-preview-title___SkFeZ_1-1-1","preview-subtitle":"magritte-preview-subtitle___58qfR_1-1-1","previewSubtitle":"magritte-preview-subtitle___58qfR_1-1-1","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-1-1","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-1-1","with-top-fade":"magritte-with-top-fade___okgqo_1-1-1","withTopFade":"magritte-with-top-fade___okgqo_1-1-1","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-1-1","withBottomFade":"magritte-with-bottom-fade___82gr8_1-1-1","measure":"magritte-measure___xNKc0_1-1-1","voice-record":"magritte-voice-record___p64PV_1-1-1","voiceRecord":"magritte-voice-record___p64PV_1-1-1","voice-record-left":"magritte-voice-record-left___njEt-_1-1-1","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-1-1","voice-record-right":"magritte-voice-record-right___UTv-U_1-1-1","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-1-1","voice-processing":"magritte-voice-processing___C0xnX_1-1-1","voiceProcessing":"magritte-voice-processing___C0xnX_1-1-1","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-1-1","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-1-1","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-1-1","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-1-1","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-1-1","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-1-1","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-1","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-1-1","mode-container":"magritte-mode-container___nATVD_1-1-1","modeContainer":"magritte-mode-container___nATVD_1-1-1","voice-overlay":"magritte-voice-overlay___LbxAI_1-1-1","voiceOverlay":"magritte-voice-overlay___LbxAI_1-1-1"};
+
+export { styles as s };
+//# sourceMappingURL=styles-DV9cCd_J.js.map

package/styles-DV9cCd_J.js.map

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

package/styles--uqLohv-.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"chat-input":"magritte-chat-input___P69oN_1-0-2","chatInput":"magritte-chat-input___P69oN_1-0-2","no-background":"magritte-no-background___eiIY1_1-0-2","noBackground":"magritte-no-background___eiIY1_1-0-2","text-input-focused":"magritte-text-input-focused___TfyLu_1-0-2","textInputFocused":"magritte-text-input-focused___TfyLu_1-0-2","content-grid":"magritte-content-grid___g03sT_1-0-2","contentGrid":"magritte-content-grid___g03sT_1-0-2","preview":"magritte-preview___baXKi_1-0-2","left":"magritte-left___7JZYp_1-0-2","central":"magritte-central___zkguj_1-0-2","right":"magritte-right___-tGcO_1-0-2","scrollbar-cell":"magritte-scrollbar-cell___--M2x_1-0-2","scrollbarCell":"magritte-scrollbar-cell___--M2x_1-0-2","text-input":"magritte-text-input___3AFO4_1-0-2","textInput":"magritte-text-input___3AFO4_1-0-2","layout-vertical":"magritte-layout-vertical___mVTr-_1-0-2","layoutVertical":"magritte-layout-vertical___mVTr-_1-0-2","has-central":"magritte-has-central___VRZik_1-0-2","hasCentral":"magritte-has-central___VRZik_1-0-2","no-left-controls":"magritte-no-left-controls___7r6yy_1-0-2","noLeftControls":"magritte-no-left-controls___7r6yy_1-0-2","no-right-controls":"magritte-no-right-controls___HBSag_1-0-2","noRightControls":"magritte-no-right-controls___HBSag_1-0-2","chips":"magritte-chips___gLao5_1-0-2","chips-container":"magritte-chips-container___-bS5O_1-0-2","chipsContainer":"magritte-chips-container___-bS5O_1-0-2","preview-block":"magritte-preview-block___iiPdS_1-0-2","previewBlock":"magritte-preview-block___iiPdS_1-0-2","preview-side":"magritte-preview-side___ymR-u_1-0-2","previewSide":"magritte-preview-side___ymR-u_1-0-2","preview-content":"magritte-preview-content___ZgyBD_1-0-2","previewContent":"magritte-preview-content___ZgyBD_1-0-2","preview-title":"magritte-preview-title___SkFeZ_1-0-2","previewTitle":"magritte-preview-title___SkFeZ_1-0-2","preview-subtitle":"magritte-preview-subtitle___58qfR_1-0-2","previewSubtitle":"magritte-preview-subtitle___58qfR_1-0-2","text-input-wrapper":"magritte-text-input-wrapper___TPbwC_1-0-2","textInputWrapper":"magritte-text-input-wrapper___TPbwC_1-0-2","with-top-fade":"magritte-with-top-fade___okgqo_1-0-2","withTopFade":"magritte-with-top-fade___okgqo_1-0-2","with-bottom-fade":"magritte-with-bottom-fade___82gr8_1-0-2","withBottomFade":"magritte-with-bottom-fade___82gr8_1-0-2","measure":"magritte-measure___xNKc0_1-0-2","voice-record":"magritte-voice-record___p64PV_1-0-2","voiceRecord":"magritte-voice-record___p64PV_1-0-2","voice-record-left":"magritte-voice-record-left___njEt-_1-0-2","voiceRecordLeft":"magritte-voice-record-left___njEt-_1-0-2","voice-record-right":"magritte-voice-record-right___UTv-U_1-0-2","voiceRecordRight":"magritte-voice-record-right___UTv-U_1-0-2","voice-processing":"magritte-voice-processing___C0xnX_1-0-2","voiceProcessing":"magritte-voice-processing___C0xnX_1-0-2","voice-record-indicator":"magritte-voice-record-indicator___V8ybb_1-0-2","voiceRecordIndicator":"magritte-voice-record-indicator___V8ybb_1-0-2","voice-record-indicator-bar":"magritte-voice-record-indicator-bar___jgyqz_1-0-2","voiceRecordIndicatorBar":"magritte-voice-record-indicator-bar___jgyqz_1-0-2","voice-record-indicator-wave":"magritte-voice-record-indicator-wave___4VsyE_1-0-2","voiceRecordIndicatorWave":"magritte-voice-record-indicator-wave___4VsyE_1-0-2","voice-record-indicator-has-sound":"magritte-voice-record-indicator-has-sound___67t5g_1-0-2","voiceRecordIndicatorHasSound":"magritte-voice-record-indicator-has-sound___67t5g_1-0-2","mode-container":"magritte-mode-container___nATVD_1-0-2","modeContainer":"magritte-mode-container___nATVD_1-0-2","voice-overlay":"magritte-voice-overlay___LbxAI_1-0-2","voiceOverlay":"magritte-voice-overlay___LbxAI_1-0-2"};
-
-export { styles as s };
-//# sourceMappingURL=styles--uqLohv-.js.map

package/styles--uqLohv-.js.map

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