@breadstone/mosaik-elements-foundation 0.0.127 → 0.0.129

package/Controls/Components/States/Empty/EmptyStateElementTemplate.js

@@ -19,23 +19,25 @@ export function emptyStateElementTemplate(e) {
                      .size="${Size.Giant}"
                      .data="${e.icon.trim() ? e.icon : Icons.glasses}"></mosaik-icon>
         `)}
-        ${when(e.header, () => html `
-        <mosaik-text part="header"
-                     .readonly="${true}"
-                     .wrap="${true}"
-                     .alignment="${TextAlignment.Center}"
-                     .text="${e.header}"
-                     .formatter="${e.formatter}"></mosaik-text>
-        `)}
-        ${when(e.content, () => html `
-        <mosaik-text part="content"
-                     .readonly="${true}"
-                     .wrap="${true}"
-                     .alignment="${TextAlignment.Center}"
-                     .text="${e.content}"
-                     .formatter="${e.formatter}"></mosaik-text>
-        `)}
-        <slot></slot>
+        <mosaik-stack .orientation="${Orientation.Vertical}">
+            ${when(e.header, () => html `
+            <mosaik-text part="header"
+                         .readonly="${true}"
+                         .wrap="${true}"
+                         .alignment="${TextAlignment.Center}"
+                         .text="${e.header}"
+                         .formatter="${e.formatter}"></mosaik-text>
+            `)}
+            ${when(e.content, () => html `
+            <mosaik-text part="content"
+                         .readonly="${true}"
+                         .wrap="${true}"
+                         .alignment="${TextAlignment.Center}"
+                         .text="${e.content}"
+                         .formatter="${e.formatter}"></mosaik-text>
+            `)}
+            <slot></slot>
+        </mosaik-stack>
         <mosaik-stack .orientation="${Orientation.Horizontal}"
                       .gap="${styleSheetVar('--empty-state-gap')}"
                       ?hidden="${!e.hasSlotContent('actions')}">

package/Controls/Components/States/Empty/EmptyStateElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8BAEjB,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;SAC3D,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;kCAED,IAAI;8BACR,IAAI;mCACC,aAAa,CAAC,MAAM;8BACzB,CAAC,CAAC,MAAM;mCACH,CAAC,CAAC,SAAS;SACrC,CAAC;UACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;kCAEF,IAAI;8BACR,IAAI;mCACC,aAAa,CAAC,MAAM;8BACzB,CAAC,CAAC,OAAO;mCACJ,CAAC,CAAC,SAAS;SACrC,CAAC;;sCAE4B,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,mBAAmB,CAAC;iCAC/B,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}
+{"version":3,"file":"EmptyStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/EmptyStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8BAEjB,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;SAC3D,CAAC;sCAC4B,WAAW,CAAC,QAAQ;cAC5C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;sCAGwB,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,mBAAmB,CAAC;iCAC/B,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}

package/Controls/Components/States/Empty/IEmptyStateElementProps.d.ts

@@ -8,5 +8,6 @@ import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
 export interface IEmptyStateElementProps extends ITextFormattableProps, ISlottableProps {
     icon: string;
     header: string;
+    content: string;
 }
 //# sourceMappingURL=IEmptyStateElementProps.d.ts.map

package/Controls/Components/States/Empty/IEmptyStateElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IEmptyStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/IEmptyStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;CAElB"}
+{"version":3,"file":"IEmptyStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Empty/IEmptyStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;CAEnB"}

package/Controls/Components/States/Error/ErrorStateElement.d.ts

@@ -1,6 +1,6 @@
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { IErrorStateElementProps } from './IErrorStateElementProps';
-declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Error State - A UI component used to display an error message or indicator to the user.
  *
@@ -14,9 +14,6 @@ declare const ErrorStateElement_base: (abstract new (...args: Array<any>) => imp
  * @category States
  *
  * @slot - The default slot for placing additional content or elements related to the error.
- * @slot header - The header slot for placing the error header content.
- * @slot content - The content slot for placing the error content.
- * @slot code - The code slot for placing the error code or additional information.
  * @slot actions - The actions slot for placing actionable elements such as buttons or links for error resolution.
  *
  * @csspart header - The header part of the error state component.

package/Controls/Components/States/Error/ErrorStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAca,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}
+{"version":3,"file":"ErrorStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAIpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAca,iBACT,SAAQ,sBACR,YAAW,uBAAuB;IAIlC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAaH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,iBAAiB,CAAC;KAC3C;CACJ"}

package/Controls/Components/States/Error/ErrorStateElement.js

@@ -14,7 +14,7 @@ import { Property } from '../../../Decorators/PropertyDecorator';
 import { StackElement } from '../../Layouts/Stack/StackElement';
 import { IconElement } from '../../Media/Icon/IconElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { errorStateElementTemplate } from './ErrorStateElementTemplate';
 import { errorStateElementJoyStyle } from './Themes/ErrorStateElement.Joy';
 import { errorStateElementRetroStyle } from './Themes/ErrorStateElement.Retro';
@@ -34,9 +34,6 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * @category States
  *
  * @slot - The default slot for placing additional content or elements related to the error.
- * @slot header - The header slot for placing the error header content.
- * @slot content - The content slot for placing the error content.
- * @slot code - The code slot for placing the error code or additional information.
  * @slot actions - The actions slot for placing actionable elements such as buttons or links for error resolution.
  *
  * @csspart header - The header part of the error state component.
@@ -67,7 +64,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @public
  */
-let ErrorStateElement = class ErrorStateElement extends Themeable(StateElement) {
+let ErrorStateElement = class ErrorStateElement extends Themeable(StateBaseElement) {
     // #region Fields
     _icon;
     _header;

package/Controls/Components/States/Error/ErrorStateElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/States/Error/ErrorStateElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA2C3F"}
+{"version":3,"file":"ErrorStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuC3F"}

package/Controls/Components/States/Error/ErrorStateElementTemplate.js

@@ -19,7 +19,7 @@ export function errorStateElementTemplate(e) {
                      .size="${Size.Giant}"
                      .data="${e.icon.trim().length > 0 ? e.icon : Icons.errorCircle}"
                      .variant="${Variant.Danger}"></mosaik-icon>
-        <slot name="header">
+        <mosaik-stack .orientation="${Orientation.Vertical}">
             ${when(e.header, () => html `
             <mosaik-text part="header"
                          .readonly="${true}"
@@ -28,8 +28,6 @@ export function errorStateElementTemplate(e) {
                          .text="${e.header}"
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
-        </slot>
-        <slot name="content">
             ${when(e.content, () => html `
             <mosaik-text part="content"
                          .readonly="${true}"
@@ -38,8 +36,6 @@ export function errorStateElementTemplate(e) {
                          .text="${e.content}"
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
-        </slot>
-        <slot name="code">
             ${when(e.code, () => html `
             <mosaik-text part="code"
                          .readonly="${true}"
@@ -48,8 +44,8 @@ export function errorStateElementTemplate(e) {
                          .text="${e.code}"
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
-        </slot>
-        <slot></slot>
+            <slot></slot>
+        </mosaik-stack>
         <mosaik-stack .orientation="${Orientation.Horizontal}"
                       .gap="${styleSheetVar('--error-state-gap')}"
                       ?hidden="${!e.hasSlotContent('actions')}">

package/Controls/Components/States/Error/ErrorStateElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;iCAClD,OAAO,CAAC,MAAM;;cAEjC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;;;cAGA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;cAGA,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEC,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,IAAI;uCACD,CAAC,CAAC,SAAS;aACrC,CAAC;;;sCAGwB,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,mBAAmB,CAAC;iCAC/B,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/ErrorStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAA8B,CAAI;IACvE,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;iCAClD,OAAO,CAAC,MAAM;sCACT,WAAW,CAAC,QAAQ;cAC5C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEC,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,IAAI;uCACD,CAAC,CAAC,SAAS;aACrC,CAAC;;;sCAGwB,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,mBAAmB,CAAC;iCAC/B,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}

package/Controls/Components/States/Error/IErrorStateElementProps.d.ts

@@ -8,6 +8,7 @@ import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
 export interface IErrorStateElementProps extends ITextFormattableProps, ISlottableProps {
     icon: string;
     header: string;
+    content: string;
     code: string;
 }
 //# sourceMappingURL=IErrorStateElementProps.d.ts.map

package/Controls/Components/States/Error/IErrorStateElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IErrorStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/IErrorStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,MAAM,CAAC;CAEhB"}
+{"version":3,"file":"IErrorStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Error/IErrorStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,uBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE,MAAM,CAAC;CAEhB"}

package/Controls/Components/States/Success/ISuccessStateElementProps.d.ts

@@ -8,5 +8,6 @@ import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
 export interface ISuccessStateElementProps extends ITextFormattableProps, ISlottableProps {
     icon: string;
     header: string;
+    content: string;
 }
 //# sourceMappingURL=ISuccessStateElementProps.d.ts.map

package/Controls/Components/States/Success/ISuccessStateElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ISuccessStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/ISuccessStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,yBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;CAElB"}
+{"version":3,"file":"ISuccessStateElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/ISuccessStateElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,yBACb,SAAQ,qBAAqB,EAAE,eAAe;IAE9C,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;CAEnB"}

package/Controls/Components/States/Success/SuccessStateElement.d.ts

@@ -1,6 +1,6 @@
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { ISuccessStateElementProps } from './ISuccessStateElementProps';
-declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Success State - A UI component that represents a success state, typically used to display a success message or indicator.
  *
@@ -14,8 +14,6 @@ declare const SuccessStateElement_base: (abstract new (...args: Array<any>) => i
  * @category States
  *
  * @slot - The default slot, used for displaying the success state content.
- * @slot header - The header slot, used for displaying the success state header.
- * @slot content - The content slot, used for displaying the success state content.
  * @slot actions - The actions slot, used for displaying action buttons or links related to the success state.
  *
  * @csspart icon - The icon part of the success state component.

package/Controls/Components/States/Success/SuccessStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAIxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBAca,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IAMxB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
+{"version":3,"file":"SuccessStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAIxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAca,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IAMxB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}

package/Controls/Components/States/Success/SuccessStateElement.js

@@ -13,7 +13,7 @@ import { Property } from '../../../Decorators/PropertyDecorator';
 import { StackElement } from '../../Layouts/Stack/StackElement';
 import { IconElement } from '../../Media/Icon/IconElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
-import { StateElement } from '../Abstracts/StateElement';
+import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { successStateElementTemplate } from './SuccessStateElementTemplate';
 import { successStateElementJoyStyle } from './Themes/SuccessStateElement.Joy';
 import { successStateElementRetroStyle } from './Themes/SuccessStateElement.Retro';
@@ -33,8 +33,6 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * @category States
  *
  * @slot - The default slot, used for displaying the success state content.
- * @slot header - The header slot, used for displaying the success state header.
- * @slot content - The content slot, used for displaying the success state content.
  * @slot actions - The actions slot, used for displaying action buttons or links related to the success state.
  *
  * @csspart icon - The icon part of the success state component.
@@ -64,7 +62,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @public
  */
-let SuccessStateElement = class SuccessStateElement extends Themeable(StateElement) {
+let SuccessStateElement = class SuccessStateElement extends Themeable(StateBaseElement) {
     // #region Fields
     _icon;
     _header;

package/Controls/Components/States/Success/SuccessStateElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAeI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,YAAY,CAAC;IAG/B,iBAAiB;IAET,KAAK,CAAS;IACd,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;CAIJ,CAAA;AA7BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG1B;AAaD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;iDAG1B;AAhEQ,mBAAmB;IAd/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,oCAAoC;SACrD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,mBAAmB,CA0E/B"}
+{"version":3,"file":"SuccessStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAeI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAGnC,iBAAiB;IAET,KAAK,CAAS;IACd,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;CAIJ,CAAA;AA7BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG1B;AAaD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;iDAG1B;AAhEQ,mBAAmB;IAd/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,oCAAoC;SACrD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,mBAAmB,CA0E/B"}

package/Controls/Components/States/Success/SuccessStateElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAiC/F"}
+{"version":3,"file":"SuccessStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA+B/F"}

package/Controls/Components/States/Success/SuccessStateElementTemplate.js

@@ -19,7 +19,7 @@ export function successStateElementTemplate(e) {
                      .size="${Size.Giant}"
                      .data="${e.icon.trim().length > 0 ? e.icon : Icons.successCircle}"
                      .variant="${Variant.Success}"></mosaik-icon>
-        <slot name="header">
+        <mosaik-stack .orientation="${Orientation.Vertical}">
             ${when(e.header, () => html `
             <mosaik-text part="header"
                          .readonly="${true}"
@@ -28,8 +28,6 @@ export function successStateElementTemplate(e) {
                          .text="${e.header}"
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
-        </slot>
-        <slot name="content">
             ${when(e.content, () => html `
             <mosaik-text part="content"
                          .readonly="${true}"
@@ -38,8 +36,8 @@ export function successStateElementTemplate(e) {
                          .text="${e.content}"
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
-        </slot>
-        <slot></slot>
+            <slot></slot>
+        </mosaik-stack>
         <mosaik-stack .orientation="${Orientation.Horizontal}"
                       .gap="${styleSheetVar('--success-state-gap')}"
                       ?hidden="${!e.hasSlotContent('actions')}">

package/Controls/Components/States/Success/SuccessStateElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa;iCACpD,OAAO,CAAC,OAAO;;cAElC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;;;cAGA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;sCAGwB,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,qBAAqB,CAAC;iCACjC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}
+{"version":3,"file":"SuccessStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Success/SuccessStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,KAAK;8BACV,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa;iCACpD,OAAO,CAAC,OAAO;sCACV,WAAW,CAAC,QAAQ;cAC5C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;sCAGwB,WAAW,CAAC,UAAU;8BAC9B,aAAa,CAAC,qBAAqB,CAAC;iCACjC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}

package/Controls/Types/DockSide.d.ts

@@ -0,0 +1,9 @@
+import type { ValuesOf } from '../../Types/ValuesOf';
+export declare const DockSide: {
+    readonly Left: "left";
+    readonly Right: "right";
+    readonly Top: "top";
+    readonly Bottom: "bottom";
+};
+export type DockSide = ValuesOf<typeof DockSide>;
+//# sourceMappingURL=DockSide.d.ts.map

package/Controls/Types/DockSide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockSide.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/DockSide.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIrD,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC"}

package/Controls/Types/DockSide.js

@@ -0,0 +1,9 @@
+// #region Imports
+// #endregion
+export const DockSide = {
+    Left: 'left',
+    Right: 'right',
+    Top: 'top',
+    Bottom: 'bottom'
+};
+//# sourceMappingURL=DockSide.js.map

package/Controls/Types/DockSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockSide.js","sourceRoot":"","sources":["../../../src/Controls/Types/DockSide.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAIlB,aAAa;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACV,CAAC"}

package/Controls/Types/RecorderState.d.ts

@@ -0,0 +1,29 @@
+import type { ValuesOf } from '../../Types/ValuesOf';
+/**
+ * `RecorderState` - Recorder states rendered by the UI.
+ *
+ * @public
+ */
+export declare const RecorderState: {
+    /**
+     * `idle` - Indicates that the recorder is idle and not recording.
+     */
+    readonly Idle: "idle";
+    /**
+     * `recording` - Indicates that the recorder is currently recording.
+     */
+    readonly Recording: "recording";
+    /**
+     * `paused` - Indicates that the recorder is currently paused.
+     */
+    readonly Paused: "paused";
+    /**
+     * `stopped` - Indicates that the recorder has been stopped.
+     */
+    readonly Stopped: "stopped";
+};
+/**
+ * @public
+ */
+export type RecorderState = ValuesOf<typeof RecorderState>;
+//# sourceMappingURL=RecorderState.d.ts.map

package/Controls/Types/RecorderState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecorderState.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/RecorderState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAEtB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAGG,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/Controls/Types/RecorderState.js

@@ -0,0 +1,26 @@
+// #region Imports
+// #endregion
+/**
+ * `RecorderState` - Recorder states rendered by the UI.
+ *
+ * @public
+ */
+export const RecorderState = {
+    /**
+     * `idle` - Indicates that the recorder is idle and not recording.
+     */
+    Idle: 'idle',
+    /**
+     * `recording` - Indicates that the recorder is currently recording.
+     */
+    Recording: 'recording',
+    /**
+     * `paused` - Indicates that the recorder is currently paused.
+     */
+    Paused: 'paused',
+    /**
+     * `stopped` - Indicates that the recorder has been stopped.
+     */
+    Stopped: 'stopped'
+};
+//# sourceMappingURL=RecorderState.js.map

package/Controls/Types/RecorderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecorderState.js","sourceRoot":"","sources":["../../../src/Controls/Types/RecorderState.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAIlB,aAAa;AAEb;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAEzB;;OAEG;IACH,IAAI,EAAE,MAAM;IAEZ;;OAEG;IACH,SAAS,EAAE,WAAW;IAEtB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAEhB;;OAEG;IACH,OAAO,EAAE,SAAS;CAEZ,CAAC"}

package/Index.d.ts

@@ -143,7 +143,7 @@ export { PagePreHeaderElement } from './Controls/Components/Layouts/Page/PagePre
 export type { ISplitRepositionEventDetail } from './Controls/Components/Layouts/Split/Events/ISplitRepositionEventDetail';
 export { SplitElement } from './Controls/Components/Layouts/Split/SplitElement';
 export { StackElement } from './Controls/Components/Layouts/Stack/StackElement';
-export type { DockSide } from './Controls/Components/Layouts/Dock/DockPanelElement';
+export { DockSide } from './Controls/Types/DockSide';
 export { DockPanelElement } from './Controls/Components/Layouts/Dock/DockPanelElement';
 export { TileListElement } from './Controls/Components/Layouts/TileList/TileListElement';
 export { TileListItemElement } from './Controls/Components/Layouts/TileList/TileListItemElement';
@@ -160,6 +160,9 @@ export type { ICameraFrame } from './Controls/Components/Media/Camera/CameraFram
 export { CameraFrame, CameraFrames } from './Controls/Components/Media/Camera/CameraFrame';
 export type { ICameraCaptureEvent, ICameraCaptureEventDetail } from './Controls/Components/Media/Camera/Events/CameraCaptureEvent';
 export type { ICameraRecordEvent, ICameraRecordEventDetail } from './Controls/Components/Media/Camera/Events/CameraRecordEvent';
+export { AttachmentChatToolElement } from './Controls/Components/Media/Chat/Tools/AttachmentChatToolElement';
+export { ReactionChatToolElement } from './Controls/Components/Media/Chat/Tools/ReactionChatToolElement';
+export { VoiceRecorderChatToolElement } from './Controls/Components/Media/Chat/Tools/VoiceRecorderChatToolElement';
 export { ChatElement } from './Controls/Components/Media/Chat/ChatElement';
 export { ChatHeaderElement } from './Controls/Components/Media/Chat/ChatHeaderElement';
 export { ChatMarkerElement } from './Controls/Components/Media/Chat/ChatMarkerElement';
@@ -320,6 +323,7 @@ export { AppElement } from './Controls/Components/Shell/AppElement';
 export { AppHeaderElement } from './Controls/Components/Shell/AppHeaderElement';
 export { EmptyStateElement } from './Controls/Components/States/Empty/EmptyStateElement';
 export { ErrorStateElement } from './Controls/Components/States/Error/ErrorStateElement';
+export { BusyStateElement } from './Controls/Components/States/Busy/BusyStateElement';
 export { SuccessStateElement } from './Controls/Components/States/Success/SuccessStateElement';
 export { AutoFlow } from './Controls/Types/AutoFlow';
 export { CameraCaptureFormat } from './Controls/Types/CameraCaptureFormat';
@@ -578,6 +582,7 @@ export { ToastPosition } from './Controls/Types/ToastPosition';
 export { Trigger } from './Controls/Types/Trigger';
 export { UpDownSpinPosition } from './Controls/Types/UpDownSpinPosition';
 export { Variant } from './Controls/Types/Variant';
+export { RecorderState } from './Controls/Types/RecorderState';
 export { VerticalAlignment } from './Controls/Types/VerticalAlignment';
 export { NumberKeyboardMode, TextKeyboardMode } from './Controls/Types/VirtualKeyboardMode';
 export { isConstructor, type AbstractConstructor, type Constructor } from './Types/Constructor';