@breadstone/mosaik-elements-foundation 0.1.27 → 0.1.30

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/Themes/ToastElement.Cosmopolitan.d.ts.map

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

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

@@ -28,6 +28,7 @@ export function toastElementCosmopolitanStyle() {
   --toast-font-weight: unset;
   --toast-foreground-color: unset;
   --toast-gap: unset;
+  --toast-offset-x: unset;
   --toast-offset-y: unset;
   --toast-padding-bottom: unset;
   --toast-padding-left: unset;
@@ -157,24 +158,72 @@ export function toastElementCosmopolitanStyle() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
     `;
 }
 //# sourceMappingURL=ToastElement.Cosmopolitan.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqNT,CAAC;AACN,CAAC"}

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

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

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

@@ -28,6 +28,7 @@ export function toastElementJoyStyle() {
   --toast-font-weight: var(--joy-typography-body1-font-weight);
   --toast-foreground-color: var(--joy-scheme-foreground);
   --toast-gap: var(--joy-layout-space);
+  --toast-offset-x: var(--joy-layout-space);
   --toast-offset-y: var(--joy-layout-space);
   --toast-padding-bottom: var(--joy-layout-space);
   --toast-padding-left: calc(var(--joy-layout-space) * 2);
@@ -157,24 +158,72 @@ export function toastElementJoyStyle() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
 :host [part="root"] {
   padding: calc(var(--joy-layout-space) * 2) calc(var(--joy-layout-space) * 3);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqNT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsQT,CAAC;AACN,CAAC"}

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

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

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

@@ -28,6 +28,7 @@ export function toastElementMemphisStyle() {
   --toast-font-weight: var(--memphis-typography-body2-font-weight);
   --toast-foreground-color: var(--memphis-scheme-foreground);
   --toast-gap: var(--memphis-layout-space);
+  --toast-offset-x: var(--memphis-layout-space);
   --toast-offset-y: var(--memphis-layout-space);
   --toast-padding-bottom: calc(var(--memphis-layout-space) * 1.2);
   --toast-padding-left: calc(var(--memphis-layout-space) * 2.4);
@@ -157,24 +158,72 @@ export function toastElementMemphisStyle() {
   pointer-events: none;
 }
 
-:host([position="bottom"]) [part="root"] {
-  top: unset;
-  bottom: var(--toast-offset-y);
+:host([position="top"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
-:host([position="middle"]) [part="root"] {
+:host([position="top-left"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="top-right"]) [part="root"] {
+  bottom: unset;
+  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="left"]) [part="root"] {
+  top: 50%;
+  bottom: unset;
+  left: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="center"]) [part="root"] {
   top: 50%;
   bottom: unset;
+  left: 50%;
   translate: -50% -50%;
 }
 
-:host([position="top"]) [part="root"] {
+:host([position="right"]) [part="root"] {
+  top: 50%;
   bottom: unset;
-  top: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0 -50%;
+}
+
+:host([position="bottom"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: 50%;
   translate: -50%;
 }
 
+:host([position="bottom-left"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: var(--toast-offset-x);
+  translate: 0;
+}
+
+:host([position="bottom-right"]) [part="root"] {
+  top: unset;
+  bottom: var(--toast-offset-y);
+  left: unset;
+  right: var(--toast-offset-x);
+  translate: 0;
+}
+
     `;
 }
 //# sourceMappingURL=ToastElement.Memphis.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToastElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.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,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqNT,CAAC;AACN,CAAC"}