@epam/ai-dial-conversation-input 1.2.5 → 1.3.0-dev.102

package/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGA6vCjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAalE,wIAAwI;AACxI,eAAO,MAAM,KAAK,oGA2wCjB,CAAC"}

package/index.css

@@ -1,2 +1,3 @@
 ._backdrop_1ym62_8._backdrop_1ym62_8{background:var(--ci-backdrop,var(--bg-backdrop,#161b2d4d))}._sheet_1ym62_12._sheet_1ym62_12{background:var(--ci-sheet-bg,var(--bg-layer-raised,#fcfcfc))}._title_1ym62_16._title_1ym62_16{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._divider_1ym62_20._divider_1ym62_20{border-bottom-color:var(--ci-sheet-divider,var(--stroke-tertiary,#e0e6f0))}._item_1sr2n_1{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_1sr2n_1:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-raised,#fcfcfc))}._item_1sr2n_1:active{background:var(--ci-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._itemIcon_1sr2n_11{color:var(--ci-sheet-icon,var(--text-secondary,#57647a))}._label_14i7c_1{color:var(--csf-label-text,var(--text-primary,#161b2d))!important}._modal_kl0h0_1{background:var(--csm-bg,var(--bg-layer-raised,#fcfcfc))!important}._icon_1fv6z_1{color:var(--tbs-icon-text,var(--text-secondary,#57647a))}._selectedIcon_1fv6z_5{color:var(--tbs-selected-icon-text,var(--text-accent,#1d4ed8))}._toolIcon_ma5s5_1{color:var(--aab-tool-icon,var(--text-secondary,#57647a))}._chevronIcon_ma5s5_5{color:var(--aab-chevron-icon,var(--text-secondary,#57647a))}._chip_1lvv5_1{background:var(--ci-chip-bg,var(--bg-layer-base,#f5f7fa));border-color:var(--ci-chip-border,var(--stroke-secondary,#d1dbea))}._chip_1lvv5_1:hover,._chip_1lvv5_1:focus-visible{background:var(--ci-chip-hover-bg,var(--bg-control-neutral-hover-muted,#e0e6f0))}._chipSelected_1lvv5_9{background:var(--ci-chip-selected-bg,var(--bg-control-accent-alpha,#2764d90f));border-color:var(--ci-chip-selected-border,var(--stroke-accent,#1d4ed8))}._chipSelected_1lvv5_9:hover,._chipSelected_1lvv5_9:focus-visible{background:var(--ci-chip-selected-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}._chipSelected_1lvv5_9 ._chipIcon_1lvv5_16{color:var(--ci-chip-selected-icon,var(--text-accent,#1d4ed8))}._chipSelected_1lvv5_9 ._chipText_1lvv5_19,._chipSelected_1lvv5_9 ._chipState_1lvv5_22{color:var(--ci-chip-selected-text,var(--text-accent,#1d4ed8))}._chipSelected_1lvv5_9 ._chipClose_1lvv5_25{color:var(--ci-chip-close,var(--text-accent,#1d4ed8))}._chipClose_1lvv5_25{color:var(--ci-chip-close,var(--text-secondary,#57647a))}._chipClose_1lvv5_25:hover,._chipClose_1lvv5_25:focus-visible{color:var(--ci-chip-close-hover,var(--text-primary,#161b2d))}._chipIcon_1lvv5_16{color:var(--ci-chip-icon,var(--text-secondary,#57647a))}._chipText_1lvv5_19{color:var(--ci-chip-text,var(--text-primary,#161b2d))}._chipState_1lvv5_22{color:var(--ci-chip-state-text,var(--text-secondary,#57647a))}._wrapper_19a9k_2{background:var(--ci-bg,var(--bg-control-neutral,#fcfcfc));border-color:var(--ci-border,var(--stroke-tertiary,#e0e6f0))}._wrapper_19a9k_2:focus-within,._wrapper_19a9k_2:active{outline-color:var(--ci-border-focus,var(--stroke-accent-focus,#6785fb))}._wrapper_19a9k_2._wrapperDisabled_19a9k_9{color:var(--ci-text-disabled,var(--text-control-disable-primary,#848e9c))}._textarea_19a9k_13{color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_19a9k_13::placeholder{color:var(--ci-placeholder,var(--text-secondary,#57647a))}._textarea_19a9k_13._textareaMentionMode_19a9k_19{color:#0000;caret-color:var(--ci-text,var(--text-primary,#161b2d))}._textarea_19a9k_13._textareaMentionMode_19a9k_19::selection{background-color:#0000}._textarea_19a9k_13:disabled{color:var(--ci-text-disabled,var(--text-control-disable-primary,#848e9c))}._commandHint_19a9k_53{color:var(--ci-placeholder,var(--text-secondary,#57647a))}._mentionHighlight_19a9k_57{background-color:var(--ci-mention-highlight-bg,var(--bg-control-accent-alpha,#2764d90f));color:var(--ci-mention-highlight-text,var(--text-accent,#1d4ed8));border-radius:4px}._mentionHighlightUnsupported_19a9k_63{background-color:var(--ci-mention-highlight-unsupported-bg,var(--bg-error,#f3d6d8));color:var(--ci-mention-highlight-unsupported-text,var(--text-error,#ae2f2f));border-radius:4px}._modelSelectorButton_19a9k_69 ._modelSelectorCaret_19a9k_69{color:var(--ci-model-selector-caret-color,var(--text-primary,#161b2d))}._modelSelectorButton_19a9k_69 ._modelSelectorName_19a9k_72{color:var(--ci-model-selector-name-color,var(--text-primary,#161b2d))}._modelSelectorButton_19a9k_69 ._modelSelectorVersion_19a9k_75{color:var(--ci-model-selector-version-color,var(--text-secondary,#57647a))}._modelSelectorButton_19a9k_69:hover{background:var(--ci-model-selector-hover-bg,var(--bg-control-accent-alpha-hover,#2764d924))}._modelSelectorButton_19a9k_69:active{background:var(--ci-model-selector-hover-bg,var(--bg-control-accent-alpha-active,#2764d933))}._modelSelectorButton_19a9k_69._modelSelectorButtonDisabled_19a9k_84 ._modelSelectorCaret_19a9k_69{color:var(--ci-model-selector-disabled-color,var(--text-control-disable-primary,#848e9c))}._waveformCanvas_18zb5_1{color:var(--ci-voice-waveform,var(--text-primary,#161b2d))}@keyframes _recording-pulse_18zb5_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}._recordingDot_18zb5_15{background:var(--ci-voice-accent,var(--text-error,#ae2f2f));animation:1.2s ease-in-out infinite _recording-pulse_18zb5_1}._searchHeader_1u7db_1{background:var(--ms-search-header-bg,var(--bg-layer-raised,#fcfcfc))}._itemText_1u7db_13._itemText_1u7db_13{color:var(--ms-item-text)}._itemHover_1u7db_17._itemHover_1u7db_17:hover{background:var(--ms-item-hover-bg)}._selectedItemBackground_1u7db_22._selectedItemBackground_1u7db_22:not(:hover){background:var(--ms-selected-item-bg)}._selectedItemText_1u7db_26._selectedItemText_1u7db_26{color:var(--ms-selected-item-text)}._checkIcon_1u7db_30 .dial-kit-menuitem-check{color:var(--ms-check-icon)}._search_5skzl_1{background:var(--ci-sheet-search-bg,transparent)}._divider_5skzl_5{background:var(--ci-sheet-divider,var(--stroke-secondary,#d1dbea))}._item_5skzl_9{color:var(--ci-sheet-text,var(--text-primary,#161b2d))}._item_5skzl_9:hover{background:var(--ci-sheet-item-hover,var(--bg-layer-raised,#fcfcfc))}._item_5skzl_9:active{background:var(--ci-sheet-item-active,var(--bg-control-neutral-active,#d1dbea))}._itemIcon_5skzl_19{color:var(--ci-sheet-icon,var(--text-secondary,#57647a))}._checkIcon_5skzl_23{color:var(--ci-check-icon,var(--text-accent,#1d4ed8))}._stateLabel_5skzl_27{color:var(--ci-sheet-text,var(--text-secondary,#57647a))}._itemSelectedBackground_5skzl_37{background:var(--ci-sheet-selected-bg)}._itemSelectedText_5skzl_41{color:var(--ci-sheet-selected-text)}._welcome_1icyo_1{color:var(--ci-welcome-color,var(--text-primary,#161b2d))}._description_1icyo_5{color:var(--ci-description-color,var(--text-secondary,#57647a))}
-/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-1\/2{left:50%}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.-me-1{margin-inline-end:-.25rem}.-me-4{margin-inline-end:-1rem}.-ms-1{margin-inline-start:-.25rem}.mb-2{margin-bottom:.5rem}.ms-1{margin-inline-start:.25rem}.ms-auto{margin-inline-start:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.contents{display:contents}.hidden{display:none}.size-\[40px\]{height:40px;width:40px}.size-\[8px\]{height:8px;width:8px}.h-11{height:2.75rem}.h-\[1lh\]{height:1lh}.h-\[26px\]{height:26px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[272px\]{max-height:272px}.max-h-\[80dvh\]{max-height:80dvh}.min-h-\[64px\]{min-height:64px}.\!w-\[240px\]{width:240px!important}.\!w-\[368px\]{width:368px!important}.w-0{width:0}.w-\[240px\]{width:240px}.w-\[50px\]{width:50px}.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[180px\]{max-width:180px}.max-w-\[540px\]{max-width:540px}.max-w-\[700px\]{max-width:700px}.max-w-\[748px\]{max-width:748px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-9{gap:2.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:4px}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-transparent{border-color:transparent}.\!bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)!important}.bg-control-accent-alpha-active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-transparent{background-color:transparent}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pe-1{padding-inline-end:.25rem}.pe-2{padding-inline-end:.5rem}.ps-1{padding-inline-start:.25rem}.ps-1\.5{padding-inline-start:.375rem}.ps-2{padding-inline-start:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-text-top{vertical-align:text-top}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}.text-warning{color:var(--text-warning,#7f6300)}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[field-sizing\:content\]{field-sizing:content}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.empty\:hidden:empty{display:none}.focus-within\:outline:focus-within{outline-style:solid;outline-width:1px}.focus-within\:-outline-offset-1:focus-within{outline-offset:-1px}.active\:outline:active{outline-style:solid;outline-width:1px}.active\:-outline-offset-1:active{outline-offset:-1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@media (max-width:1279px){.mobile\:min-h-11{min-height:2.75rem}.mobile\:min-w-11{min-width:2.75rem}.mobile\:pb-8{padding-bottom:2rem}}@media (min-width:1280px){.desktop\:p-5{padding:1.25rem}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.-ms-1{margin-inline-start:-.25rem}.ms-1{margin-inline-start:.25rem}.ms-auto{margin-inline-start:auto}.-me-1{margin-inline-end:-.25rem}.-me-4{margin-inline-end:-1rem}.mb-2{margin-bottom:.5rem}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.\[field-sizing\:content\]{field-sizing:content}.size-\[8px\]{width:8px;height:8px}.size-\[40px\]{width:40px;height:40px}.h-11{height:2.75rem}.h-\[26px\]{height:26px}.h-auto{height:auto}.h-full{height:100%}.h-lh{height:1lh}.h-px{height:1px}.max-h-\[80dvh\]{max-height:80dvh}.max-h-\[272px\]{max-height:272px}.min-h-\[64px\]{min-height:64px}.\!w-\[240px\]{width:240px!important}.\!w-\[368px\]{width:368px!important}.w-0{width:0}.w-\[50px\]{width:50px}.w-\[240px\]{width:240px}.w-\[calc\(100\%\+8px\)\]{width:calc(100% + 8px)}.w-full{width:100%}.max-w-\[180px\]{max-width:180px}.max-w-\[540px\]{max-width:540px}.max-w-\[700px\]{max-width:700px}.max-w-\[748px\]{max-width:748px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-9{gap:2.25rem}.gap-x-1{column-gap:.25rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:4px}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-transparent{border-color:#0000}.\!bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)!important}.bg-control-accent-alpha-active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-transparent{background-color:#0000}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-inline:0}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-4{padding-block:1rem}.py-5{padding-block:1.25rem}.py-\[10px\]{padding-block:10px}.ps-1{padding-inline-start:.25rem}.ps-1\.5{padding-inline-start:.375rem}.ps-2{padding-inline-start:.5rem}.pe-1{padding-inline-end:.25rem}.pe-2{padding-inline-end:.5rem}.pt-2{padding-top:.5rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.text-center{text-align:center}.text-start{text-align:start}.align-text-top{vertical-align:text-top}.tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}.text-warning{color:var(--text-warning,#7f6300)}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 8px 24px 0 var(--tw-shadow-color,var(--shadow-md,#2764d90f));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.empty\:hidden:empty{display:none}.focus-within\:outline:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.focus-within\:-outline-offset-1:focus-within{outline-offset:calc(1px * -1)}.active\:outline:active{outline-style:var(--tw-outline-style);outline-width:1px}.active\:-outline-offset-1:active{outline-offset:calc(1px * -1)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (max-width:1279px){.mobile\:min-h-11{min-height:2.75rem}.mobile\:min-w-11{min-width:2.75rem}.mobile\:pb-8{padding-bottom:2rem}}@media (min-width:1280px){.desktop\:p-5{padding:1.25rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/index.js

@@ -1108,7 +1108,7 @@ var H = {
 			"--ci-chip-close-hover": u?.chipCloseHover
 		}),
 		children: e.map((e) => /* @__PURE__ */ I("div", {
-			className: l(K.chip, e.isSelected && K.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "pe-1 ps-2" : "px-2"),
+			className: l(K.chip, e.isSelected && K.chipSelected, "flex min-w-0 items-center gap-1.5 rounded-full border py-1 transition-colors", r ? "ps-2 pe-1" : "px-2"),
 			children: [/* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: () => t(e.id),
@@ -1128,7 +1128,7 @@ var H = {
 						})]
 					}),
 					d && /* @__PURE__ */ F("span", {
-						className: l(K.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 uppercase tracking-wider"),
+						className: l(K.chipState, s?.fontClassName || "dial-small-paragraph-text", "ms-1 shrink-0 tracking-wider uppercase"),
 						"aria-hidden": !0,
 						children: e.isSelected ? a : o
 					})
@@ -1216,7 +1216,7 @@ var H = {
 		return t.observe(e), () => t.disconnect();
 	}, [b]);
 	let x = /* @__PURE__ */ I("div", {
-		className: "flex flex-shrink-0 items-center justify-end gap-1",
+		className: "flex shrink-0 items-center justify-end gap-1",
 		children: [
 			/* @__PURE__ */ F(E, {
 				icon: /* @__PURE__ */ F(we, {
@@ -1240,7 +1240,7 @@ var H = {
 				className: "mobile:min-h-11 mobile:min-w-11"
 			}),
 			y && /* @__PURE__ */ F("span", {
-				className: "flex size-[40px] flex-shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
+				className: "flex size-[40px] shrink-0 items-center justify-center mobile:min-h-11 mobile:min-w-11",
 				children: /* @__PURE__ */ F(ae, {
 					size: 20,
 					ariaLabel: s
@@ -1389,7 +1389,7 @@ var H = {
 		menuItems: g,
 		menuHeader: z(() => !u && e && e.length > 0 ? /* @__PURE__ */ F("div", {
 			style: c({ "--ms-search-header-bg": i?.colors?.searchHeaderBackground }),
-			className: l("sticky top-0 z-10 pb-1 pe-2 pt-2", jt.searchHeader, i?.searchHeaderClassName, H.modelMenuSearch),
+			className: l("sticky top-0 z-10 pe-2 pt-2 pb-1", jt.searchHeader, i?.searchHeaderClassName, H.modelMenuSearch),
 			children: /* @__PURE__ */ F(j, {
 				value: a,
 				placeholder: r?.searchPlaceholder ?? "Search",
@@ -2023,7 +2023,7 @@ var Xt = {
 				"aria-label": C,
 				"aria-disabled": O || void 0,
 				tooltipProps: { tooltip: e },
-				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 pe-2 ps-1.5", q.modelSelectorButton, k, O && q.modelSelectorButtonDisabled, H.modelSelectorButton),
+				className: l("h-auto min-w-0 gap-1.5 !rounded-full !border-0 px-0 py-1.5 ps-1.5 pe-2", q.modelSelectorButton, k, O && q.modelSelectorButtonDisabled, H.modelSelectorButton),
 				onClick: () => {
 					O || p?.();
 				},
@@ -2031,7 +2031,7 @@ var Xt = {
 				iconAfter: A,
 				textClassName: "min-w-0",
 				label: /* @__PURE__ */ I("span", {
-					className: "flex min-w-0 max-w-[180px] items-baseline gap-1",
+					className: "flex max-w-[180px] min-w-0 items-baseline gap-1",
 					children: [/* @__PURE__ */ F("span", {
 						className: l("dial-small-text max-w-[180px] shrink-0 truncate", q.modelSelectorName),
 						children: w
@@ -2161,7 +2161,9 @@ var Xt = {
 	R(() => {
 		ft == null || pn.current === t || (pn.current = t, X.current?.setSelectionRange(ft, ft), Wt(ft));
 	}, [J]);
-	let { attachments: mn, buildAttachments: hn, addAttachments: gn, resetAttachments: _n, handleRemove: vn, handleRetry: yn, handleExpand: bn, hasBlockedAttachments: xn } = Me({
+	let mn = B(J);
+	mn.current = J;
+	let { attachments: hn, buildAttachments: gn, addAttachments: _n, resetAttachments: vn, handleRemove: yn, handleRetry: bn, handleExpand: xn, hasBlockedAttachments: Sn } = Me({
 		initialAttachments: we,
 		onUploadAttachment: a,
 		onAttachmentsChange: p,
@@ -2172,31 +2174,30 @@ var Xt = {
 		pendingAttachments: me,
 		onPendingAttachmentsConsumed: he,
 		onExpandPastedText: L((e) => {
-			Y((t) => t ? `${t}\n${e}` : e);
-		}, [Y]),
+			let t = mn.current, n = t ? `${t}\n${e}` : e;
+			mn.current = n, Y(n), u?.(n);
+		}, [Y, u]),
 		maximumAttachmentsAmount: xt,
 		baseAttachmentsAmount: Je.length,
 		onAttachmentsLimitExceeded: Tt
-	}), Sn = L((e) => {
-		gn(hn([e]));
-	}, [gn, hn]), Cn = B(!1), wn = B(J);
-	wn.current = J;
-	let [Tn, En] = V({
+	}), Cn = L((e) => {
+		_n(gn([e]));
+	}, [_n, gn]), wn = B(!1), [Tn, En] = V({
 		text: "",
 		revision: 0
 	}), { state: Dn, analyserNodeRef: On, errorMessage: kn, startRecording: An, stopRecording: jn, discardRecording: Mn } = nt({
-		onAttachAudio: Sn,
+		onAttachAudio: Cn,
 		onTranscribeAudio: ze,
 		onTranscript: L((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = wn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				wn.current = n, Y(n), En((e) => ({
+				let e = mn.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				mn.current = n, Y(n), En((e) => ({
 					text: t,
 					revision: e.revision + 1
 				})), Pt.notifyChange(), u?.(n);
 			}
-			Cn.current = !0;
+			wn.current = !0;
 		}, [
 			Y,
 			Pt,
@@ -2205,9 +2206,9 @@ var Xt = {
 		errorLabel: Ue
 	}), $ = Dn === Xe.Recording || Dn === Xe.Processing;
 	R(() => {
-		(Dn === Xe.Error || Dn === Xe.Idle && Cn.current) && (Cn.current = !1, X.current?.focus());
+		(Dn === Xe.Error || Dn === Xe.Idle && wn.current) && (wn.current = !1, X.current?.focus());
 	}, [Dn, X]);
-	let Nn = B(null), Pn = B(null), Fn = Et && Dt, { handlePaste: In } = ue(gn, Fn ? ge : Infinity), Ln = L((e) => {
+	let Nn = B(null), Pn = B(null), Fn = Et && Dt, { handlePaste: In } = ue(_n, Fn ? ge : Infinity), Ln = L((e) => {
 		if (!Fn) {
 			let t = e.clipboardData.getData("text/plain");
 			t.length >= ye && kt?.(t.length, ye);
@@ -2221,7 +2222,7 @@ var Xt = {
 		kt,
 		In,
 		G
-	]), Rn = J.trim().length > 0 || mn.length > 0, zn = Rn && !xn && !Pe && !$, [Bn, Vn] = V([]);
+	]), Rn = J.trim().length > 0 || hn.length > 0, zn = Rn && !Sn && !Pe && !$, [Bn, Vn] = V([]);
 	R(() => {
 		Vn([]);
 	}, [(et ?? []).map((e) => e.id).join("|")]);
@@ -2240,14 +2241,14 @@ var Xt = {
 			kt?.(J.length, ye);
 			return;
 		}
-		let e = J, t = mn;
+		let e = J, t = hn;
 		Y(""), Pt.reset();
 		try {
 			await i?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), _n([]);
+			}), vn([]);
 		} catch {
-			Y(e), _n(t);
+			Y(e), vn(t);
 		}
 	}, qn = (e) => We === rt.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey, Jn = (e) => {
 		if (!Bt || e.nativeEvent.isComposing) return !1;
@@ -2281,8 +2282,8 @@ var Xt = {
 	}, Xn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = hn(t);
-		e.target.value = "", gn(n);
+		let n = gn(t);
+		e.target.value = "", _n(n);
 	}, Zn = z(() => {
 		let e = [];
 		return Q != null && e.push({
@@ -2290,7 +2291,7 @@ var Xt = {
 			node: /* @__PURE__ */ F("span", {
 				ref: sn,
 				"aria-hidden": !0,
-				className: "inline-block h-[1lh] w-0 align-text-top"
+				className: "inline-block h-lh w-0 align-text-top"
 			}, "caret-marker")
 		}), on && G != null && rn != null && e.push({
 			offset: rn,
@@ -2318,8 +2319,8 @@ var Xt = {
 		Q,
 		J
 	]);
-	let rr = /* @__PURE__ */ F("textarea", {
-		className: l(q.textarea, Qn && q.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent pe-1 ps-1 outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+	let rr = /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("textarea", {
+		className: l(q.textarea, Qn && q.textareaMentionMode, N?.fontClassName || "dial-body-paragraph-text", "relative z-0 [field-sizing:content] max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent ps-1 pe-1 outline-hidden", "disabled:cursor-not-allowed"),
 		ref: X,
 		autoFocus: pt,
 		value: J,
@@ -2346,7 +2347,7 @@ var Xt = {
 		disabled: W,
 		readOnly: $,
 		rows: 1
-	}), ir = G == null ? rr : /* @__PURE__ */ I(P, { children: [rr, /* @__PURE__ */ F("div", {
+	}), G != null && /* @__PURE__ */ F("div", {
 		"aria-hidden": !0,
 		className: l("pointer-events-none absolute", N?.fontClassName || "dial-body-paragraph-text"),
 		style: {
@@ -2377,15 +2378,15 @@ var Xt = {
 			}),
 			children: /* @__PURE__ */ F("span", {
 				"aria-hidden": !0,
-				className: "inline-block h-[1lh] w-0"
+				className: "inline-block h-lh w-0"
 			})
 		})
-	})] }), ar = /* @__PURE__ */ I("div", {
+	})] }), ir = /* @__PURE__ */ I("div", {
 		ref: cn,
-		className: "relative -me-1 -ms-1 w-[calc(100%+8px)]",
+		className: "relative -ms-1 -me-1 w-[calc(100%+8px)]",
 		children: [Qn && /* @__PURE__ */ I("div", {
 			ref: $n,
-			className: l(q.textarea, N?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden whitespace-pre-wrap pe-1 ps-1 [overflow-wrap:anywhere]"),
+			className: l(q.textarea, N?.fontClassName || "dial-body-paragraph-text", "pointer-events-none absolute inset-0 z-10 max-h-[272px] w-full overflow-hidden ps-1 pe-1 [overflow-wrap:anywhere] whitespace-pre-wrap"),
 			children: [He(J, Ft, Zn, q.mentionHighlight, q.mentionHighlightUnsupported), er.map((e, t) => /* @__PURE__ */ F("div", {
 				"aria-hidden": !0,
 				className: "pointer-events-none absolute rounded-sm bg-control-accent-alpha-active",
@@ -2396,8 +2397,8 @@ var Xt = {
 					height: e.height
 				}
 			}, `selection-${t}`))]
-		}), ir]
-	}), or = Te ? void 0 : /* @__PURE__ */ F(ht, {
+		}), rr]
+	}), ar = Te ? void 0 : /* @__PURE__ */ F(ht, {
 		onAttachClick: Ee ? void 0 : () => Nn.current?.click(),
 		attachLabel: g,
 		addMenuTitle: C,
@@ -2415,10 +2416,10 @@ var Xt = {
 		toolsBackLabel: st,
 		menuOverlays: lt,
 		getCaretPosition: () => X.current?.selectionStart ?? J.length
-	}), sr = Oe === it.Inline && (!jt || je), cr = or && /* @__PURE__ */ F("div", {
+	}), or = Oe === it.Inline && (!jt || je), sr = ar && /* @__PURE__ */ F("div", {
 		className: l("flex", H.addCluster),
-		children: or
-	}), lr = Hn.length > 0 && tt != null && /* @__PURE__ */ F("div", {
+		children: ar
+	}), cr = Hn.length > 0 && tt != null && /* @__PURE__ */ F("div", {
 		className: l("min-w-0 flex-1", H.toolsChips),
 		children: /* @__PURE__ */ F(_t, {
 			items: Hn,
@@ -2435,13 +2436,13 @@ var Xt = {
 		style: Lt,
 		className: l(q.wrapper, W && q.wrapperDisabled, W && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "p-4 focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", de, H.wrapper),
 		children: [
-			(Je.length > 0 || mn.length > 0) && /* @__PURE__ */ F(se, {
-				attachments: [...Je, ...mn],
+			(Je.length > 0 || hn.length > 0) && /* @__PURE__ */ F(se, {
+				attachments: [...Je, ...hn],
 				onRemove: (e) => {
-					Je.some((t) => t.id === e) ? Qe?.(e) : vn(e);
+					Je.some((t) => t.id === e) ? Qe?.(e) : yn(e);
 				},
-				onRetry: yn,
-				onExpand: bn,
+				onRetry: bn,
+				onExpand: xn,
 				labels: {
 					removeLabel: E,
 					retryLabel: D,
@@ -2451,10 +2452,10 @@ var Xt = {
 				},
 				styles: {
 					...ce,
-					className: l(mn.length > 6 && "-me-4", ce?.className)
+					className: l(hn.length > 6 && "-me-4", ce?.className)
 				},
 				onAttachmentClick: yt == null ? void 0 : (e) => {
-					let t = [...Je, ...mn].find((t) => t.id === e);
+					let t = [...Je, ...hn].find((t) => t.id === e);
 					t != null && yt(t);
 				}
 			}),
@@ -2470,7 +2471,7 @@ var Xt = {
 			}),
 			kn && /* @__PURE__ */ F(x, {
 				text: kn,
-				className: "min-w-0 break-words px-1"
+				className: "min-w-0 px-1 wrap-break-word"
 			}),
 			$ && /* @__PURE__ */ F(St, {
 				embedded: !0,
@@ -2478,26 +2479,26 @@ var Xt = {
 				analyserNodeRef: On,
 				onStop: jn,
 				onDiscard: Mn,
-				attachButton: or,
+				attachButton: ar,
 				stopLabel: ae,
 				discardLabel: oe,
 				processingLabel: Be
 			}),
-			!$ && De && ar,
-			!$ && !De && sr && lr && /* @__PURE__ */ F("div", {
+			!$ && De && ir,
+			!$ && !De && or && cr && /* @__PURE__ */ F("div", {
 				className: "flex",
-				children: lr
+				children: cr
 			}),
 			!$ && !De && /* @__PURE__ */ I("div", {
-				className: l("flex items-center gap-2", sr ? "flex-nowrap" : "flex-wrap", H.actionRow),
+				className: l("flex items-center gap-2", or ? "flex-nowrap" : "flex-wrap", H.actionRow),
 				children: [
-					sr && cr,
+					or && sr,
 					/* @__PURE__ */ F("div", {
-						className: l("flex min-w-0 items-center self-stretch", sr ? "flex-1" : "w-full", H.textareaWrap),
-						children: ar
+						className: l("flex min-w-0 items-center self-stretch", or ? "flex-1" : "w-full", H.textareaWrap),
+						children: ir
 					}),
-					!sr && cr,
-					!sr && lr,
+					!or && sr,
+					!or && cr,
 					/* @__PURE__ */ F("div", {
 						className: l("ms-auto flex flex-shrink-0 items-center gap-2", H.footerActions),
 						children: U ? U({
@@ -2528,7 +2529,7 @@ var Xt = {
 								}),
 								"aria-label": re,
 								tooltipProps: { tooltip: re },
-								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
+								className: "size-[40px] shrink-0 mobile:min-h-11 mobile:min-w-11",
 								onClick: () => An(Ze.Dictation),
 								disabled: W || s
 							}),
@@ -2729,7 +2730,7 @@ var rn = {
 				className: l("flex shrink-0", u),
 				children: /* @__PURE__ */ F(c, { size: 24 })
 			}), /* @__PURE__ */ I("div", {
-				className: "flex min-w-0 flex-row flex-wrap items-baseline gap-x-1 break-words text-primary",
+				className: "flex min-w-0 flex-row flex-wrap items-baseline gap-x-1 wrap-break-word text-primary",
 				children: [/* @__PURE__ */ F("span", {
 					className: a,
 					children: t

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-input",
   "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
-  "version": "1.2.5",
+  "version": "1.3.0-dev.102",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,12 +19,12 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.5"
+    "@epam/ai-dial-attachment-input": "1.3.0-dev.102"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.5",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.102",
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.15.4"
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.16"
   },
   "repository": {
     "type": "git",