@hh.ru/magritte-ui-chat-input 1.1.7 → 1.1.9

package/index.css

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

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 CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../styles-nsfS8Auu.js';
+import { s as styles } from '../styles-kaTH-LR6.js';
 
 const EASE_BASE = [
     CoreTokens['magritte-semantic-animation-ease-base'].x1,

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

package/internal/useSendOnEnter.js

@@ -20,8 +20,20 @@ const useSendOnEnter = ({ onSend, onKeyDown, }) => {
             isCoarsePointerRef.current = mediaQuery.matches;
         };
         update();
-        mediaQuery.addEventListener('change', update);
-        return () => mediaQuery.removeEventListener('change', update);
+        if (typeof mediaQuery.addEventListener === 'function') {
+            mediaQuery.addEventListener('change', update);
+        }
+        else {
+            mediaQuery.addListener(update);
+        }
+        return () => {
+            if (typeof mediaQuery.removeEventListener === 'function') {
+                mediaQuery.removeEventListener('change', update);
+            }
+            else {
+                mediaQuery.removeListener(update);
+            }
+        };
     }, []);
     return useCallback((event) => {
         onKeyDown?.(event);

package/internal/useSendOnEnter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendOnEnter.js","sources":["src/internal/useSendOnEnter.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type KeyboardEventHandler } from 'react';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\n\ninterface UseSendOnEnterParams {\n    onSend?: VoidFunction;\n    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nconst COARSE_POINTER_QUERY = '(pointer: coarse)';\n\n/**\n * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет\n * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил\n * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.\n * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).\n */\nexport const useSendOnEnter = ({\n    onSend,\n    onKeyDown,\n}: UseSendOnEnterParams): KeyboardEventHandler<HTMLTextAreaElement> => {\n    const isCoarsePointerRef = useRef(false);\n    useEffect(() => {\n        if (!('matchMedia' in window)) {\n            return undefined;\n        }\n        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);\n        const update = () => {\n            isCoarsePointerRef.current = mediaQuery.matches;\n        };\n        update();\n        mediaQuery.addEventListener('change', update);\n        return () => mediaQuery.removeEventListener('change', update);\n    }, []);\n\n    return useCallback(\n        (event: KeyboardEvent<HTMLTextAreaElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented || event.nativeEvent.isComposing) {\n                return;\n            }\n\n            if (isCoarsePointerRef.current) {\n                return;\n            }\n\n            if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {\n                event.preventDefault();\n                onSend?.();\n            }\n        },\n        [onSend, onKeyDown]\n    );\n};\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEjD;;;;;AAKG;AACU,MAAA,cAAc,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,GACU,KAA+C;AAClE,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,EAAE,YAAY,IAAI,MAAM,CAAC,EAAE;AAC3B,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,MAAK;AAChB,YAAA,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;AACpD,SAAC,CAAC;AACF,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC9C,OAAO,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KACjE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,WAAW,CACd,CAAC,KAAyC,KAAI;AAC1C,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE;YACzD,OAAO;SACV;AAED,QAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;YAC5B,OAAO;SACV;AAED,QAAA,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC;SACd;AACL,KAAC,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,CACtB,CAAC;AACN;;;;"}
+{"version":3,"file":"useSendOnEnter.js","sources":["src/internal/useSendOnEnter.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type KeyboardEvent, type KeyboardEventHandler } from 'react';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\n\ninterface UseSendOnEnterParams {\n    onSend?: VoidFunction;\n    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n}\n\nconst COARSE_POINTER_QUERY = '(pointer: coarse)';\n\n/**\n * Возвращает обработчик keydown для textarea: Enter вызывает `onSend`, Shift+Enter оставляет\n * стандартный перенос строки. Пользовательский `onKeyDown` вызывается первым — если он отменил\n * событие (`preventDefault`), отправка не срабатывает. Ввод через IME (`isComposing`) не отправляет.\n * На тач-устройствах Enter всегда переносит строку (отправка — по кнопке).\n */\nexport const useSendOnEnter = ({\n    onSend,\n    onKeyDown,\n}: UseSendOnEnterParams): KeyboardEventHandler<HTMLTextAreaElement> => {\n    const isCoarsePointerRef = useRef(false);\n    useEffect(() => {\n        if (!('matchMedia' in window)) {\n            return undefined;\n        }\n        const mediaQuery = window.matchMedia(COARSE_POINTER_QUERY);\n        const update = () => {\n            isCoarsePointerRef.current = mediaQuery.matches;\n        };\n        update();\n        if (typeof mediaQuery.addEventListener === 'function') {\n            mediaQuery.addEventListener('change', update);\n        } else {\n            mediaQuery.addListener(update);\n        }\n        return () => {\n            if (typeof mediaQuery.removeEventListener === 'function') {\n                mediaQuery.removeEventListener('change', update);\n            } else {\n                mediaQuery.removeListener(update);\n            }\n        };\n    }, []);\n\n    return useCallback(\n        (event: KeyboardEvent<HTMLTextAreaElement>) => {\n            onKeyDown?.(event);\n\n            if (event.defaultPrevented || event.nativeEvent.isComposing) {\n                return;\n            }\n\n            if (isCoarsePointerRef.current) {\n                return;\n            }\n\n            if (keyboardMatch(event, keyboardKeys.Enter) && !event.shiftKey) {\n                event.preventDefault();\n                onSend?.();\n            }\n        },\n        [onSend, onKeyDown]\n    );\n};\n"],"names":[],"mappings":";;;AASA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEjD;;;;;AAKG;AACU,MAAA,cAAc,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,GACU,KAA+C;AAClE,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,EAAE,YAAY,IAAI,MAAM,CAAC,EAAE;AAC3B,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,MAAK;AAChB,YAAA,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;AACpD,SAAC,CAAC;AACF,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,OAAO,UAAU,CAAC,gBAAgB,KAAK,UAAU,EAAE;AACnD,YAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;SACjD;aAAM;AACH,YAAA,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;SAClC;AACD,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,OAAO,UAAU,CAAC,mBAAmB,KAAK,UAAU,EAAE;AACtD,gBAAA,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;aACpD;iBAAM;AACH,gBAAA,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;aACrC;AACL,SAAC,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,WAAW,CACd,CAAC,KAAyC,KAAI;AAC1C,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE;YACzD,OAAO;SACV;AAED,QAAA,IAAI,kBAAkB,CAAC,OAAO,EAAE;YAC5B,OAAO;SACV;AAED,QAAA,IAAI,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC;SACd;AACL,KAAC,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,CACtB,CAAC;AACN;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "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": "25.0.0",
+    "@hh.ru/magritte-design-tokens": "25.0.1",
     "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-chips": "7.0.33",
-    "@hh.ru/magritte-ui-icon": "15.0.2",
-    "@hh.ru/magritte-ui-loader": "4.0.10",
-    "@hh.ru/magritte-ui-scrollable-container": "6.4.2",
-    "@hh.ru/magritte-ui-scrollbar": "1.0.33",
-    "@hh.ru/magritte-ui-typography": "5.3.11"
+    "@hh.ru/magritte-ui-chips": "7.0.34",
+    "@hh.ru/magritte-ui-icon": "15.0.3",
+    "@hh.ru/magritte-ui-loader": "4.0.11",
+    "@hh.ru/magritte-ui-scrollable-container": "6.4.3",
+    "@hh.ru/magritte-ui-scrollbar": "1.0.35",
+    "@hh.ru/magritte-ui-typography": "5.3.12"
   },
-  "gitHead": "0e795b6a368fd7f09ca979320f466b80b049e4ea"
+  "gitHead": "415ee07be8bac509b80f46aea4369cf674fb0b50"
 }

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-nsfS8Auu.js';
+import { s as styles } from '../styles-kaTH-LR6.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 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-nsfS8Auu.js';
+import { s as styles } from '../styles-kaTH-LR6.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-nsfS8Auu.js';
+import { s as styles } from '../styles-kaTH-LR6.js';
 
 const DEFAULT_ICON_PROPS = {
     initialColor: 'secondary',

package/styles-kaTH-LR6.js

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

package/styles-kaTH-LR6.js.map

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

package/styles-nsfS8Auu.js

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

package/styles-nsfS8Auu.js.map

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