@hh.ru/magritte-ui-chat-input 1.2.4 → 1.2.6

package/index.css

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

package/index.js

@@ -10,7 +10,7 @@ import './internal/ChatInputContext.js';
 import './internal/ModeTransition.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
-import './styles-DofLkp5v.js';
+import './styles-gJZrDKPH.js';
 import './internal/TextInput.js';
 import './internal/useSendOnEnter.js';
 import '@hh.ru/magritte-common-keyboard';
@@ -30,6 +30,7 @@ import './internal/voiceSlotRegistry.js';
 import '@hh.ru/magritte-internal-slot-registry';
 import './public/ChatInputChips.js';
 import './internal/flattenFragments.js';
+import './slotDefaults.js';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-scrollable-container';
 import './public/ChatInputFile.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/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-DofLkp5v.js';
+import { s as styles } from '../styles-gJZrDKPH.js';
 
 const EASE_BASE = CoreTokens["magritte-semantic-animation-ease-base"];
 const MODE_TRANSITION_DURATION_MS = CoreTokens["magritte-semantic-animation-time-s"].duration;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-input",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -17,7 +17,11 @@
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
     "test:types": "yarn root:test:types $(pwd)",
-    "watch": "yarn root:watch $(pwd)"
+    "watch": "yarn root:watch $(pwd)",
+    "figma-publish": "yarn root:figma-publish $(pwd)",
+    "figma-unpublish": "yarn root:figma-unpublish $(pwd)",
+    "figma-snapshot-check": "yarn root:figma-snapshot $(pwd)",
+    "figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -35,13 +39,13 @@
     "@hh.ru/magritte-design-tokens": "26.0.2",
     "@hh.ru/magritte-internal-slot-registry": "1.1.2",
     "@hh.ru/magritte-ui-cell": "7.3.4",
-    "@hh.ru/magritte-ui-chips": "7.0.48",
+    "@hh.ru/magritte-ui-chips": "7.0.49",
     "@hh.ru/magritte-ui-icon": "15.1.6",
     "@hh.ru/magritte-ui-link": "7.2.7",
     "@hh.ru/magritte-ui-loader": "4.1.7",
-    "@hh.ru/magritte-ui-scrollable-container": "6.5.4",
+    "@hh.ru/magritte-ui-scrollable-container": "6.5.5",
     "@hh.ru/magritte-ui-scrollbar": "1.0.40",
     "@hh.ru/magritte-ui-typography": "5.3.17"
   },
-  "gitHead": "33dbaa1dc9b9705e925ffc9f6fcc7a0dc153bd36"
+  "gitHead": "ca948a3b83c1141cea0f32e35a9d4dc56f8d0077"
 }

package/public/ChatInput.js

@@ -18,8 +18,9 @@ import { ChatInputFiles } from './ChatInputFiles.js';
 import { ChatInputPreview } from './ChatInputPreview.js';
 import { ChatInputSendButton } from './ChatInputSendButton.js';
 import { ChatInputVoiceButton } from './ChatInputVoiceButton.js';
+import { CHAT_INPUT_SLOT_ICON_DEFAULTS } from '../slotDefaults.js';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
-import { s as styles } from '../styles-DofLkp5v.js';
+import { s as styles } from '../styles-gJZrDKPH.js';
 import 'motion/react';
 import '@hh.ru/magritte-design-tokens/core-tokens';
 import '../internal/useSendOnEnter.js';
@@ -41,11 +42,6 @@ import '../internal/useObjectUrl.js';
 import '@hh.ru/magritte-ui-link';
 import '../internal/ChatInputSlotButton.js';
 
-const DEFAULT_ICON_PROPS = {
-  borderRadius: 12,
-  padding: 8,
-  initialColor: "secondary"
-};
 const ChatInputInner = ({
   leftActions,
   rightActions,
@@ -160,8 +156,8 @@ const ChatInputInner = ({
                     hasBothSideControls: !!leftActions && !!rightActions
                   }
                 ),
-                !!rightActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.right, ...focusPriorityProps(FOCUS_PRIORITY.rightSlot), children: rightActions }) }),
-                !!leftActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.left, ...focusPriorityProps(FOCUS_PRIORITY.leftSlot), children: leftActions }) }),
+                !!rightActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_SLOT_ICON_DEFAULTS, children: /* @__PURE__ */ jsx("div", { className: styles.right, ...focusPriorityProps(FOCUS_PRIORITY.rightSlot), children: rightActions }) }),
+                !!leftActions && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_SLOT_ICON_DEFAULTS, children: /* @__PURE__ */ jsx("div", { className: styles.left, ...focusPriorityProps(FOCUS_PRIORITY.leftSlot), children: leftActions }) }),
                 !!centralActions && /* @__PURE__ */ jsx("div", { className: styles.central, ...focusPriorityProps(FOCUS_PRIORITY.centralSlot), children: centralActions }),
                 !!preview && /* @__PURE__ */ jsx("div", { className: styles.preview, ...focusPriorityProps(FOCUS_PRIORITY.previewSlot), children: preview })
               ]

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 { 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":[],"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 { CHAT_INPUT_SLOT_ICON_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\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\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={CHAT_INPUT_SLOT_ICON_DEFAULTS}>\n                                        <div className={styles.right} {...focusPriorityProps(FOCUS_PRIORITY.rightSlot)}>\n                                            {rightActions}\n                                        </div>\n                                    </IconDefaultPropsContext>\n                                )}\n                                {!!leftActions && (\n                                    <IconDefaultPropsContext props={CHAT_INPUT_SLOT_ICON_DEFAULTS}>\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":[],"mappings":"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"}

package/public/ChatInputChips.js

@@ -2,12 +2,12 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 import { flattenFragments } from '../internal/flattenFragments.js';
+import { CHAT_INPUT_CHIP_DEFAULTS } from '../slotDefaults.js';
 import { ChipDefaultPropsContext } from '@hh.ru/magritte-ui-chips';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from '../styles-DofLkp5v.js';
+import { s as styles } from '../styles-gJZrDKPH.js';
 
-const CHIP_DEFAULT_PROPS = { size: "extra-small" };
-const ChatInputChips = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.chipsContainer, children: /* @__PURE__ */ jsx(ChipDefaultPropsContext, { props: CHIP_DEFAULT_PROPS, children: /* @__PURE__ */ jsx(ScrollableContainer, { children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(ScrollableContainer.Item, { children: child }, isValidElement(child) && child.key || index)) }) }) }) }) }) });
+const ChatInputChips = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.chipsContainer, children: /* @__PURE__ */ jsx(ChipDefaultPropsContext, { props: CHAT_INPUT_CHIP_DEFAULTS, children: /* @__PURE__ */ jsx(ScrollableContainer, { children: /* @__PURE__ */ jsx(ScrollableContainer.DefaultLayout, { size: "small", fadeOnMobile: true, children: /* @__PURE__ */ jsx(ScrollableContainer.Gallery, { children: /* @__PURE__ */ jsx("div", { className: styles.chips, children: flattenFragments(children).map((child, index) => /* @__PURE__ */ jsx(ScrollableContainer.Item, { children: child }, isValidElement(child) && child.key || index)) }) }) }) }) }) });
 ChatInputChips.displayName = "ChatInputChips";
 
 export { ChatInputChips };

package/public/ChatInputChips.js.map

@@ -1 +1 @@
-{"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":[],"mappings":";;;;;;;AAaA,MAAM,kBAAA,GAAqB,EAAE,IAAA,EAAM,aAAc,EAAA,CAAA;AAEpC,MAAA,cAAA,GAA0C,CAAC,EAAE,QAAS,EAAA,qBAC9D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,oBAC5B,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EACG,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,aAApB,EAAA,EAAkC,IAAK,EAAA,OAAA,EAAQ,YAAY,EAAA,IAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACG,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EAGlB,QAAiB,EAAA,gBAAA,CAAA,QAAQ,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KACpC,qBAAA,GAAA,CAAC,mBAAoB,CAAA,IAAA,EAApB,EACI,QAAA,EAAA,KAAA,EAAA,EAD2B,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,GAAQ,IAAA,KAEvE,CACH,CAAA,EACL,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,EAAA;AAGJ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}
+{"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 { CHAT_INPUT_CHIP_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\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\nexport const ChatInputChips: FC<ChatInputChipsProps> = ({ children }) => (\n    <div className={styles.chipsContainer}>\n        <ChipDefaultPropsContext props={CHAT_INPUT_CHIP_DEFAULTS}>\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":[],"mappings":";;;;;;;;AAca,MAAA,cAAA,GAA0C,CAAC,EAAE,QAAS,EAAA,qBAC9D,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,0BAC5B,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA,EACG,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,aAApB,EAAA,EAAkC,IAAK,EAAA,OAAA,EAAQ,YAAY,EAAA,IAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACG,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,KAAA,EAGlB,QAAiB,EAAA,gBAAA,CAAA,QAAQ,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KACpC,qBAAA,GAAA,CAAC,mBAAoB,CAAA,IAAA,EAApB,EACI,QAAA,EAAA,KAAA,EAAA,EAD2B,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,GAAQ,IAAA,KAEvE,CACH,CAAA,EACL,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,CAAA,EACJ,CACJ,EAAA,EAAA;AAGJ,cAAA,CAAe,WAAc,GAAA,gBAAA;;;;"}

package/public/ChatInputFile.js

@@ -9,7 +9,7 @@ import { CrossOutlinedSize16, CheckCircleOutlinedSize16, ExclamationTriangleOutl
 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-DofLkp5v.js';
+import { s as styles } from '../styles-gJZrDKPH.js';
 
 const splitFileName = (name) => {
   const dotIndex = name.lastIndexOf(".");

package/public/ChatInputFiles.js

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

package/public/ChatInputPreview.js

@@ -1,16 +1,13 @@
 import './../index.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { CHAT_INPUT_PREVIEW_ICON_DEFAULTS } from '../slotDefaults.js';
 import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { TextDefaultPropsContext } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from '../styles-DofLkp5v.js';
+import { s as styles } from '../styles-gJZrDKPH.js';
 
-const DEFAULT_ICON_PROPS = {
-  initialColor: "secondary",
-  padding: 8
-};
 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 }) => /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: DEFAULT_ICON_PROPS, children: /* @__PURE__ */ jsxs("div", { className: styles.previewBlock, children: [
+const ChatInputPreview = ({ title, subtitle, leftActions, rightActions }) => /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: CHAT_INPUT_PREVIEW_ICON_DEFAULTS, children: /* @__PURE__ */ jsxs("div", { className: styles.previewBlock, children: [
   !!leftActions && /* @__PURE__ */ jsx("div", { className: styles.previewSide, children: leftActions }),
   /* @__PURE__ */ jsxs("div", { className: styles.previewContent, children: [
     !!title && /* @__PURE__ */ jsx(TextDefaultPropsContext, { props: TITLE_TEXT_PROPS, children: /* @__PURE__ */ jsx("div", { className: styles.previewTitle, children: title }) }),

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';\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":[],"mappings":";;;;;AAkBA,MAAM,kBAAqB,GAAA;AAAA,EACvB,YAAc,EAAA,WAAA;AAAA,EACd,OAAS,EAAA,CAAA;AACb,CAAA,CAAA;AAIA,MAAM,gBAAmB,GAAA,EAAE,UAAY,EAAA,qBAAA,EAAuB,OAAO,SAAU,EAAA,CAAA;AAC/E,MAAM,sBAAsB,EAAE,UAAA,EAAY,mBAAmB,KAAO,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA,CAAA;AAEzF,MAAM,mBAA8C,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,aAAa,YAAa,EAAA,qBACpG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,kBAC5B,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAClB,EAAA,QAAA,EAAA;AAAA,EAAA,CAAC,CAAC,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,kBAClE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cAClB,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,KAAA,oBACE,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,gBAAA,EAC5B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YAAe,EAAA,QAAA,EAAA,KAAA,EAAM,CAChD,EAAA,CAAA;AAAA,IAEH,CAAC,CAAC,QACC,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,mBAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAkB,oBAAS,CACtD,EAAA,CAAA;AAAA,GAER,EAAA,CAAA;AAAA,EACC,CAAC,CAAC,YAAgB,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,CAAA,EACzE,CACJ,EAAA,EAAA;AAGJ,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}
+{"version":3,"file":"ChatInputPreview.js","sources":["src/public/ChatInputPreview.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react';\n\nimport { CHAT_INPUT_PREVIEW_ICON_DEFAULTS } from '@hh.ru/magritte-ui-chat-input/slotDefaults';\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\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={CHAT_INPUT_PREVIEW_ICON_DEFAULTS}>\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":[],"mappings":";;;;;;AAqBA,MAAM,gBAAmB,GAAA,EAAE,UAAY,EAAA,qBAAA,EAAuB,OAAO,SAAU,EAAA,CAAA;AAC/E,MAAM,sBAAsB,EAAE,UAAA,EAAY,mBAAmB,KAAO,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA,CAAA;AAEzF,MAAM,mBAA8C,CAAC,EAAE,KAAO,EAAA,QAAA,EAAU,aAAa,YAAa,EAAA,qBACpG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,gCAC5B,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAClB,EAAA,QAAA,EAAA;AAAA,EAAA,CAAC,CAAC,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,kBAClE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cAClB,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,KAAA,oBACE,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,gBAAA,EAC5B,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YAAe,EAAA,QAAA,EAAA,KAAA,EAAM,CAChD,EAAA,CAAA;AAAA,IAEH,CAAC,CAAC,QACC,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,mBAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAA,EAAkB,oBAAS,CACtD,EAAA,CAAA;AAAA,GAER,EAAA,CAAA;AAAA,EACC,CAAC,CAAC,YAAgB,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAc,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,CAAA,EACzE,CACJ,EAAA,EAAA;AAGJ,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/slotDefaults.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Пропы, которые ChatInput и его части сами проставляют вложенному содержимому слотов.
+ *
+ * Вынесено отдельным модулем не ради переиспользования в рантайме — у каждого значения читатель там один.
+ * Второй читатель — Code Connect-шаблоны пакета (`figma/*`): они объявляют эти же значения контекстом для
+ * вложенных иконок и чипсов, чтобы сниппет не повторял проп, который компонент и так подставляет. Значение,
+ * скопированное в шаблон литералом, разъезжается молча: поменяли здесь — сниппет продолжает публиковать
+ * прежнее, и ни сборка, ни рендер об этом не скажут.
+ *
+ * Модуль обязан оставаться чистыми данными без импортов рантайма (React, стили): шаблон инлайнится сборщиком,
+ * и всё, что сюда попадёт, поедет в бандл каждого энтри.
+ */
+/** Иконки в `leftActions` / `rightActions` ChatInput */
+export declare const CHAT_INPUT_SLOT_ICON_DEFAULTS: {
+    readonly borderRadius: 12;
+    readonly padding: 8;
+    readonly initialColor: 'secondary';
+};
+/** Иконки в `leftActions` / `rightActions` ChatInput.Preview */
+export declare const CHAT_INPUT_PREVIEW_ICON_DEFAULTS: {
+    readonly initialColor: 'secondary';
+    readonly padding: 8;
+};
+/** Чипсы в ChatInput.Chips */
+export declare const CHAT_INPUT_CHIP_DEFAULTS: {
+    readonly size: 'extra-small';
+};

package/slotDefaults.js

@@ -0,0 +1,14 @@
+import './index.css';
+const CHAT_INPUT_SLOT_ICON_DEFAULTS = {
+  borderRadius: 12,
+  padding: 8,
+  initialColor: "secondary"
+};
+const CHAT_INPUT_PREVIEW_ICON_DEFAULTS = {
+  initialColor: "secondary",
+  padding: 8
+};
+const CHAT_INPUT_CHIP_DEFAULTS = { size: "extra-small" };
+
+export { CHAT_INPUT_CHIP_DEFAULTS, CHAT_INPUT_PREVIEW_ICON_DEFAULTS, CHAT_INPUT_SLOT_ICON_DEFAULTS };
+//# sourceMappingURL=slotDefaults.js.map

package/slotDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotDefaults.js","sources":["src/slotDefaults.ts"],"sourcesContent":["/**\n * Пропы, которые ChatInput и его части сами проставляют вложенному содержимому слотов.\n *\n * Вынесено отдельным модулем не ради переиспользования в рантайме — у каждого значения читатель там один.\n * Второй читатель — Code Connect-шаблоны пакета (`figma/*`): они объявляют эти же значения контекстом для\n * вложенных иконок и чипсов, чтобы сниппет не повторял проп, который компонент и так подставляет. Значение,\n * скопированное в шаблон литералом, разъезжается молча: поменяли здесь — сниппет продолжает публиковать\n * прежнее, и ни сборка, ни рендер об этом не скажут.\n *\n * Модуль обязан оставаться чистыми данными без импортов рантайма (React, стили): шаблон инлайнится сборщиком,\n * и всё, что сюда попадёт, поедет в бандл каждого энтри.\n */\n\n/** Иконки в `leftActions` / `rightActions` ChatInput */\nexport const CHAT_INPUT_SLOT_ICON_DEFAULTS = {\n    borderRadius: 12,\n    padding: 8,\n    initialColor: 'secondary',\n} as const;\n\n/** Иконки в `leftActions` / `rightActions` ChatInput.Preview */\nexport const CHAT_INPUT_PREVIEW_ICON_DEFAULTS = {\n    initialColor: 'secondary',\n    padding: 8,\n} as const;\n\n/** Чипсы в ChatInput.Chips */\nexport const CHAT_INPUT_CHIP_DEFAULTS = { size: 'extra-small' } as const;\n"],"names":[],"mappings":"AAcO,MAAM,6BAAgC,GAAA;AAAA,EACzC,YAAc,EAAA,EAAA;AAAA,EACd,OAAS,EAAA,CAAA;AAAA,EACT,YAAc,EAAA,WAAA;AAClB,EAAA;AAGO,MAAM,gCAAmC,GAAA;AAAA,EAC5C,YAAc,EAAA,WAAA;AAAA,EACd,OAAS,EAAA,CAAA;AACb,EAAA;AAGa,MAAA,wBAAA,GAA2B,EAAE,IAAA,EAAM,aAAc;;;;"}

package/styles-gJZrDKPH.js

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

package/styles-gJZrDKPH.js.map

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

package/styles-DofLkp5v.js

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

package/styles-DofLkp5v.js.map

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