@breadstone/mosaik-elements-svelte 0.1.70 → 0.1.71

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.71 (2026-08-06)
+
+### 🚀 Features
+
+- **chat:** update appearance and variant properties for Chat components ([c3c3f36ec5](https://github.com/RueDeRennes/mosaik/commit/c3c3f36ec5))
+
 ## 0.1.70 (2026-08-06)
 
 ### 🚀 Features

package/index.mjs

@@ -38073,6 +38073,18 @@ function sO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38080,6 +38092,7 @@ function sO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -38359,6 +38372,18 @@ function cO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38366,6 +38391,7 @@ function cO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -38868,6 +38894,18 @@ function lO() {
   resize: none;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -38875,6 +38913,7 @@ function lO() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--textbox-padding-left) - var(--textbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -69187,6 +69226,18 @@ function LI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69194,6 +69245,7 @@ function LI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -69416,6 +69468,18 @@ function RI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69423,6 +69487,7 @@ function RI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -69863,6 +69928,18 @@ function zI() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -69870,6 +69947,7 @@ function zI() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--chipbox-padding-left) - var(--chipbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -74263,6 +74341,18 @@ function QL() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -74270,6 +74360,7 @@ function QL() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -74507,6 +74598,18 @@ function $L() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -74514,6 +74617,7 @@ function $L() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -75005,6 +75109,18 @@ function eR() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -75012,6 +75128,7 @@ function eR() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--numberbox-padding-left) - var(--numberbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80125,6 +80242,18 @@ function ez() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80132,6 +80261,7 @@ function ez() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80364,6 +80494,18 @@ function tz() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80371,6 +80513,7 @@ function tz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -80821,6 +80964,18 @@ function nz() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -80828,6 +80983,7 @@ function nz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--colorbox-padding-left) - var(--colorbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -82815,6 +82971,18 @@ function Ez() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -82822,6 +82990,7 @@ function Ez() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -83059,6 +83228,18 @@ function Dz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -83066,6 +83247,7 @@ function Dz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -83417,6 +83599,18 @@ function Oz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -83424,6 +83618,7 @@ function Oz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datebox-padding-left) - var(--datebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -84973,6 +85168,18 @@ function Hz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -84980,6 +85187,7 @@ function Hz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -85253,6 +85461,18 @@ function Uz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -85260,6 +85480,7 @@ function Uz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -85730,6 +85951,18 @@ function Wz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -85737,6 +85970,7 @@ function Wz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--datetimebox-padding-left) - var(--datetimebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -86690,6 +86924,18 @@ function Xz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -86697,6 +86943,7 @@ function Xz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -86952,6 +87199,18 @@ function Zz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -86959,6 +87218,7 @@ function Zz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -87455,6 +87715,18 @@ function Qz() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -87462,6 +87734,7 @@ function Qz() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--durationbox-padding-left) - var(--durationbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88038,6 +88311,18 @@ function iB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88045,6 +88330,7 @@ function iB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88261,6 +88547,18 @@ function aB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88268,6 +88566,7 @@ function aB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -88691,6 +88990,18 @@ function oB() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -88698,6 +89009,7 @@ function oB() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--filebox-padding-left) - var(--filebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -94964,6 +95276,18 @@ function eH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -94971,6 +95295,7 @@ function eH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -95186,6 +95511,18 @@ function tH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -95193,6 +95530,7 @@ function tH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -95615,6 +95953,18 @@ function nH() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -95622,6 +95972,7 @@ function nH() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--passwordbox-padding-left) - var(--passwordbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101369,6 +101720,18 @@ function RU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101376,6 +101739,7 @@ function RU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101578,6 +101942,18 @@ function zU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101585,6 +101961,7 @@ function zU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -101854,6 +102231,18 @@ function BU() {
   overflow-y: auto;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -101861,6 +102250,7 @@ function BU() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--prompt-box-padding-left) - var(--prompt-box-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -105326,6 +105716,18 @@ function KW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -105333,6 +105735,7 @@ function KW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -105575,6 +105978,18 @@ function qW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -105582,6 +105997,7 @@ function qW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -106056,6 +106472,18 @@ function JW() {
   transition-property: inherit;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -106063,6 +106491,7 @@ function JW() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--richtextbox-padding-left) - var(--richtextbox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -120173,6 +120602,18 @@ function Lq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120180,6 +120621,7 @@ function Lq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -120432,6 +120874,18 @@ function Rq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120439,6 +120893,7 @@ function Rq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -120891,6 +121346,18 @@ function zq() {
   position: relative;
 }
 
+:host input[part="input"] {
+  min-inline-size: 0;
+}
+
+:host input[part="input"]:-moz-placeholder-shown {
+  text-overflow: ellipsis;
+}
+
+:host input[part="input"]:placeholder-shown {
+  text-overflow: ellipsis;
+}
+
 :host [part="label"] {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -120898,6 +121365,7 @@ function zq() {
   pointer-events: none;
   transform-origin: 0 0;
   text-align: left;
+  max-inline-size: calc(100% - var(--timebox-padding-left) - var(--timebox-padding-right));
   text-overflow: ellipsis;
   white-space: nowrap;
   will-change: transform;
@@ -146056,9 +146524,22 @@ var Xfe = function(e, t, n, r) {
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, c1 = class extends CU {
+	_inheritance = wx(this, { context: Q$ });
 	static get is() {
 		return "mosaik-chat-prompt-box";
 	}
+	get variant() {
+		return this._inheritance.get("variant", super.variant);
+	}
+	set variant(e) {
+		this._inheritance.markExplicit("variant"), super.variant = e;
+	}
+	get appearance() {
+		return this._inheritance.get("appearance", super.appearance);
+	}
+	set appearance(e) {
+		this._inheritance.markExplicit("appearance"), super.appearance = e;
+	}
 };
 c1 = Xfe([L({
 	selector: "mosaik-chat-prompt-box",
@@ -146615,7 +147096,7 @@ var d1 = function(e, t, n, r) {
 		this.releaseMessageResizeObservations(), super.disconnectedCallback();
 	}
 	onSlotChanges(e) {
-		super.onSlotChanges(e), e === "input" && (this._promptBoxElement = this.getSlotAssignmentsOf("input", c1).at(0), this._promptBoxElement && (this._promptBoxElement.dir = this.dir, this._promptBoxElement.variant = this.variant, this._promptBoxElement.appearance = this.appearance, this._promptBoxElement.placeholder = this.intl.inputPlaceholder)), (e === void 0 || e === "message") && (this.syncObservedMessageElements(), this.hasUpdated && this.begin === W$.End && this.scrollToEnd && this._isScrollEndAnchored && this.scrollMessagesToEnd(!0));
+		super.onSlotChanges(e), e === "input" && (this._promptBoxElement = this.getSlotAssignmentsOf("input", c1).at(0), this._promptBoxElement && (this._promptBoxElement.dir = this.dir, this._promptBoxElement.placeholder = this.intl.inputPlaceholder)), (e === void 0 || e === "message") && (this.syncObservedMessageElements(), this.hasUpdated && this.begin === W$.End && this.scrollToEnd && this._isScrollEndAnchored && this.scrollMessagesToEnd(!0));
 	}
 	handleMessagesScroll(e) {
 		Number.isFinite(e) && (this._scrollEndDistance = Math.max(0, e), this._isScrollEndAnchored = this._scrollEndDistance <= this.scrollToEndThreshold);
@@ -148175,9 +148656,22 @@ var fpe = function(e, t, n, r) {
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, C1 = class extends FU {
+	_inheritance = wx(this, { context: Q$ });
 	static get is() {
 		return "mosaik-chat-prompt-box-attachment-list";
 	}
+	get variant() {
+		return this._inheritance.get("variant", super.variant);
+	}
+	set variant(e) {
+		this._inheritance.markExplicit("variant"), super.variant = e;
+	}
+	get appearance() {
+		return this._inheritance.get("appearance", super.appearance);
+	}
+	set appearance(e) {
+		this._inheritance.markExplicit("appearance"), super.appearance = e;
+	}
 };
 C1 = fpe([L({
 	selector: "mosaik-chat-prompt-box-attachment-list",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.70",
+    "version": "0.1.71",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.70",
-        "@breadstone/mosaik-elements-foundation": "0.1.70",
+        "@breadstone/mosaik-elements": "0.1.71",
+        "@breadstone/mosaik-elements-foundation": "0.1.71",
         "tslib": "2.8.1"
     },
     "peerDependencies": {