@breadstone/mosaik-elements-foundation 0.0.132 → 0.0.134

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.d.ts

@@ -0,0 +1,24 @@
+import type { IEventDetail } from '@breadstone/mosaik-elements';
+import type { ChatInputElement } from '../../ChatInputElement';
+/**
+ * Represents the `{@link IChatAttachmentUploadChangeEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadChangeEventDetail extends IEventDetail<ChatInputElement> {
+    readonly attachment: File;
+}
+/**
+ * Represents the `IChatAttachmentUploadChangeEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadChangeEvent extends CustomEvent<IChatAttachmentUploadChangeEventDetail> {
+    readonly target: ChatInputElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentUploadChanged: IChatAttachmentUploadChangeEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentUploadChangeEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadChangeEvent.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,WAAW,sCAAuC,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAI1F,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC;CAI7B;AAED;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,WAAW,CAAC,sCAAsC,CAAC;IAIzG,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;CAIrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,2BAA2B,EAAE,gCAAgC,CAAC;KACjE;CACJ"}

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatAttachmentUploadChangeEvent.js.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadChangeEvent.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadChangeEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.d.ts

@@ -0,0 +1,24 @@
+import type { IErrorEventDetail } from '@breadstone/mosaik-elements';
+import type { ChatInputElement } from '../../ChatInputElement';
+/**
+ * Represents the `{@link IChatAttachmentUploadFailEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadFailEventDetail extends IErrorEventDetail<ChatInputElement> {
+    readonly attachment: File;
+}
+/**
+ * Represents the `IChatAttachmentUploadFailEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadFailEvent extends CustomEvent<IChatAttachmentUploadFailEventDetail> {
+    readonly target: ChatInputElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentUploadFailed: IChatAttachmentUploadFailEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentUploadFailEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadFailEvent.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,WAAW,oCAAqC,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IAI7F,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC;CAI7B;AAED;;;;GAIG;AACH,MAAM,WAAW,8BAA+B,SAAQ,WAAW,CAAC,oCAAoC,CAAC;IAIrG,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;CAIrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,0BAA0B,EAAE,8BAA8B,CAAC;KAC9D;CACJ"}

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatAttachmentUploadFailEvent.js.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadFailEvent.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadFailEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.d.ts

@@ -0,0 +1,12 @@
+import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
+import type { IVariantableProps } from '../../../Behaviors/Variantable';
+/**
+ * Represents the `{@link IChatInputAttachmentListElementProps}` interface.
+ *
+ * @public
+ */
+export interface IChatInputAttachmentListElementProps extends IVariantableProps, IAppearanceableProps, IDisableableProps {
+    files: Array<File>;
+}
+//# sourceMappingURL=IChatInputAttachmentListElementProps.d.ts.map

package/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatInputAttachmentListElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,oCACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;IAElE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CAEtB"}

package/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatInputAttachmentListElementProps.js.map

package/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatInputAttachmentListElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputAttachmentListElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/IChatInputEvents.d.ts

@@ -1,5 +1,5 @@
 import type { IEventEmitter } from '@breadstone/mosaik-elements';
-import type { IChatSubmitEventDetail } from './Events/IChatSubmitEventDetail';
+import type { IChatSubmitEventDetail } from './Events/IChatSubmitEvent';
 /**
  * Represents the `{@link IChatInputEvents}` interface.
  *

package/Controls/Components/Media/Chat/IChatInputEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IChatInputEvents.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputEvents.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAI9E;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B,SAAS,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAEpD"}
+{"version":3,"file":"IChatInputEvents.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputEvents.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAE7B,SAAS,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAEpD"}

package/Controls/Components/Media/Chat/IChatMessageElementProps.d.ts

@@ -1,6 +1,7 @@
 import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
 import type { IBusyableProps } from '../../../Behaviors/Busyable';
 import type { IDisableableProps } from '../../../Behaviors/Disableable';
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
 import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
 import type { IValueableProps } from '../../../Behaviors/Valueable';
 import type { IVariantableProps } from '../../../Behaviors/Variantable';
@@ -9,7 +10,7 @@ import type { IVariantableProps } from '../../../Behaviors/Variantable';
  *
  * @public
  */
-export interface IChatMessageElementProps extends IVariantableProps, IAppearanceableProps, IDisableableProps, ITextFormattableProps, IBusyableProps, IValueableProps {
+export interface IChatMessageElementProps extends IVariantableProps, IAppearanceableProps, IDisableableProps, ITextFormattableProps, IBusyableProps, IValueableProps, ISlottableProps {
     text: string;
     at: string;
     reply: boolean;

package/Controls/Components/Media/Chat/IChatMessageElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IChatMessageElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMessageElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,wBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,cAAc,EAAE,eAAe;IAE1H,IAAI,EAAE,MAAM,CAAC;IAEb,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,OAAO,CAAC;CAElB"}
+{"version":3,"file":"IChatMessageElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMessageElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,wBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe;IAE3I,IAAI,EAAE,MAAM,CAAC;IAEb,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,OAAO,CAAC;CAElB"}

package/Controls/Components/Media/Chat/IChatMessageReactionElementProps.d.ts

@@ -0,0 +1,11 @@
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
+/**
+ * Represents the `{@link IChatMessageReactionElementProps}` interface.
+ *
+ * @public
+ */
+export interface IChatMessageReactionElementProps extends IDisableableProps {
+    emoji: string;
+    count: number;
+}
+//# sourceMappingURL=IChatMessageReactionElementProps.d.ts.map

package/Controls/Components/Media/Chat/IChatMessageReactionElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatMessageReactionElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMessageReactionElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,gCACb,SAAQ,iBAAiB;IAEzB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;CAEjB"}

package/Controls/Components/Media/Chat/IChatMessageReactionElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatMessageReactionElementProps.js.map

package/Controls/Components/Media/Chat/IChatMessageReactionElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatMessageReactionElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatMessageReactionElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function chatInputAttachmentListElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=ChatInputAttachmentListElement.Cosmopolitan.d.ts.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+CAA+C,IAAI,SAAS,CAsF3E"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.js

@@ -0,0 +1,100 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function chatInputAttachmentListElementCosmopolitanStyle() {
+    return css `
+:host {
+  --chat-input-attachment-list-background-color: unset;
+  --chat-input-attachment-list-border-color: unset;
+  --chat-input-attachment-list-border-radius: unset;
+  --chat-input-attachment-list-border-style: unset;
+  --chat-input-attachment-list-border-width: unset;
+  --chat-input-attachment-list-emoji-background-color: unset;
+  --chat-input-attachment-list-font-family: unset;
+  --chat-input-attachment-list-font-letter-spacing: unset;
+  --chat-input-attachment-list-font-line-height: unset;
+  --chat-input-attachment-list-font-size: unset;
+  --chat-input-attachment-list-font-text-decoration: unset;
+  --chat-input-attachment-list-font-text-transform: unset;
+  --chat-input-attachment-list-font-weight: unset;
+  --chat-input-attachment-list-foreground-color: unset;
+  --chat-input-attachment-list-gap: var(--cosmopolitan-layout-space);
+  --chat-input-attachment-list-padding-bottom: var(--cosmopolitan-layout-space);
+  --chat-input-attachment-list-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-top: var(--cosmopolitan-layout-space);
+  --chat-input-attachment-list-shadow: unset;
+  --chat-input-attachment-list-transition-duration: var(--cosmopolitan-duration-short);
+  --chat-input-attachment-list-transition-mode: ease;
+  --chat-input-attachment-list-transition-property: background-color, color, border-color, opacity, box-shadow;
+  --chat-input-attachment-list-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  margin-top: var(--chat-input-attachment-list-padding-top);
+  margin-bottom: var(--chat-input-attachment-list-padding-bottom);
+  margin-left: var(--chat-input-attachment-list-padding-left);
+  margin-right: var(--chat-input-attachment-list-padding-right);
+  gap: var(--chat-input-attachment-list-gap);
+  scrollbar-width: none;
+  scrollbar-color: transparent;
+  flex-wrap: nowrap;
+  display: flex;
+  overflow-x: auto;
+}
+
+:host [part="attachment"] {
+  flex-direction: row;
+  min-width: 160px;
+  display: flex;
+}
+
+:host [part="attachment"] [part="thumbnail"] {
+  flex-shrink: 0;
+}
+
+:host [part="attachment"] [part="content"] {
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  display: flex;
+}
+
+    `;
+}
+//# sourceMappingURL=ChatInputAttachmentListElement.Cosmopolitan.js.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+CAA+C;IAC3D,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function chatInputAttachmentListElementJoyStyle(): CSSResult;
+//# sourceMappingURL=ChatInputAttachmentListElement.Joy.d.ts.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAsFlE"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.js

@@ -0,0 +1,100 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function chatInputAttachmentListElementJoyStyle() {
+    return css `
+:host {
+  --chat-input-attachment-list-background-color: var(--joy-scheme-background);
+  --chat-input-attachment-list-border-color: var(--joy-scheme-highlight);
+  --chat-input-attachment-list-border-radius: var(--joy-layout-radius);
+  --chat-input-attachment-list-border-style: solid;
+  --chat-input-attachment-list-border-width: var(--joy-layout-thickness);
+  --chat-input-attachment-list-emoji-background-color: unset;
+  --chat-input-attachment-list-font-family: unset;
+  --chat-input-attachment-list-font-letter-spacing: unset;
+  --chat-input-attachment-list-font-line-height: unset;
+  --chat-input-attachment-list-font-size: unset;
+  --chat-input-attachment-list-font-text-decoration: unset;
+  --chat-input-attachment-list-font-text-transform: unset;
+  --chat-input-attachment-list-font-weight: unset;
+  --chat-input-attachment-list-foreground-color: var(--joy-scheme-foreground);
+  --chat-input-attachment-list-gap: var(--joy-layout-space);
+  --chat-input-attachment-list-padding-bottom: var(--joy-layout-space);
+  --chat-input-attachment-list-padding-left: calc(var(--joy-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-right: calc(var(--joy-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-top: var(--joy-layout-space);
+  --chat-input-attachment-list-shadow: var(--joy-elevation-none);
+  --chat-input-attachment-list-transition-duration: var(--joy-duration-short);
+  --chat-input-attachment-list-transition-mode: ease;
+  --chat-input-attachment-list-transition-property: background-color, color, border-color, opacity, box-shadow;
+  --chat-input-attachment-list-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  margin-top: var(--chat-input-attachment-list-padding-top);
+  margin-bottom: var(--chat-input-attachment-list-padding-bottom);
+  margin-left: var(--chat-input-attachment-list-padding-left);
+  margin-right: var(--chat-input-attachment-list-padding-right);
+  gap: var(--chat-input-attachment-list-gap);
+  scrollbar-width: none;
+  scrollbar-color: transparent;
+  flex-wrap: nowrap;
+  display: flex;
+  overflow-x: auto;
+}
+
+:host [part="attachment"] {
+  flex-direction: row;
+  min-width: 160px;
+  display: flex;
+}
+
+:host [part="attachment"] [part="thumbnail"] {
+  flex-shrink: 0;
+}
+
+:host [part="attachment"] [part="content"] {
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  display: flex;
+}
+
+    `;
+}
+//# sourceMappingURL=ChatInputAttachmentListElement.Joy.js.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function chatInputAttachmentListElementRetroStyle(): CSSResult;
+//# sourceMappingURL=ChatInputAttachmentListElement.Retro.d.ts.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wCAAwC,IAAI,SAAS,CA0FpE"}

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.js

@@ -0,0 +1,104 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function chatInputAttachmentListElementRetroStyle() {
+    return css `
+:host {
+  --chat-input-attachment-list-background-color: var(--retro-scheme-background);
+  --chat-input-attachment-list-border-color: var(--retro-scheme-highlight);
+  --chat-input-attachment-list-border-radius: var(--retro-layout-radius);
+  --chat-input-attachment-list-border-style: solid;
+  --chat-input-attachment-list-border-width: var(--retro-layout-thickness);
+  --chat-input-attachment-list-emoji-background-color: unset;
+  --chat-input-attachment-list-font-family: unset;
+  --chat-input-attachment-list-font-letter-spacing: unset;
+  --chat-input-attachment-list-font-line-height: unset;
+  --chat-input-attachment-list-font-size: unset;
+  --chat-input-attachment-list-font-text-decoration: unset;
+  --chat-input-attachment-list-font-text-transform: unset;
+  --chat-input-attachment-list-font-weight: unset;
+  --chat-input-attachment-list-foreground-color: var(--retro-scheme-foreground);
+  --chat-input-attachment-list-gap: var(--retro-layout-space);
+  --chat-input-attachment-list-padding-bottom: var(--retro-layout-space);
+  --chat-input-attachment-list-padding-left: calc(var(--retro-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-right: calc(var(--retro-layout-space) * 1.5);
+  --chat-input-attachment-list-padding-top: var(--retro-layout-space);
+  --chat-input-attachment-list-shadow-blur: var(--retro-elevation-semilight-blur-0);
+  --chat-input-attachment-list-shadow-color: var(--retro-elevation-semilight-color-0);
+  --chat-input-attachment-list-shadow-offset-x: var(--retro-elevation-semilight-offset-x-0);
+  --chat-input-attachment-list-shadow-offset-y: var(--retro-elevation-semilight-offset-y-0);
+  --chat-input-attachment-list-shadow-spread: var(--retro-elevation-semilight-spread-0);
+  --chat-input-attachment-list-transition-duration: var(--retro-duration-short);
+  --chat-input-attachment-list-transition-mode: ease;
+  --chat-input-attachment-list-transition-property: background-color, color, border-color, opacity, box-shadow;
+  --chat-input-attachment-list-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  margin-top: var(--chat-input-attachment-list-padding-top);
+  margin-bottom: var(--chat-input-attachment-list-padding-bottom);
+  margin-left: var(--chat-input-attachment-list-padding-left);
+  margin-right: var(--chat-input-attachment-list-padding-right);
+  gap: var(--chat-input-attachment-list-gap);
+  scrollbar-width: none;
+  scrollbar-color: transparent;
+  flex-wrap: nowrap;
+  display: flex;
+  overflow-x: auto;
+}
+
+:host [part="attachment"] {
+  flex-direction: row;
+  min-width: 160px;
+  display: flex;
+}
+
+:host [part="attachment"] [part="thumbnail"] {
+  flex-shrink: 0;
+}
+
+:host [part="attachment"] [part="content"] {
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  display: flex;
+}
+
+    `;
+}
+//# sourceMappingURL=ChatInputAttachmentListElement.Retro.js.map

package/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputAttachmentListElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wCAAwC;IACpD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA8G7D"}
+{"version":3,"file":"ChatInputElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAmG7D"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.js

@@ -85,17 +85,6 @@ export function chatInputElementCosmopolitanStyle() {
   display: none;
 }
 
-:host [part="attachments"] {
-  gap: var(--chat-input-gap);
-  margin-top: var(--chat-input-padding-top);
-  margin-bottom: var(--chat-input-padding-bottom);
-  margin-left: var(--chat-input-padding-left);
-  margin-right: var(--chat-input-padding-right);
-  flex-wrap: nowrap;
-  display: flex;
-  overflow-x: auto;
-}
-
 :host [part="tools"] {
   margin-top: var(--chat-input-padding-top);
   margin-bottom: var(--chat-input-padding-bottom);

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatInputElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiGT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA2QpD"}
+{"version":3,"file":"ChatInputElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAgQpD"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.js

@@ -85,17 +85,6 @@ export function chatInputElementJoyStyle() {
   display: none;
 }
 
-:host [part="attachments"] {
-  gap: var(--chat-input-gap);
-  margin-top: var(--chat-input-padding-top);
-  margin-bottom: var(--chat-input-padding-bottom);
-  margin-left: var(--chat-input-padding-left);
-  margin-right: var(--chat-input-padding-right);
-  flex-wrap: nowrap;
-  display: flex;
-  overflow-x: auto;
-}
-
 :host [part="tools"] {
   margin-top: var(--chat-input-padding-top);
   margin-bottom: var(--chat-input-padding-bottom);

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyQT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatInputElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8PT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAkHtD"}
+{"version":3,"file":"ChatInputElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAuGtD"}

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.js

@@ -89,17 +89,6 @@ export function chatInputElementRetroStyle() {
   display: none;
 }
 
-:host [part="attachments"] {
-  gap: var(--chat-input-gap);
-  margin-top: var(--chat-input-padding-top);
-  margin-bottom: var(--chat-input-padding-bottom);
-  margin-left: var(--chat-input-padding-left);
-  margin-right: var(--chat-input-padding-right);
-  flex-wrap: nowrap;
-  display: flex;
-  overflow-x: auto;
-}
-
 :host [part="tools"] {
   margin-top: var(--chat-input-padding-top);
   margin-bottom: var(--chat-input-padding-bottom);

package/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatInputElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatInputElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqGT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAiI/D"}
+{"version":3,"file":"ChatMessageElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAoJ/D"}