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

package/index.css

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

package/index.d.ts

@@ -2,6 +2,9 @@ export { ChatInput } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
 export { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';
+export { type ChatInputFileProps, type ChatInputFileState, type ChatInputFileType, } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+export { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';
+export { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';
 export { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';
 export { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';
 export { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';

package/index.js

@@ -1,5 +1,6 @@
 import './index.css';
 export { ChatInput } from './public/ChatInput.js';
+export { getChatInputFileType } from './public/getChatInputFileType.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
@@ -9,7 +10,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
-import './styles-x_6MfT-u.js';
+import './styles-BHWYKmPT.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';
@@ -28,8 +29,14 @@ import './internal/useVoiceRecordSession.js';
 import './internal/voiceSlotRegistry.js';
 import '@hh.ru/magritte-internal-slot-registry';
 import './public/ChatInputChips.js';
+import './internal/flattenFragments.js';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-scrollable-container';
+import './public/ChatInputFile.js';
+import '@hh.ru/magritte-ui-cell';
+import './internal/useObjectUrl.js';
+import '@hh.ru/magritte-ui-link';
+import './public/ChatInputFiles.js';
 import './public/ChatInputPreview.js';
 import '@hh.ru/magritte-ui-icon';
 import './public/ChatInputSendButton.js';

package/index.js.map

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

package/index.mock.d.ts

@@ -1,6 +1,9 @@
 export { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';
 export { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';
 export { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';
+export { type ChatInputFileProps, type ChatInputFileState, type ChatInputFileType, } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+export { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';
+export { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';
 export { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';
 export { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';
 export { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';

package/index.mock.js

@@ -1,4 +1,5 @@
 import './index.css';
+export { getChatInputFileType } from './public/getChatInputFileType.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 
@@ -35,6 +36,10 @@ const staticProps = {
     Chips: mockComponent('Chips', undefined, {
         withChildren: true,
     }),
+    File: mockComponent('File'),
+    Files: mockComponent('Files', undefined, {
+        withChildren: true,
+    }),
     Preview: mockComponent('Preview'),
     SendButton: mockComponent('SendButton'),
     VoiceButton: mockComponent('VoiceButton'),

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["../mock-component/lib/setupMockComponent.js","src/index.mock.ts"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\n\nfunction enhance(mockComponent, staticProps) {\n    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent\n    delete staticProps.type;\n    delete staticProps.$$typeof;\n    delete staticProps.render;\n    for (const prop in staticProps) {\n        mockComponent[prop] = staticProps[prop];\n    }\n}\nconst MockComponent = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock\", { \"style-data\": style, ...props }));\nconst MockComponentRenderProp = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock-render-prop\", { \"style-data\": style, ...props }));\n/**\n * Возвращает mock React компонента\n */\nconst mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {\n    const mockWrapper = forwardRef(({ children, ...props }, ref) => {\n        const mock = (\n        // eslint-disable-next-line react/jsx-no-undef\n        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));\n        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;\n    });\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-ref';\n    return mockWrapper;\n};\n/**\n * Возвращает mock React компонента, который рендерит переданный в него пропс render\n *\n * @param {String}              componentName               наименование компонента\n * @param {Object}              [staticProps]               объект со свойствами, которыми необходимо усилить mock\n * @param {Object}              [options]                   параметры мока\n * @param {boolean}             [options.withChildren]      флаг отвечает за рендеринг children компонента\n * @param {React.Component}     [options.innerDependence]   Реакт компонент, который рендерится внутри мока.\n *                                                          Необходим, когда mock компоненту требуется иметь\n *                                                           дополнительные элементы\n */\nconst mockComponentRenderProp = (componentName, staticProps, { withChildren, innerDependence, renderArguments } = { renderArguments: [] }) => {\n    const mockWrapper = ({ render, children, ...props }) => (jsxs(MockComponentRenderProp, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props) : null, withChildren ? children : null, render?.(...(renderArguments || []))] }));\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-component-mock-render-prop';\n    return mockWrapper;\n};\n\nexport { mockComponent, mockComponentRenderProp };\n//# sourceMappingURL=setupMockComponent.js.map\n","import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';\nexport { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nexport { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nexport { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nexport { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nexport { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\n\nconst staticProps = {\n    Chips: mockComponent('Chips', undefined, {\n        withChildren: true,\n    }),\n    Preview: mockComponent('Preview'),\n    SendButton: mockComponent('SendButton'),\n    VoiceButton: mockComponent('VoiceButton'),\n};\n\nexport const ChatInput = mockComponent('ChatInput', staticProps, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;;AAGA,SAAS,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE;AAC7C;AACA,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC;AAC5B,IAAI,OAAO,WAAW,CAAC,QAAQ,CAAC;AAChC,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC;AAC9B,IAAI,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AACpC,QAAQ,aAAa,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,CAAC;AACD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C;AACA;AACA;AACA,GAAG,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;AAMnE;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK;AACrH,IAAI,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK;AACpE,QAAQ,MAAM,IAAI;AAClB;AACA,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACxK,QAAQ,OAAO,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AAC7F,KAAK,CAAC,CAAC;AACP,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,IAAI,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAC7C,IAAI,OAAO,WAAW,CAAC;AACvB,CAAC;;AC1BD,MAAM,WAAW,GAAG;AAChB,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC;AACjC,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;AACvC,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;CAC5C,CAAC;MAEW,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE;AAC7D,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
+{"version":3,"file":"index.mock.js","sources":["../mock-component/lib/setupMockComponent.js","src/index.mock.ts"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\n\nfunction enhance(mockComponent, staticProps) {\n    // удаляем внутренний свойства реакта, чтобы не перезаписать ими mockComponent\n    delete staticProps.type;\n    delete staticProps.$$typeof;\n    delete staticProps.render;\n    for (const prop in staticProps) {\n        mockComponent[prop] = staticProps[prop];\n    }\n}\nconst MockComponent = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock\", { \"style-data\": style, ...props }));\nconst MockComponentRenderProp = ({ style, ...props }) => (\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/jsx-no-undef\njsx(\"magritte-component-mock-render-prop\", { \"style-data\": style, ...props }));\n/**\n * Возвращает mock React компонента\n */\nconst mockComponent = (componentName, staticProps = {}, { withChildren, innerDependence, WrapperComponent } = {}) => {\n    const mockWrapper = forwardRef(({ children, ...props }, ref) => {\n        const mock = (\n        // eslint-disable-next-line react/jsx-no-undef\n        jsxs(MockComponent, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props, ref) : null, withChildren ? children : null] }));\n        return WrapperComponent ? jsx(WrapperComponent, { ...props, children: mock }) : mock;\n    });\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-ref';\n    return mockWrapper;\n};\n/**\n * Возвращает mock React компонента, который рендерит переданный в него пропс render\n *\n * @param {String}              componentName               наименование компонента\n * @param {Object}              [staticProps]               объект со свойствами, которыми необходимо усилить mock\n * @param {Object}              [options]                   параметры мока\n * @param {boolean}             [options.withChildren]      флаг отвечает за рендеринг children компонента\n * @param {React.Component}     [options.innerDependence]   Реакт компонент, который рендерится внутри мока.\n *                                                          Необходим, когда mock компоненту требуется иметь\n *                                                           дополнительные элементы\n */\nconst mockComponentRenderProp = (componentName, staticProps, { withChildren, innerDependence, renderArguments } = { renderArguments: [] }) => {\n    const mockWrapper = ({ render, children, ...props }) => (jsxs(MockComponentRenderProp, { ...props, _component: componentName, children: [innerDependence ? innerDependence(props) : null, withChildren ? children : null, render?.(...(renderArguments || []))] }));\n    staticProps && enhance(mockWrapper, staticProps);\n    mockWrapper.displayName = 'magritte-component-mock-render-prop';\n    return mockWrapper;\n};\n\nexport { mockComponent, mockComponentRenderProp };\n//# sourceMappingURL=setupMockComponent.js.map\n","import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatInputProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInput';\nexport { type ChatInputVoiceRecordConfig } from '@hh.ru/magritte-ui-chat-input/types';\nexport { type ChatInputChipsProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nexport {\n    type ChatInputFileProps,\n    type ChatInputFileState,\n    type ChatInputFileType,\n} from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\nexport { getChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/getChatInputFileType';\nexport { type ChatInputFilesProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';\nexport { type ChatInputPreviewProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nexport { type ChatInputSendButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nexport { type ChatInputVoiceButtonProps } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\n\nconst staticProps = {\n    Chips: mockComponent('Chips', undefined, {\n        withChildren: true,\n    }),\n    File: mockComponent('File'),\n    Files: mockComponent('Files', undefined, {\n        withChildren: true,\n    }),\n    Preview: mockComponent('Preview'),\n    SendButton: mockComponent('SendButton'),\n    VoiceButton: mockComponent('VoiceButton'),\n};\n\nexport const ChatInput = mockComponent('ChatInput', staticProps, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;;;AAGA,SAAS,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE;AAC7C;AACA,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC;AAC5B,IAAI,OAAO,WAAW,CAAC,QAAQ,CAAC;AAChC,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC;AAC9B,IAAI,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;AACpC,QAAQ,aAAa,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,CAAC;AACD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C;AACA;AACA;AACA,GAAG,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;AAMnE;AACA;AACA;AACA,MAAM,aAAa,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,EAAE,KAAK;AACrH,IAAI,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK;AACpE,QAAQ,MAAM,IAAI;AAClB;AACA,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,eAAe,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACxK,QAAQ,OAAO,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AAC7F,KAAK,CAAC,CAAC;AACP,IAAI,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,IAAI,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAC7C,IAAI,OAAO,WAAW,CAAC;AACvB,CAAC;;ACnBD,MAAM,WAAW,GAAG;AAChB,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC;AAC3B,IAAA,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC;AACjC,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;AACvC,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC;CAC5C,CAAC;MAEW,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE;AAC7D,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}

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

package/internal/flattenFragments.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+/** Раскрывает фрагменты в плоский список детей. Children.toArray сохраняет ключи детей —
+ * их можно перенести на обёртку, чтобы удаление элемента из середины не сдвигало стейт соседей.
+ * Внутренний Children.toArray нумерует детей фрагмента заново (.0, .1), поэтому к их ключам
+ * добавляется ключ фрагмента — иначе они совпадут с ключами соседей фрагмента */
+export declare const flattenFragments: (children: ReactNode, keyPrefix?: string) => ReactNode[];

package/internal/flattenFragments.js

@@ -0,0 +1,20 @@
+import './../index.css';
+import { Children, isValidElement, Fragment, cloneElement } from 'react';
+
+/** Раскрывает фрагменты в плоский список детей. Children.toArray сохраняет ключи детей —
+ * их можно перенести на обёртку, чтобы удаление элемента из середины не сдвигало стейт соседей.
+ * Внутренний Children.toArray нумерует детей фрагмента заново (.0, .1), поэтому к их ключам
+ * добавляется ключ фрагмента — иначе они совпадут с ключами соседей фрагмента */
+const flattenFragments = (children, keyPrefix = '') => Children.toArray(children).flatMap((child) => {
+    if (!isValidElement(child)) {
+        return child;
+    }
+    const key = `${keyPrefix}${child.key}`;
+    if (child.type === Fragment) {
+        return flattenFragments(child.props.children, key);
+    }
+    return keyPrefix ? cloneElement(child, { key }) : child;
+});
+
+export { flattenFragments };
+//# sourceMappingURL=flattenFragments.js.map

package/internal/flattenFragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenFragments.js","sources":["src/internal/flattenFragments.ts"],"sourcesContent":["import { Children, cloneElement, Fragment, isValidElement, type PropsWithChildren, type ReactNode } from 'react';\n\n/** Раскрывает фрагменты в плоский список детей. Children.toArray сохраняет ключи детей —\n * их можно перенести на обёртку, чтобы удаление элемента из середины не сдвигало стейт соседей.\n * Внутренний Children.toArray нумерует детей фрагмента заново (.0, .1), поэтому к их ключам\n * добавляется ключ фрагмента — иначе они совпадут с ключами соседей фрагмента */\nexport const flattenFragments = (children: ReactNode, keyPrefix = ''): ReactNode[] =>\n    Children.toArray(children).flatMap((child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n        const key = `${keyPrefix}${child.key}`;\n        if (child.type === Fragment) {\n            return flattenFragments((child.props as PropsWithChildren).children, key);\n        }\n        return keyPrefix ? cloneElement(child, { key }) : child;\n    });\n"],"names":[],"mappings":";;AAEA;;;AAGiF;AACpE,MAAA,gBAAgB,GAAG,CAAC,QAAmB,EAAE,SAAS,GAAG,EAAE,KAChE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACzC,IAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,QAAA,OAAO,KAAK,CAAC;KAChB;IACD,MAAM,GAAG,GAAG,CAAG,EAAA,SAAS,GAAG,KAAK,CAAC,GAAG,CAAA,CAAE,CAAC;AACvC,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QACzB,OAAO,gBAAgB,CAAE,KAAK,CAAC,KAA2B,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;KAC7E;AACD,IAAA,OAAO,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAC5D,CAAC;;;;"}

package/internal/useObjectUrl.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL
+ * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.
+ * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят
+ */
+export declare const useObjectUrl: (source: string | Blob | undefined) => string | undefined;

package/internal/useObjectUrl.js

@@ -0,0 +1,30 @@
+import './../index.css';
+import { useState, useEffect } from 'react';
+
+const isImageBlob = (blob) => !blob.type || blob.type.startsWith('image/');
+/**
+ * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL
+ * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.
+ * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят
+ */
+const useObjectUrl = (source) => {
+    const blob = source instanceof Blob && isImageBlob(source) ? source : undefined;
+    const [objectUrl, setObjectUrl] = useState();
+    useEffect(() => {
+        if (!blob) {
+            setObjectUrl(undefined);
+            return undefined;
+        }
+        const url = URL.createObjectURL(blob);
+        setObjectUrl({ blob, url });
+        return () => URL.revokeObjectURL(url);
+    }, [blob]);
+    if (typeof source === 'string') {
+        return source;
+    }
+    // url от предыдущего Blob уже отозван — до эффекта для нового ничего не отдаём
+    return objectUrl && objectUrl.blob === blob ? objectUrl.url : undefined;
+};
+
+export { useObjectUrl };
+//# sourceMappingURL=useObjectUrl.js.map

package/internal/useObjectUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObjectUrl.js","sources":["src/internal/useObjectUrl.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst isImageBlob = (blob: Blob): boolean => !blob.type || blob.type.startsWith('image/');\n\n/**\n * Url для отображения картинки: строку возвращает как есть, для Blob/File создаёт локальный object URL\n * и отзывает его при смене источника и размонтировании. Blob с известным не-image типом пропускаем.\n * URL создаётся в эффекте (не в рендере), поэтому StrictMode и SSR его не теряют и не плодят\n */\nexport const useObjectUrl = (source: string | Blob | undefined): string | undefined => {\n    const blob = source instanceof Blob && isImageBlob(source) ? source : undefined;\n    const [objectUrl, setObjectUrl] = useState<{ blob: Blob; url: string }>();\n\n    useEffect(() => {\n        if (!blob) {\n            setObjectUrl(undefined);\n            return undefined;\n        }\n        const url = URL.createObjectURL(blob);\n        setObjectUrl({ blob, url });\n        return () => URL.revokeObjectURL(url);\n    }, [blob]);\n\n    if (typeof source === 'string') {\n        return source;\n    }\n    // url от предыдущего Blob уже отозван — до эффекта для нового ничего не отдаём\n    return objectUrl && objectUrl.blob === blob ? objectUrl.url : undefined;\n};\n"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG,CAAC,IAAU,KAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE1F;;;;AAIG;AACU,MAAA,YAAY,GAAG,CAAC,MAAiC,KAAwB;AAClF,IAAA,MAAM,IAAI,GAAG,MAAM,YAAY,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IAChF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAA+B,CAAC;IAE1E,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,IAAI,EAAE;YACP,YAAY,CAAC,SAAS,CAAC,CAAC;AACxB,YAAA,OAAO,SAAS,CAAC;SACpB;QACD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AACtC,QAAA,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,OAAO,MAAM,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC1C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5B,QAAA,OAAO,MAAM,CAAC;KACjB;;AAED,IAAA,OAAO,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC;AAC5E;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.1.18",
+  "version": "1.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -30,15 +30,17 @@
     "@hh.ru/magritte-common-keyboard": "4.3.5",
     "@hh.ru/magritte-common-use-disabled": "1.0.15",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
-    "@hh.ru/magritte-common-use-translation": "3.5.0",
+    "@hh.ru/magritte-common-use-translation": "3.6.0",
     "@hh.ru/magritte-design-tokens": "25.1.0",
     "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-chips": "7.0.42",
+    "@hh.ru/magritte-ui-cell": "7.3.0",
+    "@hh.ru/magritte-ui-chips": "7.0.44",
     "@hh.ru/magritte-ui-icon": "15.1.2",
+    "@hh.ru/magritte-ui-link": "7.2.3",
     "@hh.ru/magritte-ui-loader": "4.1.3",
-    "@hh.ru/magritte-ui-scrollable-container": "6.4.10",
+    "@hh.ru/magritte-ui-scrollable-container": "6.5.0",
     "@hh.ru/magritte-ui-scrollbar": "1.0.36",
     "@hh.ru/magritte-ui-typography": "5.3.13"
   },
-  "gitHead": "37c822e9d543ad23d6aec07b4a18c6d2d2b3ee3a"
+  "gitHead": "4420819c71c2d263ef47b3208c47942e9f0a1d30"
 }

package/public/ChatInput.d.ts

@@ -1,5 +1,7 @@
 import { type ChangeEventHandler, type ForwardedRef, type ForwardRefExoticComponent, type ReactNode, type RefAttributes, type TextareaHTMLAttributes } from 'react';
 import { ChatInputChips } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';
+import { ChatInputFile } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+import { ChatInputFiles } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';
 import { ChatInputPreview } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';
 import { ChatInputSendButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';
 import { ChatInputVoiceButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';
@@ -39,6 +41,8 @@ interface ChatInputOwnProps {
 export type ChatInputProps = ChatInputOwnProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof ChatInputOwnProps | 'defaultValue'>;
 interface ChatInputComponents {
     Chips: typeof ChatInputChips;
+    File: typeof ChatInputFile;
+    Files: typeof ChatInputFiles;
     Preview: typeof ChatInputPreview;
     SendButton: typeof ChatInputSendButton;
     VoiceButton: typeof ChatInputVoiceButton;

package/public/ChatInput.js

@@ -13,11 +13,13 @@ import { useRovingFocusGroup } from '../internal/useRovingFocusGroup.js';
 import { useVoiceRecordSession } from '../internal/useVoiceRecordSession.js';
 import { ChatInputVoiceSlotProvider, useVoiceConfig } from '../internal/voiceSlotRegistry.js';
 import { ChatInputChips } from './ChatInputChips.js';
+import { ChatInputFile } from './ChatInputFile.js';
+import { ChatInputFiles } from './ChatInputFiles.js';
 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-x_6MfT-u.js';
+import { s as styles } from '../styles-BHWYKmPT.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../internal/useSendOnEnter.js';
@@ -31,8 +33,12 @@ import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-loader';
 import '@hh.ru/magritte-ui-typography';
 import '@hh.ru/magritte-internal-slot-registry';
+import '../internal/flattenFragments.js';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-scrollable-container';
+import '@hh.ru/magritte-ui-cell';
+import '../internal/useObjectUrl.js';
+import '@hh.ru/magritte-ui-link';
 import '../internal/ChatInputSlotButton.js';
 
 const DEFAULT_ICON_PROPS = {
@@ -114,6 +120,8 @@ const ChatInputComponent = (props, ref) => (jsx(ChatInputVoiceSlotProvider, { ch
 const ChatInput = forwardRef(ChatInputComponent);
 ChatInput.displayName = 'ChatInput';
 ChatInput.Chips = ChatInputChips;
+ChatInput.File = ChatInputFile;
+ChatInput.Files = ChatInputFiles;
 ChatInput.Preview = ChatInputPreview;
 ChatInput.SendButton = ChatInputSendButton;
 ChatInput.VoiceButton = ChatInputVoiceButton;

package/public/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["src/public/ChatInput.tsx"],"sourcesContent":["import {\n    type ChangeEventHandler,\n    type FC,\n    type ForwardedRef,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type ReactNode,\n    type RefAttributes,\n    type TextareaHTMLAttributes,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChatInputContextProvider } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ModeTransition } from '@hh.ru/magritte-ui-chat-input/internal/ModeTransition';\nimport { TextInput } from '@hh.ru/magritte-ui-chat-input/internal/TextInput';\nimport { VoiceRecord } from '@hh.ru/magritte-ui-chat-input/internal/VoiceRecord';\nimport { FOCUS_PRIORITY, focusPriorityProps } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRovingFocusGroup } from '@hh.ru/magritte-ui-chat-input/internal/useRovingFocusGroup';\nimport { useVoiceRecordSession } from '@hh.ru/magritte-ui-chat-input/internal/useVoiceRecordSession';\nimport { ChatInputVoiceSlotProvider, useVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { ChatInputChips } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nimport { ChatInputPreview } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nimport { ChatInputSendButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nimport { ChatInputVoiceButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\n\nimport styles from '../styles.less';\n\ninterface ChatInputOwnProps {\n    /** Левый слот  */\n    leftActions?: ReactNode;\n    /** Правый слот  */\n    rightActions?: ReactNode;\n    /** Центральный нижний слот  */\n    centralActions?: ReactNode;\n    /** Верхний слот для блока превью */\n    preview?: ReactNode;\n    /** Максимальная высота поля ввода в пикселях. Если не задан — высота не ограничена. */\n    maxHeight?: number;\n    /**\n     * Раскладка поля ввода.\n     * `horizontal` — ввод стоит в ряду контролов, пока содержимое помещается в одну строку,\n     * и сам переезжает на свой ряд, когда перестаёт влезать.\n     * `vertical` — ввод всегда на своём ряду; в горизонтальный слот его не ставим.\n     * @default horizontal\n     */\n    layout?: 'vertical' | 'horizontal';\n    /** Хендлер отправки: вызывается по Enter (Shift+Enter — перенос строки) */\n    onSend?: VoidFunction;\n    /** Значение поля ввода. Компонент работает только в controlled-режиме */\n    value: string;\n    /** Обработчик изменения значения */\n    onChange: ChangeEventHandler<HTMLTextAreaElement>;\n    /** Реф на корневую обёртку — для измерения размеров/позиционирования.\n     * Реф на textarea (фокус и т.п.) прокидывается обычным `ref`, как у Input/TextArea */\n    wrapperRef?: ForwardedRef<HTMLDivElement>;\n    /** Отключает фон и обводку компонента */\n    noBackground?: boolean;\n    disabled?: boolean;\n    'data-qa'?: string;\n}\n\n// defaultValue исключён: компонент только controlled, uncontrolled-режим не поддерживается\nexport type ChatInputProps = ChatInputOwnProps &\n    Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof ChatInputOwnProps | 'defaultValue'>;\n\nconst DEFAULT_ICON_PROPS = {\n    borderRadius: 12,\n    padding: 8,\n    initialColor: 'secondary',\n} as const;\n\ninterface ChatInputComponents {\n    Chips: typeof ChatInputChips;\n    Preview: typeof ChatInputPreview;\n    SendButton: typeof ChatInputSendButton;\n    VoiceButton: typeof ChatInputVoiceButton;\n}\n\ntype ChatInputInnerProps = ChatInputProps & {\n    /** Реф на textarea, переданный через forwardRef внешней обёртки */\n    textareaRef: ForwardedRef<HTMLTextAreaElement>;\n};\n\nconst ChatInputInner: FC<ChatInputInnerProps> = ({\n    leftActions,\n    rightActions,\n    centralActions,\n    preview,\n    maxHeight,\n    layout = 'horizontal',\n    onSend,\n    wrapperRef,\n    textareaRef,\n    noBackground = false,\n    disabled = false,\n    'data-qa': dataQa = 'chat-input',\n    ...textareaProps\n}) => {\n    const outerDisabled = useDisabled();\n    const isDisabled = disabled || outerDisabled;\n    const rootRef = useRef<HTMLDivElement>(null);\n    const rootRefCallback = useMultipleRefs(rootRef, wrapperRef);\n    // реф textarea — для возврата фокуса при выходе из режима записи\n    const textareaLocalRef = useRef<HTMLTextAreaElement>(null);\n    const textareaRefCallback = useMultipleRefs(textareaLocalRef, textareaRef);\n    const [containerWidth, setContainerWidth] = useState<number>();\n    useLayoutEffect(() => {\n        const root = rootRef.current;\n        if (!root) {\n            return undefined;\n        }\n        const observer = new ResizeObserver((entries) => {\n            const width = Math.round(entries[0]?.contentRect.width ?? 0);\n            setContainerWidth((prev) => (prev === width ? prev : width));\n        });\n        observer.observe(root);\n        return () => observer.disconnect();\n    }, []);\n\n    // конфиг записи регистрирует ChatInput.VoiceButton через slot-registry. Кнопка живёт в\n    // text-гриде, который на время записи не размонтируется (ModeTransition лишь прячет его), —\n    // поэтому регистрация и колбэки остаются живыми всю сессию, латч не нужен\n    const voiceConfig = useVoiceConfig();\n\n    const voiceSession = useVoiceRecordSession(voiceConfig ?? {});\n\n    const contextValue = useMemo(\n        () => ({\n            onSend,\n            startVoiceRecord: voiceSession.start,\n            voiceRecordStatus: voiceSession.status,\n        }),\n        [onSend, voiceSession.start, voiceSession.status]\n    );\n\n    // режим ведём по статусу сессии, а не по наличию конфига: даже если приложение уберёт кнопку\n    // по ходу записи, запись продолжается. Без кнопки запись не стартует, так что статус сам остаётся idle\n    const isVoiceMode = voiceSession.status === 'recording' || voiceSession.status === 'processing';\n\n    // roving-группа кнопок: один tab stop на все кнопки, внутри — стрелки по приоритетам\n    const { focusStop } = useRovingFocusGroup(rootRef);\n\n    // при входе в запись фокус на стоп группы (после смены слоя это галочка — первый приоритет\n    // слоя записи), при возврате в текст — в textarea с курсором в конце. Фокус ставим в rAF:\n    // слой режима к этому моменту уже видим (motion применил visibility), иначе focus()\n    // на visibility:hidden не сработает\n    const prevVoiceModeRef = useRef(isVoiceMode);\n    useEffect(() => {\n        const wasVoiceMode = prevVoiceModeRef.current;\n        prevVoiceModeRef.current = isVoiceMode;\n        if (wasVoiceMode === isVoiceMode) {\n            return undefined;\n        }\n        const frameId = requestAnimationFrame(() => {\n            if (isVoiceMode) {\n                focusStop();\n                return;\n            }\n            const textarea = textareaLocalRef.current;\n            if (textarea) {\n                textarea.focus();\n                const caret = textarea.value.length;\n                textarea.setSelectionRange(caret, caret);\n            }\n        });\n        return () => cancelAnimationFrame(frameId);\n    }, [isVoiceMode, focusStop]);\n\n    return (\n        <DisabledContext.Provider value={isDisabled}>\n            <ChatInputContextProvider value={contextValue}>\n                <div\n                    ref={rootRefCallback}\n                    className={classNames(styles.chatInput, { [styles.noBackground]: noBackground })}\n                    data-qa={dataQa}\n                >\n                    <ModeTransition\n                        mode={isVoiceMode ? 'voice' : 'text'}\n                        voice={\n                            <VoiceRecord\n                                mode={voiceSession.status === 'processing' ? 'processing' : 'recording'}\n                                stream={voiceSession.stream}\n                                startedAt={voiceSession.startedAt}\n                                processingLabel={voiceConfig?.processingLabel}\n                                onComplete={voiceSession.stop}\n                                onCancel={voiceSession.cancel}\n                                completeButtonProps={voiceConfig?.completeButtonProps}\n                                cancelButtonProps={voiceConfig?.cancelButtonProps}\n                                data-qa=\"chat-input-voice-record\"\n                            />\n                        }\n                        text={\n                            <div\n                                className={classNames(styles.contentGrid, {\n                                    [styles.noLeftControls]: !leftActions,\n                                    [styles.noRightControls]: !rightActions,\n                                    [styles.hasCentral]: !!centralActions,\n                                })}\n                            >\n                                {/* textarea в DOM первым намеренно: Tab снаружи входит сначала в него.\n                                Раскладку держит grid-area (от порядка не зависит). Кнопки слотов —\n                                одна roving-группа (useRovingFocusGroup): Tab видит только текущий\n                                стоп, внутри группы фокус ходит стрелками по приоритетам слотов */}\n                                <TextInput\n                                    {...textareaProps}\n                                    ref={textareaRefCallback}\n                                    layout={layout}\n                                    onSend={onSend}\n                                    maxHeight={maxHeight}\n                                    containerWidth={containerWidth}\n                                    hasCentral={!!centralActions}\n                                    disabled={isDisabled}\n                                    hasBothSideControls={!!leftActions && !!rightActions}\n                                />\n                                {!!rightActions && (\n                                    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n                                        <div className={styles.right} {...focusPriorityProps(FOCUS_PRIORITY.rightSlot)}>\n                                            {rightActions}\n                                        </div>\n                                    </IconDefaultPropsContext>\n                                )}\n                                {!!leftActions && (\n                                    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n                                        <div className={styles.left} {...focusPriorityProps(FOCUS_PRIORITY.leftSlot)}>\n                                            {leftActions}\n                                        </div>\n                                    </IconDefaultPropsContext>\n                                )}\n                                {!!centralActions && (\n                                    <div className={styles.central} {...focusPriorityProps(FOCUS_PRIORITY.centralSlot)}>\n                                        {centralActions}\n                                    </div>\n                                )}\n                                {!!preview && (\n                                    <div className={styles.preview} {...focusPriorityProps(FOCUS_PRIORITY.previewSlot)}>\n                                        {preview}\n                                    </div>\n                                )}\n                            </div>\n                        }\n                    />\n                </div>\n            </ChatInputContextProvider>\n        </DisabledContext.Provider>\n    );\n};\n\n// внешняя обёртка держит slot-registry для конфига записи: кнопка (внутри слота) регистрирует\n// конфиг, ChatInputInner (ниже провайдера) читает его. forwardRef-реф на textarea прокидываем\n// вниз обычным пропом\nconst ChatInputComponent = (props: ChatInputProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <ChatInputVoiceSlotProvider>\n        <ChatInputInner {...props} textareaRef={ref} />\n    </ChatInputVoiceSlotProvider>\n);\n\nconst ChatInput = forwardRef(ChatInputComponent) as ForwardRefExoticComponent<\n    ChatInputProps & RefAttributes<HTMLTextAreaElement>\n> &\n    ChatInputComponents;\n\nChatInput.displayName = 'ChatInput';\n\nChatInput.Chips = ChatInputChips;\nChatInput.Preview = ChatInputPreview;\nChatInput.SendButton = ChatInputSendButton;\nChatInput.VoiceButton = ChatInputVoiceButton;\n\nexport { ChatInput };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ChatInput.js","sources":["src/public/ChatInput.tsx"],"sourcesContent":["import {\n    type ChangeEventHandler,\n    type FC,\n    type ForwardedRef,\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type ReactNode,\n    type RefAttributes,\n    type TextareaHTMLAttributes,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChatInputContextProvider } from '@hh.ru/magritte-ui-chat-input/internal/ChatInputContext';\nimport { ModeTransition } from '@hh.ru/magritte-ui-chat-input/internal/ModeTransition';\nimport { TextInput } from '@hh.ru/magritte-ui-chat-input/internal/TextInput';\nimport { VoiceRecord } from '@hh.ru/magritte-ui-chat-input/internal/VoiceRecord';\nimport { FOCUS_PRIORITY, focusPriorityProps } from '@hh.ru/magritte-ui-chat-input/internal/focusGroup';\nimport { useRovingFocusGroup } from '@hh.ru/magritte-ui-chat-input/internal/useRovingFocusGroup';\nimport { useVoiceRecordSession } from '@hh.ru/magritte-ui-chat-input/internal/useVoiceRecordSession';\nimport { ChatInputVoiceSlotProvider, useVoiceConfig } from '@hh.ru/magritte-ui-chat-input/internal/voiceSlotRegistry';\nimport { ChatInputChips } from '@hh.ru/magritte-ui-chat-input/public/ChatInputChips';\nimport { ChatInputFile } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\nimport { ChatInputFiles } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFiles';\nimport { ChatInputPreview } from '@hh.ru/magritte-ui-chat-input/public/ChatInputPreview';\nimport { ChatInputSendButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputSendButton';\nimport { ChatInputVoiceButton } from '@hh.ru/magritte-ui-chat-input/public/ChatInputVoiceButton';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\n\nimport styles from '../styles.less';\n\ninterface ChatInputOwnProps {\n    /** Левый слот  */\n    leftActions?: ReactNode;\n    /** Правый слот  */\n    rightActions?: ReactNode;\n    /** Центральный нижний слот  */\n    centralActions?: ReactNode;\n    /** Верхний слот для блока превью */\n    preview?: ReactNode;\n    /** Максимальная высота поля ввода в пикселях. Если не задан — высота не ограничена. */\n    maxHeight?: number;\n    /**\n     * Раскладка поля ввода.\n     * `horizontal` — ввод стоит в ряду контролов, пока содержимое помещается в одну строку,\n     * и сам переезжает на свой ряд, когда перестаёт влезать.\n     * `vertical` — ввод всегда на своём ряду; в горизонтальный слот его не ставим.\n     * @default horizontal\n     */\n    layout?: 'vertical' | 'horizontal';\n    /** Хендлер отправки: вызывается по Enter (Shift+Enter — перенос строки) */\n    onSend?: VoidFunction;\n    /** Значение поля ввода. Компонент работает только в controlled-режиме */\n    value: string;\n    /** Обработчик изменения значения */\n    onChange: ChangeEventHandler<HTMLTextAreaElement>;\n    /** Реф на корневую обёртку — для измерения размеров/позиционирования.\n     * Реф на textarea (фокус и т.п.) прокидывается обычным `ref`, как у Input/TextArea */\n    wrapperRef?: ForwardedRef<HTMLDivElement>;\n    /** Отключает фон и обводку компонента */\n    noBackground?: boolean;\n    disabled?: boolean;\n    'data-qa'?: string;\n}\n\n// defaultValue исключён: компонент только controlled, uncontrolled-режим не поддерживается\nexport type ChatInputProps = ChatInputOwnProps &\n    Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, keyof ChatInputOwnProps | 'defaultValue'>;\n\nconst DEFAULT_ICON_PROPS = {\n    borderRadius: 12,\n    padding: 8,\n    initialColor: 'secondary',\n} as const;\n\ninterface ChatInputComponents {\n    Chips: typeof ChatInputChips;\n    File: typeof ChatInputFile;\n    Files: typeof ChatInputFiles;\n    Preview: typeof ChatInputPreview;\n    SendButton: typeof ChatInputSendButton;\n    VoiceButton: typeof ChatInputVoiceButton;\n}\n\ntype ChatInputInnerProps = ChatInputProps & {\n    /** Реф на textarea, переданный через forwardRef внешней обёртки */\n    textareaRef: ForwardedRef<HTMLTextAreaElement>;\n};\n\nconst ChatInputInner: FC<ChatInputInnerProps> = ({\n    leftActions,\n    rightActions,\n    centralActions,\n    preview,\n    maxHeight,\n    layout = 'horizontal',\n    onSend,\n    wrapperRef,\n    textareaRef,\n    noBackground = false,\n    disabled = false,\n    'data-qa': dataQa = 'chat-input',\n    ...textareaProps\n}) => {\n    const outerDisabled = useDisabled();\n    const isDisabled = disabled || outerDisabled;\n    const rootRef = useRef<HTMLDivElement>(null);\n    const rootRefCallback = useMultipleRefs(rootRef, wrapperRef);\n    // реф textarea — для возврата фокуса при выходе из режима записи\n    const textareaLocalRef = useRef<HTMLTextAreaElement>(null);\n    const textareaRefCallback = useMultipleRefs(textareaLocalRef, textareaRef);\n    const [containerWidth, setContainerWidth] = useState<number>();\n    useLayoutEffect(() => {\n        const root = rootRef.current;\n        if (!root) {\n            return undefined;\n        }\n        const observer = new ResizeObserver((entries) => {\n            const width = Math.round(entries[0]?.contentRect.width ?? 0);\n            setContainerWidth((prev) => (prev === width ? prev : width));\n        });\n        observer.observe(root);\n        return () => observer.disconnect();\n    }, []);\n\n    // конфиг записи регистрирует ChatInput.VoiceButton через slot-registry. Кнопка живёт в\n    // text-гриде, который на время записи не размонтируется (ModeTransition лишь прячет его), —\n    // поэтому регистрация и колбэки остаются живыми всю сессию, латч не нужен\n    const voiceConfig = useVoiceConfig();\n\n    const voiceSession = useVoiceRecordSession(voiceConfig ?? {});\n\n    const contextValue = useMemo(\n        () => ({\n            onSend,\n            startVoiceRecord: voiceSession.start,\n            voiceRecordStatus: voiceSession.status,\n        }),\n        [onSend, voiceSession.start, voiceSession.status]\n    );\n\n    // режим ведём по статусу сессии, а не по наличию конфига: даже если приложение уберёт кнопку\n    // по ходу записи, запись продолжается. Без кнопки запись не стартует, так что статус сам остаётся idle\n    const isVoiceMode = voiceSession.status === 'recording' || voiceSession.status === 'processing';\n\n    // roving-группа кнопок: один tab stop на все кнопки, внутри — стрелки по приоритетам\n    const { focusStop } = useRovingFocusGroup(rootRef);\n\n    // при входе в запись фокус на стоп группы (после смены слоя это галочка — первый приоритет\n    // слоя записи), при возврате в текст — в textarea с курсором в конце. Фокус ставим в rAF:\n    // слой режима к этому моменту уже видим (motion применил visibility), иначе focus()\n    // на visibility:hidden не сработает\n    const prevVoiceModeRef = useRef(isVoiceMode);\n    useEffect(() => {\n        const wasVoiceMode = prevVoiceModeRef.current;\n        prevVoiceModeRef.current = isVoiceMode;\n        if (wasVoiceMode === isVoiceMode) {\n            return undefined;\n        }\n        const frameId = requestAnimationFrame(() => {\n            if (isVoiceMode) {\n                focusStop();\n                return;\n            }\n            const textarea = textareaLocalRef.current;\n            if (textarea) {\n                textarea.focus();\n                const caret = textarea.value.length;\n                textarea.setSelectionRange(caret, caret);\n            }\n        });\n        return () => cancelAnimationFrame(frameId);\n    }, [isVoiceMode, focusStop]);\n\n    return (\n        <DisabledContext.Provider value={isDisabled}>\n            <ChatInputContextProvider value={contextValue}>\n                <div\n                    ref={rootRefCallback}\n                    className={classNames(styles.chatInput, { [styles.noBackground]: noBackground })}\n                    data-qa={dataQa}\n                >\n                    <ModeTransition\n                        mode={isVoiceMode ? 'voice' : 'text'}\n                        voice={\n                            <VoiceRecord\n                                mode={voiceSession.status === 'processing' ? 'processing' : 'recording'}\n                                stream={voiceSession.stream}\n                                startedAt={voiceSession.startedAt}\n                                processingLabel={voiceConfig?.processingLabel}\n                                onComplete={voiceSession.stop}\n                                onCancel={voiceSession.cancel}\n                                completeButtonProps={voiceConfig?.completeButtonProps}\n                                cancelButtonProps={voiceConfig?.cancelButtonProps}\n                                data-qa=\"chat-input-voice-record\"\n                            />\n                        }\n                        text={\n                            <div\n                                className={classNames(styles.contentGrid, {\n                                    [styles.noLeftControls]: !leftActions,\n                                    [styles.noRightControls]: !rightActions,\n                                    [styles.hasCentral]: !!centralActions,\n                                })}\n                            >\n                                {/* textarea в DOM первым намеренно: Tab снаружи входит сначала в него.\n                                Раскладку держит grid-area (от порядка не зависит). Кнопки слотов —\n                                одна roving-группа (useRovingFocusGroup): Tab видит только текущий\n                                стоп, внутри группы фокус ходит стрелками по приоритетам слотов */}\n                                <TextInput\n                                    {...textareaProps}\n                                    ref={textareaRefCallback}\n                                    layout={layout}\n                                    onSend={onSend}\n                                    maxHeight={maxHeight}\n                                    containerWidth={containerWidth}\n                                    hasCentral={!!centralActions}\n                                    disabled={isDisabled}\n                                    hasBothSideControls={!!leftActions && !!rightActions}\n                                />\n                                {!!rightActions && (\n                                    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n                                        <div className={styles.right} {...focusPriorityProps(FOCUS_PRIORITY.rightSlot)}>\n                                            {rightActions}\n                                        </div>\n                                    </IconDefaultPropsContext>\n                                )}\n                                {!!leftActions && (\n                                    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n                                        <div className={styles.left} {...focusPriorityProps(FOCUS_PRIORITY.leftSlot)}>\n                                            {leftActions}\n                                        </div>\n                                    </IconDefaultPropsContext>\n                                )}\n                                {!!centralActions && (\n                                    <div className={styles.central} {...focusPriorityProps(FOCUS_PRIORITY.centralSlot)}>\n                                        {centralActions}\n                                    </div>\n                                )}\n                                {!!preview && (\n                                    <div className={styles.preview} {...focusPriorityProps(FOCUS_PRIORITY.previewSlot)}>\n                                        {preview}\n                                    </div>\n                                )}\n                            </div>\n                        }\n                    />\n                </div>\n            </ChatInputContextProvider>\n        </DisabledContext.Provider>\n    );\n};\n\n// внешняя обёртка держит slot-registry для конфига записи: кнопка (внутри слота) регистрирует\n// конфиг, ChatInputInner (ниже провайдера) читает его. forwardRef-реф на textarea прокидываем\n// вниз обычным пропом\nconst ChatInputComponent = (props: ChatInputProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n    <ChatInputVoiceSlotProvider>\n        <ChatInputInner {...props} textareaRef={ref} />\n    </ChatInputVoiceSlotProvider>\n);\n\nconst ChatInput = forwardRef(ChatInputComponent) as ForwardRefExoticComponent<\n    ChatInputProps & RefAttributes<HTMLTextAreaElement>\n> &\n    ChatInputComponents;\n\nChatInput.displayName = 'ChatInput';\n\nChatInput.Chips = ChatInputChips;\nChatInput.File = ChatInputFile;\nChatInput.Files = ChatInputFiles;\nChatInput.Preview = ChatInputPreview;\nChatInput.SendButton = ChatInputSendButton;\nChatInput.VoiceButton = ChatInputVoiceButton;\n\nexport { ChatInput };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/public/ChatInputChips.js

@@ -1,14 +1,12 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
-import { isValidElement, Children, Fragment } from 'react';
+import { isValidElement } from 'react';
+import { flattenFragments } from '../internal/flattenFragments.js';
 import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-x_6MfT-u.js';
+import { s as styles } from '../styles-BHWYKmPT.js';
 
 const CHIP_DEFAULT_PROPS = { size: 'extra-small' };
-const flattenFragments = (children) => Children.toArray(children).flatMap((child) => isValidElement(child) && child.type === Fragment
-    ? flattenFragments(child.props.children)
-    : child);
 const ChatInputChips = ({ children }) => (jsx("div", { className: styles.chipsContainer, children: jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: jsx(ScrollableContainer, { children: jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: jsx(ScrollableContainer.Gallery, { children: jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => (jsx(ScrollableContainer.Item, { children: child }, (isValidElement(child) && child.key) || index))) }) }) }) }) }) }));
 ChatInputChips.displayName = 'ChatInputChips';
 

package/public/ChatInputChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputChips.js","sources":["src/public/ChatInputChips.tsx"],"sourcesContent":["import { Children, Fragment, isValidElement, type FC, type PropsWithChildren, type ReactNode } from 'react';\n\nimport { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputChipsProps {\n    /** Чипсы, размещаются в один ряд с возможностью горизонтального скролла */\n    children: ReactNode;\n}\n\nconst CHIP_DEFAULT_PROPS = { size: 'extra-small' } as const;\n\nconst flattenFragments = (children: ReactNode): ReactNode[] =>\n    Children.toArray(children).flatMap((child) =>\n        isValidElement(child) && child.type === Fragment\n            ? flattenFragments((child.props as PropsWithChildren).children)\n            : child\n    );\n\nexport const ChatInputChips: FC<ChatInputChipsProps> = ({ children }) => (\n    <div className={styles.chipsContainer}>\n        <ChipDefaultPropsContext props={CHIP_DEFAULT_PROPS}>\n            <ScrollableContainer>\n                <ScrollableContainer.DefaultLayout size=\"small\" fadeOnMobile>\n                    <ScrollableContainer.Gallery>\n                        <div className={styles.chips}>\n                            {/* Children.toArray сохраняет ключи детей — переносим их на обёртку,\n                            чтобы удаление чипса из середины не сдвигало стейт соседей */}\n                            {flattenFragments(children).map((child, index) => (\n                                <ScrollableContainer.Item key={(isValidElement(child) && child.key) || index}>\n                                    {child}\n                                </ScrollableContainer.Item>\n                            ))}\n                        </div>\n                    </ScrollableContainer.Gallery>\n                </ScrollableContainer.DefaultLayout>\n            </ScrollableContainer>\n        </ChipDefaultPropsContext>\n    </div>\n);\n\nChatInputChips.displayName = 'ChatInputChips';\n"],"names":["_jsx"],"mappings":";;;;;;AAYA,MAAM,kBAAkB,GAAG,EAAE,IAAI,EAAE,aAAa,EAAW,CAAC;AAE5D,MAAM,gBAAgB,GAAG,CAAC,QAAmB,KACzC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KACrC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC1C,gBAAgB,CAAE,KAAK,CAAC,KAA2B,CAAC,QAAQ,CAAC;MAC7D,KAAK,CACd,CAAC;MAEO,cAAc,GAA4B,CAAC,EAAE,QAAQ,EAAE,MAChEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EACjCA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,kBAAkB,EAAA,QAAA,EAC9CA,IAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,IAAC,mBAAmB,CAAC,aAAa,EAAC,EAAA,IAAI,EAAC,OAAO,EAAC,YAAY,EACxD,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAGvB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACzCA,GAAC,CAAA,mBAAmB,CAAC,IAAI,EACpB,EAAA,QAAA,EAAA,KAAK,IADqB,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAEjD,CAC9B,CAAC,EACA,CAAA,EAAA,CACoB,GACE,EAClB,CAAA,EAAA,CACA,EACxB,CAAA,EACR;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"ChatInputChips.js","sources":["src/public/ChatInputChips.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputChipsProps {\n    /** Чипсы, размещаются в один ряд с возможностью горизонтального скролла */\n    children: ReactNode;\n}\n\nconst CHIP_DEFAULT_PROPS = { size: 'extra-small' } as const;\n\nexport const ChatInputChips: FC<ChatInputChipsProps> = ({ children }) => (\n    <div className={styles.chipsContainer}>\n        <ChipDefaultPropsContext props={CHIP_DEFAULT_PROPS}>\n            <ScrollableContainer>\n                <ScrollableContainer.DefaultLayout size=\"small\" fadeOnMobile>\n                    <ScrollableContainer.Gallery>\n                        <div className={styles.chips}>\n                            {/* Children.toArray сохраняет ключи детей — переносим их на обёртку,\n                            чтобы удаление чипса из середины не сдвигало стейт соседей */}\n                            {flattenFragments(children).map((child, index) => (\n                                <ScrollableContainer.Item key={(isValidElement(child) && child.key) || index}>\n                                    {child}\n                                </ScrollableContainer.Item>\n                            ))}\n                        </div>\n                    </ScrollableContainer.Gallery>\n                </ScrollableContainer.DefaultLayout>\n            </ScrollableContainer>\n        </ChipDefaultPropsContext>\n    </div>\n);\n\nChatInputChips.displayName = 'ChatInputChips';\n"],"names":["_jsx"],"mappings":";;;;;;;AAaA,MAAM,kBAAkB,GAAG,EAAE,IAAI,EAAE,aAAa,EAAW,CAAC;MAE/C,cAAc,GAA4B,CAAC,EAAE,QAAQ,EAAE,MAChEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EACjCA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,kBAAkB,EAAA,QAAA,EAC9CA,IAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,IAAC,mBAAmB,CAAC,aAAa,EAAC,EAAA,IAAI,EAAC,OAAO,EAAC,YAAY,EACxD,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAGvB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACzCA,GAAC,CAAA,mBAAmB,CAAC,IAAI,EACpB,EAAA,QAAA,EAAA,KAAK,IADqB,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAEjD,CAC9B,CAAC,EACA,CAAA,EAAA,CACoB,GACE,EAClB,CAAA,EAAA,CACA,EACxB,CAAA,EACR;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/public/ChatInputFile.d.ts

@@ -0,0 +1,43 @@
+import { type HTMLAttributes, type MouseEventHandler, type ReactNode } from 'react';
+import { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';
+export type ChatInputFileState = 'loading' | 'loaded' | 'invalid';
+export type ChatInputFileType = 'doc' | 'video' | 'image';
+export interface ChatInputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
+    /** Имя файла. Если передана строка, при нехватке места обрезается основа имени, а расширение
+     * остаётся видимым целиком */
+    name?: ReactNode;
+    /**
+     * Строка под именем (например, для размера файла или текста ошибки).
+     * Для `type="image"` не отображается
+     */
+    description?: ReactNode;
+    /**
+     * Состояние файла
+     * @default loaded
+     */
+    state?: ChatInputFileState;
+    /**
+     * Тип файла: `doc` и `video` — карточка с иконкой и именем, `image` — квадратное превью
+     * @default doc
+     */
+    type?: ChatInputFileType;
+    /**
+     * Превью, показывается для `type="image"` в состоянии `loaded`: url картинки или сам файл (`File`/`Blob`).
+     * Для файла компонент локально создаёт object URL и сам его отзывает — загружать файл на сервер
+     * ради превью не нужно
+     */
+    preview?: string | Blob;
+    /** Alt превью. По умолчанию — имя файла, если оно строка */
+    previewAlt?: string;
+    /** Обработчик удаления файла. Без него кнопка удаления файла не показывается */
+    onRemove?: MouseEventHandler<HTMLButtonElement>;
+    /** aria/data-qa пропсы кнопки удаления файла. Своя `aria-label` перекрывает дефолтную */
+    removeButtonProps?: ChatInputButtonAria;
+    /**
+     * Значение data-qa
+     * @default chat-input-file
+     */
+    'data-qa'?: string;
+}
+/** Приложенный к сообщению файл */
+export declare const ChatInputFile: import("react").ForwardRefExoticComponent<ChatInputFileProps & import("react").RefAttributes<HTMLDivElement>>;

package/public/ChatInputFile.js

@@ -0,0 +1,74 @@
+import './../index.css';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState } from 'react';
+import classNames from 'classnames';
+import { useTranslation } from '@hh.ru/magritte-common-use-translation';
+import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
+import { useObjectUrl } from '../internal/useObjectUrl.js';
+import { CheckCircleOutlinedSize16, ExclamationTriangleOutlinedSize16, ImageOutlinedSize24, CrossOutlinedSize16, VideocameraOutlinedSize24, DocumentOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';
+import { Loader } from '@hh.ru/magritte-ui-loader';
+import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
+import { s as styles } from '../styles-BHWYKmPT.js';
+
+const splitFileName = (name) => {
+    const dotIndex = name.lastIndexOf('.');
+    // точка в начале (.gitignore) или в конце (file.) — расширения нет, имя целиком
+    if (dotIndex <= 0 || dotIndex === name.length - 1) {
+        return { base: name, extension: '' };
+    }
+    return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };
+};
+const FileName = ({ name }) => {
+    if (typeof name !== 'string') {
+        return jsx(Fragment, { children: name });
+    }
+    const { base, extension } = splitFileName(name);
+    // основа сжимается с многоточием, расширение не сжимается; типографику даёт CellText.
+    // имя без расширения обрезается так же, целиком
+    return (jsxs("span", { className: styles.fileName, children: [jsx("span", { className: styles.fileNameBase, children: base }), extension && jsx("span", { className: styles.fileNameExtension, children: extension })] }));
+};
+const STATUS_ICON = {
+    loading: jsx(Loader, { size: 16 }),
+    loaded: jsx(CheckCircleOutlinedSize16, { initialColor: "positive" }),
+    invalid: jsx(ExclamationTriangleOutlinedSize16, { initialColor: "negative" }),
+};
+const LINK_DEFAULT_PROPS = { typography: 'label-3-regular', inline: true };
+// строку оформляет CellText, а Text, переданный пользователем в name/description, получает те же дефолты.
+// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя
+const NAME_TEXT_PROPS = { typography: 'label-3-regular', style: 'primary', ellipsis: true };
+const DESCRIPTION_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true };
+/** Приложенный к сообщению файл */
+const ChatInputFile = forwardRef(({ 'data-qa': dataQa = 'chat-input-file', description, name, onRemove, preview, previewAlt, removeButtonProps, state = 'loaded', type = 'doc', ...props }, ref) => {
+    const removeLabel = useTranslation('ChatInput', 'removeFile');
+    const isImage = type === 'image';
+    // object URL создаём только для плитки картинки — карточкам он не нужен
+    const previewSrc = useObjectUrl(isImage ? preview : undefined);
+    // битая картинка — показываем заглушку; сбрасывается сменой src или уходом из loaded,
+    // чтобы тот же url (например, ещё не готовое серверное превью) загрузился повторно
+    const [failedSrc, setFailedSrc] = useState();
+    if (state !== 'loaded' && failedSrc !== undefined) {
+        setFailedSrc(undefined);
+    }
+    let content;
+    if (isImage) {
+        const showPreview = state === 'loaded' && !!previewSrc && previewSrc !== failedSrc;
+        let placeholder = null;
+        if (state === 'loading') {
+            placeholder = jsx(Loader, { size: 24 });
+        }
+        else if (!showPreview) {
+            placeholder = jsx(ImageOutlinedSize24, { initialColor: "tertiary" });
+        }
+        content = (jsx("div", { className: classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview }), children: showPreview ? (jsx("img", { className: styles.fileTileImage, src: previewSrc, alt: previewAlt ?? (typeof name === 'string' ? name : ''), onError: () => setFailedSrc(previewSrc) })) : (placeholder) }));
+    }
+    else {
+        const Icon = type === 'video' ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;
+        content = (jsx("div", { className: classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove }), children: jsxs(Cell, { align: "center", horPadding: false, vertPadding: false, left: jsx(Icon, { initialColor: "secondary", backgroundStyle: "secondary", padding: 12, borderRadius: 8 }), children: [!!name && (jsx(CellText, { type: "title", typography: "label-3-regular", style: "primary", maxLines: 1, "data-qa": "chat-input-file-name", children: jsx(TextDefaultPropsContext, { props: NAME_TEXT_PROPS, children: jsx(FileName, { name: name }) }) })), !!description && (jsx(CellText, { type: "subtitle", style: "secondary", maxLines: 1, left: STATUS_ICON[state], "data-qa": "chat-input-file-description", children: jsx(TextDefaultPropsContext, { props: DESCRIPTION_TEXT_PROPS, children: jsx(LinkDefaultPropsContext, { props: LINK_DEFAULT_PROPS, children: description }) }) }))] }) }));
+    }
+    return (jsxs("div", { ...props, className: styles.file, "data-qa": dataQa, ref: ref, children: [content, onRemove && (jsx("span", { className: styles.fileRemove, children: jsx(CrossOutlinedSize16, { "data-qa": "chat-input-file-remove", ...removeButtonProps, "aria-label": removeButtonProps?.['aria-label'] ?? removeLabel, initialColor: "primary", backgroundStyle: "secondary", borderRadius: 8, padding: 2, onClick: onRemove }) }))] }));
+});
+ChatInputFile.displayName = 'ChatInputFile';
+
+export { ChatInputFile };
+//# sourceMappingURL=ChatInputFile.js.map

package/public/ChatInputFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputFile.js","sources":["src/public/ChatInputFile.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type MouseEventHandler, type ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { useObjectUrl } from '@hh.ru/magritte-ui-chat-input/internal/useObjectUrl';\nimport { type ChatInputButtonAria } from '@hh.ru/magritte-ui-chat-input/types';\nimport {\n    CheckCircleOutlinedSize16,\n    CrossOutlinedSize16,\n    DocumentOutlinedSize24,\n    ExclamationTriangleOutlinedSize16,\n    ImageOutlinedSize24,\n    VideocameraOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { LinkDefaultPropsContext } from '@hh.ru/magritte-ui-link';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport type ChatInputFileState = 'loading' | 'loaded' | 'invalid';\n\nexport type ChatInputFileType = 'doc' | 'video' | 'image';\n\nexport interface ChatInputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {\n    /** Имя файла. Если передана строка, при нехватке места обрезается основа имени, а расширение\n     * остаётся видимым целиком */\n    name?: ReactNode;\n    /**\n     * Строка под именем (например, для размера файла или текста ошибки).\n     * Для `type=\"image\"` не отображается\n     */\n    description?: ReactNode;\n    /**\n     * Состояние файла\n     * @default loaded\n     */\n    state?: ChatInputFileState;\n    /**\n     * Тип файла: `doc` и `video` — карточка с иконкой и именем, `image` — квадратное превью\n     * @default doc\n     */\n    type?: ChatInputFileType;\n    /**\n     * Превью, показывается для `type=\"image\"` в состоянии `loaded`: url картинки или сам файл (`File`/`Blob`).\n     * Для файла компонент локально создаёт object URL и сам его отзывает — загружать файл на сервер\n     * ради превью не нужно\n     */\n    preview?: string | Blob;\n    /** Alt превью. По умолчанию — имя файла, если оно строка */\n    previewAlt?: string;\n    /** Обработчик удаления файла. Без него кнопка удаления файла не показывается */\n    onRemove?: MouseEventHandler<HTMLButtonElement>;\n    /** aria/data-qa пропсы кнопки удаления файла. Своя `aria-label` перекрывает дефолтную */\n    removeButtonProps?: ChatInputButtonAria;\n    /**\n     * Значение data-qa\n     * @default chat-input-file\n     */\n    'data-qa'?: string;\n}\n\nconst splitFileName = (name: string): { base: string; extension: string } => {\n    const dotIndex = name.lastIndexOf('.');\n    // точка в начале (.gitignore) или в конце (file.) — расширения нет, имя целиком\n    if (dotIndex <= 0 || dotIndex === name.length - 1) {\n        return { base: name, extension: '' };\n    }\n    return { base: name.slice(0, dotIndex), extension: name.slice(dotIndex) };\n};\n\nconst FileName = ({ name }: { name: ReactNode }) => {\n    if (typeof name !== 'string') {\n        return <>{name}</>;\n    }\n    const { base, extension } = splitFileName(name);\n    // основа сжимается с многоточием, расширение не сжимается; типографику даёт CellText.\n    // имя без расширения обрезается так же, целиком\n    return (\n        <span className={styles.fileName}>\n            <span className={styles.fileNameBase}>{base}</span>\n            {extension && <span className={styles.fileNameExtension}>{extension}</span>}\n        </span>\n    );\n};\n\nconst STATUS_ICON: Record<ChatInputFileState, ReactNode> = {\n    loading: <Loader size={16} />,\n    loaded: <CheckCircleOutlinedSize16 initialColor=\"positive\" />,\n    invalid: <ExclamationTriangleOutlinedSize16 initialColor=\"negative\" />,\n};\n\nconst LINK_DEFAULT_PROPS = { typography: 'label-3-regular', inline: true } as const;\n\n// строку оформляет CellText, а Text, переданный пользователем в name/description, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst NAME_TEXT_PROPS = { typography: 'label-3-regular', style: 'primary', ellipsis: true } as const;\nconst DESCRIPTION_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\n/** Приложенный к сообщению файл */\nexport const ChatInputFile = forwardRef<HTMLDivElement, ChatInputFileProps>(\n    (\n        {\n            'data-qa': dataQa = 'chat-input-file',\n            description,\n            name,\n            onRemove,\n            preview,\n            previewAlt,\n            removeButtonProps,\n            state = 'loaded',\n            type = 'doc',\n            ...props\n        },\n        ref\n    ) => {\n        const removeLabel = useTranslation('ChatInput', 'removeFile');\n        const isImage = type === 'image';\n        // object URL создаём только для плитки картинки — карточкам он не нужен\n        const previewSrc = useObjectUrl(isImage ? preview : undefined);\n        // битая картинка — показываем заглушку; сбрасывается сменой src или уходом из loaded,\n        // чтобы тот же url (например, ещё не готовое серверное превью) загрузился повторно\n        const [failedSrc, setFailedSrc] = useState<string>();\n        if (state !== 'loaded' && failedSrc !== undefined) {\n            setFailedSrc(undefined);\n        }\n\n        let content: ReactNode;\n        if (isImage) {\n            const showPreview = state === 'loaded' && !!previewSrc && previewSrc !== failedSrc;\n            let placeholder: ReactNode = null;\n            if (state === 'loading') {\n                placeholder = <Loader size={24} />;\n            } else if (!showPreview) {\n                placeholder = <ImageOutlinedSize24 initialColor=\"tertiary\" />;\n            }\n            content = (\n                <div className={classNames(styles.fileTile, { [styles.fileTilePlaceholder]: !showPreview })}>\n                    {showPreview ? (\n                        <img\n                            className={styles.fileTileImage}\n                            src={previewSrc}\n                            alt={previewAlt ?? (typeof name === 'string' ? name : '')}\n                            onError={() => setFailedSrc(previewSrc)}\n                        />\n                    ) : (\n                        placeholder\n                    )}\n                </div>\n            );\n        } else {\n            const Icon = type === 'video' ? VideocameraOutlinedSize24 : DocumentOutlinedSize24;\n            content = (\n                <div className={classNames(styles.fileCard, { [styles.fileCardRemovable]: !!onRemove })}>\n                    <Cell\n                        align=\"center\"\n                        horPadding={false}\n                        vertPadding={false}\n                        left={\n                            <Icon initialColor=\"secondary\" backgroundStyle=\"secondary\" padding={12} borderRadius={8} />\n                        }\n                    >\n                        {!!name && (\n                            <CellText\n                                type=\"title\"\n                                typography=\"label-3-regular\"\n                                style=\"primary\"\n                                maxLines={1}\n                                data-qa=\"chat-input-file-name\"\n                            >\n                                <TextDefaultPropsContext props={NAME_TEXT_PROPS}>\n                                    <FileName name={name} />\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                        {!!description && (\n                            <CellText\n                                type=\"subtitle\"\n                                style=\"secondary\"\n                                maxLines={1}\n                                left={STATUS_ICON[state]}\n                                data-qa=\"chat-input-file-description\"\n                            >\n                                <TextDefaultPropsContext props={DESCRIPTION_TEXT_PROPS}>\n                                    <LinkDefaultPropsContext props={LINK_DEFAULT_PROPS}>\n                                        {description}\n                                    </LinkDefaultPropsContext>\n                                </TextDefaultPropsContext>\n                            </CellText>\n                        )}\n                    </Cell>\n                </div>\n            );\n        }\n\n        return (\n            <div {...props} className={styles.file} data-qa={dataQa} ref={ref}>\n                {content}\n                {onRemove && (\n                    <span className={styles.fileRemove}>\n                        <CrossOutlinedSize16\n                            data-qa=\"chat-input-file-remove\"\n                            {...removeButtonProps}\n                            aria-label={removeButtonProps?.['aria-label'] ?? removeLabel}\n                            initialColor=\"primary\"\n                            backgroundStyle=\"secondary\"\n                            borderRadius={8}\n                            padding={2}\n                            onClick={onRemove}\n                        />\n                    </span>\n                )}\n            </div>\n        );\n    }\n);\n\nChatInputFile.displayName = 'ChatInputFile';\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/public/ChatInputFiles.d.ts

@@ -0,0 +1,6 @@
+import { type FC, type ReactNode } from 'react';
+export interface ChatInputFilesProps {
+    /** Файлы (`ChatInput.File`), размещаются в один ряд с возможностью горизонтального скролла */
+    children: ReactNode;
+}
+export declare const ChatInputFiles: FC<ChatInputFilesProps>;

package/public/ChatInputFiles.js

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

package/public/ChatInputFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputFiles.js","sources":["src/public/ChatInputFiles.tsx"],"sourcesContent":["import { isValidElement, type FC, type ReactNode } from 'react';\n\nimport { flattenFragments } from '@hh.ru/magritte-ui-chat-input/internal/flattenFragments';\nimport { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputFilesProps {\n    /** Файлы (`ChatInput.File`), размещаются в один ряд с возможностью горизонтального скролла */\n    children: ReactNode;\n}\n\nexport const ChatInputFiles: FC<ChatInputFilesProps> = ({ children }) => (\n    <div className={styles.filesContainer} data-qa=\"chat-input-files\">\n        {/* область прокрутки выходит за паддинг ChatInput (12px) до его обводки (1px), чтобы файлы\n        обрезались краем компонента, но не перекрывали обводку; в крайних положениях контент отступает\n        от краёв на те же 12px */}\n        <ScrollableContainer correction={11}>\n            {/* в макете у ряда файлов нет краевых фейдов: на десктопе оставляем только кнопки листания,\n            на мобильных фейды и так выключены по умолчанию. Кнопки — на 8px внутрь от края ряда\n            (20px от края ChatInput) и появляются только при наведении на ряд */}\n            <ScrollableContainer.DefaultLayout size=\"small\" noFadeOnDesktop buttonsOffset={8} buttonsOnHover>\n                <ScrollableContainer.Gallery>\n                    <div className={styles.files}>\n                        {/* ключи детей переносим на обёртку, чтобы удаление файла из середины\n                        не сдвигало стейт соседей; при фокусе внутри файла (крестик, с клавиатуры)\n                        подскролливаем к нему */}\n                        {flattenFragments(children).map((child, index) => (\n                            <ScrollableContainer.Item\n                                key={(isValidElement(child) && child.key) || index}\n                                scrollToItemOnFocus\n                            >\n                                {child}\n                            </ScrollableContainer.Item>\n                        ))}\n                    </div>\n                </ScrollableContainer.Gallery>\n            </ScrollableContainer.DefaultLayout>\n        </ScrollableContainer>\n    </div>\n);\n\nChatInputFiles.displayName = 'ChatInputFiles';\n"],"names":["_jsx"],"mappings":";;;;;;MAYa,cAAc,GAA4B,CAAC,EAAE,QAAQ,EAAE,MAChEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAU,SAAA,EAAA,kBAAkB,EAI7D,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAAC,UAAU,EAAE,EAAE,YAI/BA,GAAC,CAAA,mBAAmB,CAAC,aAAa,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,eAAe,EAAC,IAAA,EAAA,aAAa,EAAE,CAAC,EAAE,cAAc,kBAC5FA,GAAC,CAAA,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAIvB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACzCA,GAAA,CAAC,mBAAmB,CAAC,IAAI,EAAA,EAErB,mBAAmB,EAElB,IAAA,EAAA,QAAA,EAAA,KAAK,IAHD,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAI3B,CAC9B,CAAC,EAAA,CACA,GACoB,EACE,CAAA,EAAA,CAClB,EACpB,CAAA,EACR;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/public/ChatInputPreview.js

@@ -1,13 +1,18 @@
 import './../index.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
-import { s as styles } from '../styles-x_6MfT-u.js';
+import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
+import { s as styles } from '../styles-BHWYKmPT.js';
 
 const DEFAULT_ICON_PROPS = {
     initialColor: 'secondary',
     padding: 8,
 };
-const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => (jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: jsxs("div", { className: styles.previewBlock, children: [!!leftActions && jsx("div", { className: styles.previewSide, children: leftActions }), jsxs("div", { className: styles.previewContent, children: [!!title && jsx("div", { className: styles.previewTitle, children: title }), !!subtitle && jsx("div", { className: styles.previewSubtitle, children: subtitle })] }), !!rightActions && jsx("div", { className: styles.previewSide, children: rightActions })] }) }));
+// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.
+// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя
+const TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' };
+const SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true };
+const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => (jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: jsxs("div", { className: styles.previewBlock, children: [!!leftActions && jsx("div", { className: styles.previewSide, children: leftActions }), jsxs("div", { className: styles.previewContent, children: [!!title && (jsx(TextDefaultPropsContext, { props: TITLE_TEXT_PROPS, children: jsx("div", { className: styles.previewTitle, children: title }) })), !!subtitle && (jsx(TextDefaultPropsContext, { props: SUBTITLE_TEXT_PROPS, children: jsx("div", { className: styles.previewSubtitle, children: subtitle }) }))] }), !!rightActions && jsx("div", { className: styles.previewSide, children: rightActions })] }) }));
 ChatInputPreview.displayName = 'ChatInputPreview';
 
 export { ChatInputPreview };

package/public/ChatInputPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n    /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n    title?: ReactNode;\n    /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n    subtitle?: ReactNode;\n    /** Слот левой секции, обычно иконка */\n    leftActions?: ReactNode;\n    /** Слот правой секции, обычно иконка */\n    rightActions?: ReactNode;\n}\n\nconst DEFAULT_ICON_PROPS = {\n    initialColor: 'secondary',\n    padding: 8,\n} as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n        <div className={styles.previewBlock}>\n            {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n            <div className={styles.previewContent}>\n                {!!title && <div className={styles.previewTitle}>{title}</div>}\n                {!!subtitle && <div className={styles.previewSubtitle}>{subtitle}</div>}\n            </div>\n            {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n        </div>\n    </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAiBA,MAAM,kBAAkB,GAAG;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,OAAO,EAAE,CAAC;CACJ,CAAC;MAEE,gBAAgB,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MACtGA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAC9C,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAAA,CAC9B,CAAC,CAAC,WAAW,IAAID,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,EAAA,CAAO,EACzEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aAChC,CAAC,CAAC,KAAK,IAAID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAAG,KAAK,EAAO,CAAA,EAC7D,CAAC,CAAC,QAAQ,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAAG,QAAQ,EAAA,CAAO,IACrE,EACL,CAAC,CAAC,YAAY,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,QAAA,EAAG,YAAY,EAAO,CAAA,CAAA,EAAA,CACzE,EACgB,CAAA,EAC5B;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';\n\nimport styles from '../styles.less';\n\nexport interface ChatInputPreviewProps {\n    /** Заголовок в центральной секции, типографика subtitle-3-semibold */\n    title?: ReactNode;\n    /** Подзаголовок под title, типографика label-3-regular; обрезается многоточием */\n    subtitle?: ReactNode;\n    /** Слот левой секции, обычно иконка */\n    leftActions?: ReactNode;\n    /** Слот правой секции, обычно иконка */\n    rightActions?: ReactNode;\n}\n\nconst DEFAULT_ICON_PROPS = {\n    initialColor: 'secondary',\n    padding: 8,\n} as const;\n\n// строку оформляют стили слота, а Text, переданный пользователем в title/subtitle, получает те же дефолты.\n// ellipsis — для Text: блочный элемент не обрезается text-overflow родителя\nconst TITLE_TEXT_PROPS = { typography: 'subtitle-3-semibold', style: 'primary' } as const;\nconst SUBTITLE_TEXT_PROPS = { typography: 'label-3-regular', style: 'secondary', ellipsis: true } as const;\n\nexport const ChatInputPreview: FC<ChatInputPreviewProps> = ({ title, subtitle, leftActions, rightActions }) => (\n    <IconDefaultPropsContext props={DEFAULT_ICON_PROPS}>\n        <div className={styles.previewBlock}>\n            {!!leftActions && <div className={styles.previewSide}>{leftActions}</div>}\n            <div className={styles.previewContent}>\n                {!!title && (\n                    <TextDefaultPropsContext props={TITLE_TEXT_PROPS}>\n                        <div className={styles.previewTitle}>{title}</div>\n                    </TextDefaultPropsContext>\n                )}\n                {!!subtitle && (\n                    <TextDefaultPropsContext props={SUBTITLE_TEXT_PROPS}>\n                        <div className={styles.previewSubtitle}>{subtitle}</div>\n                    </TextDefaultPropsContext>\n                )}\n            </div>\n            {!!rightActions && <div className={styles.previewSide}>{rightActions}</div>}\n        </div>\n    </IconDefaultPropsContext>\n);\n\nChatInputPreview.displayName = 'ChatInputPreview';\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAkBA,MAAM,kBAAkB,GAAG;AACvB,IAAA,YAAY,EAAE,WAAW;AACzB,IAAA,OAAO,EAAE,CAAC;CACJ,CAAC;AAEX;AACA;AACA,MAAM,gBAAgB,GAAG,EAAE,UAAU,EAAE,qBAAqB,EAAE,KAAK,EAAE,SAAS,EAAW,CAAC;AAC1F,MAAM,mBAAmB,GAAG,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAW,CAAC;AAE9F,MAAA,gBAAgB,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MACtGA,GAAC,CAAA,uBAAuB,EAAC,EAAA,KAAK,EAAE,kBAAkB,EAC9C,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,QAAA,EAAA,CAAA,CAAC,CAAC,WAAW,IAAID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,QAAA,EAAG,WAAW,EAAA,CAAO,EACzEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CAChC,CAAC,CAAC,KAAK,KACJD,GAAA,CAAC,uBAAuB,EAAC,EAAA,KAAK,EAAE,gBAAgB,EAC5C,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAAG,KAAK,EAAA,CAAO,GAC5B,CAC7B,EACA,CAAC,CAAC,QAAQ,KACPA,GAAA,CAAC,uBAAuB,EAAA,EAAC,KAAK,EAAE,mBAAmB,EAAA,QAAA,EAC/CA,aAAK,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAClC,CAAA,CAC7B,CACC,EAAA,CAAA,EACL,CAAC,CAAC,YAAY,IAAIA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,YAAY,EAAO,CAAA,CAAA,EAAA,CACzE,EACgB,CAAA,EAC5B;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/public/getChatInputFileType.d.ts

@@ -0,0 +1,5 @@
+import { type ChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';
+/**
+ * Тип `ChatInput.File` по MIME-типу файла: `image/*` — `image`, `video/*` — `video`, остальное — `doc`
+ */
+export declare const getChatInputFileType: (file: Blob) => ChatInputFileType;

package/public/getChatInputFileType.js

@@ -0,0 +1,16 @@
+import './../index.css';
+/**
+ * Тип `ChatInput.File` по MIME-типу файла: `image/*` — `image`, `video/*` — `video`, остальное — `doc`
+ */
+const getChatInputFileType = (file) => {
+    if (file.type.startsWith('image/')) {
+        return 'image';
+    }
+    if (file.type.startsWith('video/')) {
+        return 'video';
+    }
+    return 'doc';
+};
+
+export { getChatInputFileType };
+//# sourceMappingURL=getChatInputFileType.js.map

package/public/getChatInputFileType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChatInputFileType.js","sources":["src/public/getChatInputFileType.ts"],"sourcesContent":["import { type ChatInputFileType } from '@hh.ru/magritte-ui-chat-input/public/ChatInputFile';\n\n/**\n * Тип `ChatInput.File` по MIME-типу файла: `image/*` — `image`, `video/*` — `video`, остальное — `doc`\n */\nexport const getChatInputFileType = (file: Blob): ChatInputFileType => {\n    if (file.type.startsWith('image/')) {\n        return 'image';\n    }\n    if (file.type.startsWith('video/')) {\n        return 'video';\n    }\n    return 'doc';\n};\n"],"names":[],"mappings":"AAEA;;AAEG;AACU,MAAA,oBAAoB,GAAG,CAAC,IAAU,KAAuB;IAClE,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAChC,QAAA,OAAO,OAAO,CAAC;KAClB;IACD,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAChC,QAAA,OAAO,OAAO,CAAC;KAClB;AACD,IAAA,OAAO,KAAK,CAAC;AACjB;;;;"}

package/styles-BHWYKmPT.js

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

package/styles-BHWYKmPT.js.map

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

package/styles-x_6MfT-u.js

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

package/styles-x_6MfT-u.js.map

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