@breadstone/mosaik-elements-foundation 0.1.27 → 0.1.28

package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts

@@ -0,0 +1,9 @@
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
+/**
+ * Represents the `IToastActionsElementProps` interface.
+ *
+ * @public
+ */
+export interface IToastActionsElementProps extends ISlottableProps {
+}
+//# sourceMappingURL=IToastActionsElementProps.d.ts.map

package/Controls/Components/Overlays/Toast/IToastActionsElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToastActionsElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastActionsElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,eAAe;CACjE"}

package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js

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

package/Controls/Components/Overlays/Toast/IToastActionsElementProps.js.map

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

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts

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

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oCAAoC,IAAI,SAAS,CAoEhE"}

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js

@@ -0,0 +1,82 @@
+// ------------------------------------------------------------------------------
+// <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 toastActionsElementCosmopolitanStyle() {
+    return css `
+:host {
+  --toast-actions-font-family: unset;
+  --toast-actions-font-letter-spacing: unset;
+  --toast-actions-font-line-height: unset;
+  --toast-actions-font-size: unset;
+  --toast-actions-font-text-decoration: unset;
+  --toast-actions-font-text-transform: unset;
+  --toast-actions-font-weight: unset;
+  --toast-actions-gap: unset;
+  --toast-actions-padding-bottom: unset;
+  --toast-actions-padding-left: unset;
+  --toast-actions-padding-right: unset;
+  --toast-actions-padding-top: unset;
+  --toast-actions-shadow: unset unset unset unset unset;
+  --toast-actions-shadow-blur: unset;
+  --toast-actions-shadow-color: unset;
+  --toast-actions-shadow-offset-x: unset;
+  --toast-actions-shadow-offset-y: unset;
+  --toast-actions-shadow-spread: unset;
+  --toast-actions-transition-duration: unset;
+  --toast-actions-transition-mode: unset;
+  --toast-actions-transition-property: unset;
+  --toast-actions-translate: none;
+}
+
+@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 {
+  padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--toast-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--toast-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=ToastActionsElement.Cosmopolitan.js.map

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.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,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts

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

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAoEvD"}

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js

@@ -0,0 +1,82 @@
+// ------------------------------------------------------------------------------
+// <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 toastActionsElementJoyStyle() {
+    return css `
+:host {
+  --toast-actions-font-family: unset;
+  --toast-actions-font-letter-spacing: unset;
+  --toast-actions-font-line-height: unset;
+  --toast-actions-font-size: unset;
+  --toast-actions-font-text-decoration: unset;
+  --toast-actions-font-text-transform: unset;
+  --toast-actions-font-weight: unset;
+  --toast-actions-gap: var(--joy-layout-space);
+  --toast-actions-padding-bottom: var(--joy-layout-space);
+  --toast-actions-padding-left: calc(var(--joy-layout-space) * 2);
+  --toast-actions-padding-right: calc(var(--joy-layout-space) * 2);
+  --toast-actions-padding-top: var(--joy-layout-space);
+  --toast-actions-shadow: unset unset unset unset unset;
+  --toast-actions-shadow-blur: unset;
+  --toast-actions-shadow-color: unset;
+  --toast-actions-shadow-offset-x: unset;
+  --toast-actions-shadow-offset-y: unset;
+  --toast-actions-shadow-spread: unset;
+  --toast-actions-transition-duration: unset;
+  --toast-actions-transition-mode: unset;
+  --toast-actions-transition-property: unset;
+  --toast-actions-translate: none;
+}
+
+@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 {
+  padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--toast-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--toast-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=ToastActionsElement.Joy.js.map

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts

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

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAoE3D"}

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js

@@ -0,0 +1,82 @@
+// ------------------------------------------------------------------------------
+// <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 toastActionsElementMemphisStyle() {
+    return css `
+:host {
+  --toast-actions-font-family: unset;
+  --toast-actions-font-letter-spacing: unset;
+  --toast-actions-font-line-height: unset;
+  --toast-actions-font-size: unset;
+  --toast-actions-font-text-decoration: unset;
+  --toast-actions-font-text-transform: unset;
+  --toast-actions-font-weight: unset;
+  --toast-actions-gap: var(--memphis-layout-space);
+  --toast-actions-padding-bottom: calc(var(--memphis-layout-space) * 2);
+  --toast-actions-padding-left: calc(var(--memphis-layout-space) * 2);
+  --toast-actions-padding-right: calc(var(--memphis-layout-space) * 2);
+  --toast-actions-padding-top: calc(var(--memphis-layout-space) * 2);
+  --toast-actions-shadow: unset unset unset unset unset;
+  --toast-actions-shadow-blur: unset;
+  --toast-actions-shadow-color: unset;
+  --toast-actions-shadow-offset-x: unset;
+  --toast-actions-shadow-offset-y: unset;
+  --toast-actions-shadow-spread: unset;
+  --toast-actions-transition-duration: unset;
+  --toast-actions-transition-mode: unset;
+  --toast-actions-transition-property: unset;
+  --toast-actions-translate: none;
+}
+
+@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 {
+  padding: var(--toast-actions-padding-top) var(--toast-actions-padding-right) var(--toast-actions-padding-bottom) var(--toast-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--toast-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--toast-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=ToastActionsElement.Memphis.js.map

package/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastActionsElement.Memphis.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts

@@ -0,0 +1,88 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IToastActionsElementProps } from './IToastActionsElementProps';
+declare const ToastActionsElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * ToastActions - Container for action buttons within a toast.
+ *
+ * @description
+ * Hosts the action buttons that appear at the bottom of a toast.
+ * Place this element in the `actions` slot of `mosaik-toast`.
+ *
+ * @name ToastActions
+ * @element mosaik-toast-actions
+ * @category Overlays
+ *
+ * @slot - The default content slot for action buttons.
+ * @slot prefix - The prefix slot.
+ * @slot suffix - The suffix slot.
+ *
+ * @csspart innerStack - The innerStack part.
+ *
+ * @cssprop {String} --toast-actions-font-family - The actions font family CSS custom property.
+ * @cssprop {String} --toast-actions-font-letter-spacing - The actions font letter spacing CSS custom property.
+ * @cssprop {String} --toast-actions-font-line-height - The actions font line height CSS custom property.
+ * @cssprop {String} --toast-actions-font-size - The actions font size CSS custom property.
+ * @cssprop {String} --toast-actions-font-text-decoration - The actions font text decoration CSS custom property.
+ * @cssprop {String} --toast-actions-font-text-transform - The actions font text transform CSS custom property.
+ * @cssprop {String} --toast-actions-font-weight - The actions font weight CSS custom property.
+ * @cssprop {String} --toast-actions-gap - The actions gap CSS custom property.
+ * @cssprop {String} --toast-actions-padding-bottom - The actions padding bottom CSS custom property.
+ * @cssprop {String} --toast-actions-padding-left - The actions padding left CSS custom property.
+ * @cssprop {String} --toast-actions-padding-right - The actions padding right CSS custom property.
+ * @cssprop {String} --toast-actions-padding-top - The actions padding top CSS custom property.
+ * @cssprop {String} --toast-actions-shadow - The actions shadow CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-blur - The actions shadow blur CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-color - The actions shadow color CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-offset-x - The actions shadow offset x CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-offset-y - The actions shadow offset y CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-spread - The actions shadow spread CSS custom property.
+ * @cssprop {String} --toast-actions-transition-duration - The actions transition duration CSS custom property.
+ * @cssprop {String} --toast-actions-transition-mode - The actions transition mode CSS custom property.
+ * @cssprop {String} --toast-actions-transition-property - The actions transition property CSS custom property.
+ * @cssprop {String} --toast-actions-translate - The actions translate CSS custom property.
+ *
+ * @dependency mosaik-stack - The Stack element.
+ *
+ * @example
+ * Toast actions with two buttons:
+ * ```html
+ * <mosaik-toast-actions slot="actions">
+ *   <mosaik-button><span slot="label">Cancel</span></mosaik-button>
+ *   <mosaik-button variant="primary"><span slot="label">Confirm</span></mosaik-button>
+ * </mosaik-toast-actions>
+ * ```
+ *
+ * @public
+ */
+export declare class ToastActionsElement extends ToastActionsElement_base implements IToastActionsElementProps, ISlottable {
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+}
+/**
+* @public
+*/
+export declare namespace ToastActionsElement {
+    type Props = IToastActionsElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-toast-actions': ToastActionsElement;
+    }
+}
+export {};
+//# sourceMappingURL=ToastActionsElement.d.ts.map

package/Controls/Components/Overlays/Toast/ToastActionsElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastActionsElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQ7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBAea,mBACT,SAAQ,wBACR,YAAW,yBAAyB,EAAE,UAAU;IAIhD;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;EAEE;AACF,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/Overlays/Toast/ToastActionsElement.js

@@ -0,0 +1,115 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { StackElement } from '../../Layouts/Stack/StackElement';
+import { toastActionsElementTemplate } from './ToastActionsElementTemplate';
+import { toastActionsElementJoyStyle } from './Themes/ToastActionsElement.Joy';
+import { toastActionsElementMemphisStyle } from './Themes/ToastActionsElement.Memphis';
+import { toastActionsElementCosmopolitanStyle } from './Themes/ToastActionsElement.Cosmopolitan';
+import { Themeable } from '../../../Behaviors/Themeable';
+// #endregion
+/**
+ * ToastActions - Container for action buttons within a toast.
+ *
+ * @description
+ * Hosts the action buttons that appear at the bottom of a toast.
+ * Place this element in the `actions` slot of `mosaik-toast`.
+ *
+ * @name ToastActions
+ * @element mosaik-toast-actions
+ * @category Overlays
+ *
+ * @slot - The default content slot for action buttons.
+ * @slot prefix - The prefix slot.
+ * @slot suffix - The suffix slot.
+ *
+ * @csspart innerStack - The innerStack part.
+ *
+ * @cssprop {String} --toast-actions-font-family - The actions font family CSS custom property.
+ * @cssprop {String} --toast-actions-font-letter-spacing - The actions font letter spacing CSS custom property.
+ * @cssprop {String} --toast-actions-font-line-height - The actions font line height CSS custom property.
+ * @cssprop {String} --toast-actions-font-size - The actions font size CSS custom property.
+ * @cssprop {String} --toast-actions-font-text-decoration - The actions font text decoration CSS custom property.
+ * @cssprop {String} --toast-actions-font-text-transform - The actions font text transform CSS custom property.
+ * @cssprop {String} --toast-actions-font-weight - The actions font weight CSS custom property.
+ * @cssprop {String} --toast-actions-gap - The actions gap CSS custom property.
+ * @cssprop {String} --toast-actions-padding-bottom - The actions padding bottom CSS custom property.
+ * @cssprop {String} --toast-actions-padding-left - The actions padding left CSS custom property.
+ * @cssprop {String} --toast-actions-padding-right - The actions padding right CSS custom property.
+ * @cssprop {String} --toast-actions-padding-top - The actions padding top CSS custom property.
+ * @cssprop {String} --toast-actions-shadow - The actions shadow CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-blur - The actions shadow blur CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-color - The actions shadow color CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-offset-x - The actions shadow offset x CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-offset-y - The actions shadow offset y CSS custom property.
+ * @cssprop {String} --toast-actions-shadow-spread - The actions shadow spread CSS custom property.
+ * @cssprop {String} --toast-actions-transition-duration - The actions transition duration CSS custom property.
+ * @cssprop {String} --toast-actions-transition-mode - The actions transition mode CSS custom property.
+ * @cssprop {String} --toast-actions-transition-property - The actions transition property CSS custom property.
+ * @cssprop {String} --toast-actions-translate - The actions translate CSS custom property.
+ *
+ * @dependency mosaik-stack - The Stack element.
+ *
+ * @example
+ * Toast actions with two buttons:
+ * ```html
+ * <mosaik-toast-actions slot="actions">
+ *   <mosaik-button><span slot="label">Cancel</span></mosaik-button>
+ *   <mosaik-button variant="primary"><span slot="label">Confirm</span></mosaik-button>
+ * </mosaik-toast-actions>
+ * ```
+ *
+ * @public
+ */
+let ToastActionsElement = class ToastActionsElement extends Themeable(Slottable(CustomElement)) {
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-toast-actions';
+    }
+};
+ToastActionsElement = __decorate([
+    Component({
+        selector: 'mosaik-toast-actions',
+        template: toastActionsElementTemplate,
+        themes: {
+            joy: toastActionsElementJoyStyle,
+            memphis: toastActionsElementMemphisStyle,
+            cosmopolitan: toastActionsElementCosmopolitanStyle
+        },
+        host: {
+            slot: 'actions'
+        },
+        imports: [
+            StackElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ToastActionsElement);
+export { ToastActionsElement };
+//# sourceMappingURL=ToastActionsElement.js.map

package/Controls/Components/Overlays/Toast/ToastActionsElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastActionsElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AAgBI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;CAIJ,CAAA;AA/BY,mBAAmB;IAf/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,OAAO,EAAE,+BAA+B;YACxC,YAAY,EAAE,oCAAoC;SACrD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACL,YAAY;SACf;KACJ,CAAC;;GACW,mBAAmB,CA+B/B"}

package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ToastActionsElement } from './ToastActionsElement';
+/**
+ * The template of the `ToastActionsElement`.
+ *
+ * @public
+ */
+export declare function toastActionsElementTemplate<T extends ToastActionsElement>(e: T): TemplateResult;
+//# sourceMappingURL=ToastActionsElementTemplate.d.ts.map

package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuB/F"}

package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js

@@ -0,0 +1,36 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
+import { Orientation } from '../../../Types/Orientation';
+import { VerticalAlignment } from '../../../Types/VerticalAlignment';
+// #endregion
+/**
+ * The template of the `ToastActionsElement`.
+ *
+ * @public
+ */
+export function toastActionsElementTemplate(e) {
+    return html `
+        <mosaik-stack part="innerStack" .orientation="${Orientation.Horizontal}"
+                      .verticalAlignment="${VerticalAlignment.Center}"
+                      .dir="${e.dir}"
+                      ?hidden="${!e.hasSlotContent('prefix')}">
+            <slot name="prefix"></slot>
+        </mosaik-stack>
+        <mosaik-stack part="innerStack" style="flex: 1;"
+                      .orientation="${Orientation.Horizontal}"
+                      .verticalAlignment="${VerticalAlignment.Center}"
+                      .horizontalAlignment="${HorizontalAlignment.Right}"
+                      .dir="${e.dir}"
+                      ?hidden="${!e.hasSlotContent('')}">
+            <slot></slot>
+        </mosaik-stack>
+        <mosaik-stack part="innerStack" .orientation="${Orientation.Horizontal}"
+                      .verticalAlignment="${VerticalAlignment.Center}"
+                      .dir="${e.dir}"
+                      ?hidden="${!e.hasSlotContent('suffix')}">
+            <slot name="suffix"></slot>
+        </mosaik-stack>
+    `;
+}
+//# sourceMappingURL=ToastActionsElementTemplate.js.map

package/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionsElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastActionsElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;wDACyC,WAAW,CAAC,UAAU;4CAClC,iBAAiB,CAAC,MAAM;8BACtC,CAAC,CAAC,GAAG;iCACF,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC;;;;sCAItB,WAAW,CAAC,UAAU;4CAChB,iBAAiB,CAAC,MAAM;8CACtB,mBAAmB,CAAC,KAAK;8BACzC,CAAC,CAAC,GAAG;iCACF,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC;;;wDAGE,WAAW,CAAC,UAAU;4CAClC,iBAAiB,CAAC,MAAM;8BACtC,CAAC,CAAC,GAAG;iCACF,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC;;;KAGvD,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAS7E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAM/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAgBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,WAAW;IAI1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,qBAAqB,CAAoC;IAMjE;;OAEG;;IAsBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;;OAOG;IACH,IAAoB,eAAe,IAAI,WAAW,CAEjD;IAMD;;;;;OAKG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAcrE;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAc1C;;;;;;OAMG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IAEH,SAAS,CAAC,6BAA6B,IAAI,IAAI;IAQ/C;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAwB1B;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;CAS9B;AAED;;EAEE;AACF,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"ToastElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/ToastElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAS7E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAM/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAiBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,WAAW;IAI1C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,sBAAsB,CAAoC;IAClE,OAAO,CAAC,qBAAqB,CAAoC;IAMjE;;OAEG;;IAsBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,aAAa,CAEnC;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,aAAa,EAKvC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;;OAOG;IACH,IAAoB,eAAe,IAAI,WAAW,CAEjD;IAMD;;;;;OAKG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAcrE;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAKzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAM5C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAc1C;;;;;;OAMG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IAEH,SAAS,CAAC,6BAA6B,IAAI,IAAI;IAQ/C;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAwB1B;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;CAS9B;AAED;;EAEE;AACF,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Overlays/Toast/ToastElement.js

@@ -27,6 +27,7 @@ import { BackdropElement } from '../../Primitives/Backdrop/BackdropElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
 import { ProgressRingElement } from '../../Ranges/ProgressRing/ProgressRingElement';
 import { OverlayElement } from '../Abstracts/OverlayElement';
+import { ToastActionsElement } from './ToastActionsElement';
 import { toastElementCosmopolitanStyle } from './Themes/ToastElement.Cosmopolitan';
 import { toastElementJoyStyle } from './Themes/ToastElement.Joy';
 import { toastElementMemphisStyle } from './Themes/ToastElement.Memphis';
@@ -426,7 +427,8 @@ ToastElement = __decorate([
             ProgressRingElement,
             StackElement,
             BackdropElement,
-            ButtonElement
+            ButtonElement,
+            ToastActionsElement
         ]
     }),
     __metadata("design:paramtypes", [])