@breadstone/mosaik-elements-foundation 0.0.229 → 0.0.231

package/Controls/Components/Layouts/Split/Themes/SplitElement.Joy.d.ts.map

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

package/Controls/Components/Layouts/Split/Themes/SplitElement.Joy.js

@@ -29,6 +29,12 @@ export function splitElementJoyStyle() {
   --split-padding-left: unset;
   --split-padding-right: unset;
   --split-padding-top: unset;
+  --split-shadow: unset unset unset unset unset;
+  --split-shadow-blur: unset;
+  --split-shadow-color: unset;
+  --split-shadow-offset-x: unset;
+  --split-shadow-offset-y: unset;
+  --split-shadow-spread: unset;
   --split-thumb-background-color: var(--joy-scheme-background);
   --split-thumb-border-color: var(--joy-scheme-highlight);
   --split-thumb-border-radius: var(--joy-layout-radius);
@@ -36,7 +42,7 @@ export function splitElementJoyStyle() {
   --split-transition-duration: var(--joy-duration-short);
   --split-transition-mode: ease;
   --split-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
-  --split-translate: unset;
+  --split-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Split/Themes/SplitElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Split/Themes/SplitElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyJT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SplitElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Split/Themes/SplitElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+JT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Split/Themes/SplitElement.Memphis.d.ts.map

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

package/Controls/Components/Layouts/Split/Themes/SplitElement.Memphis.js

@@ -29,6 +29,12 @@ export function splitElementMemphisStyle() {
   --split-padding-left: unset;
   --split-padding-right: unset;
   --split-padding-top: unset;
+  --split-shadow: unset unset unset unset unset;
+  --split-shadow-blur: unset;
+  --split-shadow-color: unset;
+  --split-shadow-offset-x: unset;
+  --split-shadow-offset-y: unset;
+  --split-shadow-spread: unset;
   --split-thumb-background-color: var(--memphis-scheme-background);
   --split-thumb-border-color: var(--memphis-scheme-highlight);
   --split-thumb-border-radius: var(--memphis-layout-radius);
@@ -36,7 +42,7 @@ export function splitElementMemphisStyle() {
   --split-transition-duration: var(--memphis-duration-short);
   --split-transition-mode: ease;
   --split-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
-  --split-translate: unset;
+  --split-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Split/Themes/SplitElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Split/Themes/SplitElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqJT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SplitElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Split/Themes/SplitElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2JT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts

@@ -1,17 +1,14 @@
+import type { IAlignableProps } from '../../../Behaviors/Alignable';
 import type { IFitableProps } from '../../../Behaviors/Fitable';
+import type { IGapableProps } from '../../../Behaviors/Gapable';
 import type { IOrientableProps } from '../../../Behaviors/Orientable';
 import type { IReversibleProps } from '../../../Behaviors/Reversible';
-import type { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import type { VerticalAlignment } from '../../../Types/VerticalAlignment';
-import type { IGapableProps } from '../../../Behaviors/Gapable';
 /**
- * The properties of the {@link StackElement}.
+ * The properties of the `StackElement`.
  *
  * @public
  */
-export interface IStackElementProps extends IOrientableProps, IFitableProps, IReversibleProps, IGapableProps {
-    horizontalAlignment: HorizontalAlignment;
-    verticalAlignment: VerticalAlignment;
+export interface IStackElementProps extends IOrientableProps, IFitableProps, IReversibleProps, IGapableProps, IAlignableProps {
     wrap: boolean;
 }
 //# sourceMappingURL=IStackElementProps.d.ts.map

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa;IAExE,mBAAmB,EAAE,mBAAmB,CAAC;IAEzC,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,IAAI,EAAE,OAAO,CAAC;CAEjB"}
+{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe;IAEzF,IAAI,EAAE,OAAO,CAAC;CAEjB"}

package/Controls/Components/Layouts/Stack/StackElement.d.ts

@@ -1,8 +1,6 @@
-import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import { VerticalAlignment } from '../../../Types/VerticalAlignment';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import type { IStackElementProps } from './IStackElementProps';
-declare const StackElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Gapable").IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const StackElement_base: import("../../../../Index").ControlBehaviorReturn<(abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Gapable").IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor, import("../../../Behaviors/Alignable").IAlignableProps>;
 /**
  * Stack - A flexible layout component for arranging child elements in vertical or horizontal linear sequences.
  *
@@ -25,72 +23,33 @@ declare const StackElement_base: (abstract new (...args: Array<any>) => import("
  * ```html
  * <!-- Basic vertical stack -->
  * <mosaik-stack>
- *   <mosaik-button>Action 1</mosaik-button>
- *   <mosaik-button>Action 2</mosaik-button>
- *   <mosaik-button>Action 3</mosaik-button>
+ *   <mosaik-button label="Action 1"></mosaik-button>
+ *   <mosaik-button label="Action 2"></mosaik-button>
+ *   <mosaik-button label="Action 3"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Horizontal button group -->
  * <mosaik-stack orientation="horizontal" gap="small">
- *   <mosaik-button appearance="solid">Save</mosaik-button>
- *   <mosaik-button appearance="plain">Cancel</mosaik-button>
- *   <mosaik-button appearance="plain">Reset</mosaik-button>
- * </mosaik-stack>
- *
- * <!-- Card content stack -->
- * <mosaik-stack gap="medium" alignment="stretch">
- *   <mosaik-text variant="headline">Card Title</mosaik-text>
- *   <mosaik-text variant="body">
- *     Card content with multiple lines of text that should be properly stacked
- *     with consistent spacing between elements.
- *   </mosaik-text>
- *   <mosaik-stack orientation="horizontal" gap="small" alignment="end">
- *     <mosaik-button size="small">Learn More</mosaik-button>
- *     <mosaik-button appearance="solid" size="small">Get Started</mosaik-button>
- *   </mosaik-stack>
+ *   <mosaik-button appearance="solid" label="Save"></mosaik-button>
+ *   <mosaik-button appearance="plain" label="Cancel"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Navigation menu stack -->
  * <mosaik-stack gap="none">
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="home"></mosaik-icon>
- *     <mosaik-text slot="label">Dashboard</mosaik-text>
+ *     <span slot="start">🏠</span>
+ *     <span slot="label">Dashboard</span>
  *   </mosaik-cell>
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="users"></mosaik-icon>
- *     <mosaik-text slot="label">Users</mosaik-text>
- *   </mosaik-cell>
- *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="settings"></mosaik-icon>
- *     <mosaik-text slot="label">Settings</mosaik-text>
+ *     <span slot="start">👥</span>
+ *     <span slot="label">Users</span>
  *   </mosaik-cell>
  * </mosaik-stack>
- *
- * <!-- Form field stack -->
- * <mosaik-stack gap="large" fit="width">
- *   <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
- *   <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
- *   <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
- * </mosaik-stack>
- *
- * <!-- Centered content stack -->
- * <mosaik-stack
- *   alignment="center"
- *   justify="center"
- *   style="min-height: 200px;">
- *   <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
- *   <mosaik-text variant="headline">Success!</mosaik-text>
- *   <mosaik-text variant="body" alignment="center">
- *     Your action has been completed successfully.
- *   </mosaik-text>
- * </mosaik-stack>
  * ```
  *
  * @public
  */
 export declare class StackElement extends StackElement_base implements IStackElementProps {
-    private _horizontalAlignment;
-    private _verticalAlignment;
     private _wrap;
     /**
      * Constructs a new instance of the `StackElement` class.
@@ -107,22 +66,6 @@ export declare class StackElement extends StackElement_base implements IStackEle
      * @readonly
     */
     static get is(): string;
-    /**
-     * Gets or sets the `horizontalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get horizontalAlignment(): HorizontalAlignment;
-    set horizontalAlignment(value: HorizontalAlignment);
-    /**
-     * Gets or sets the `verticalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get verticalAlignment(): VerticalAlignment;
-    set verticalAlignment(value: VerticalAlignment);
     /**
      * Gets or sets the `wrap` property.
      *

package/Controls/Components/Layouts/Stack/StackElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,KAAK,CAAU;IAMvB;;;;OAIG;;IAaH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAU;IAMvB;;;;OAIG;;IAWH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Layouts/Stack/StackElement.js

@@ -8,6 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { Alignable } from '../../../Behaviors/Alignable';
 import { Fitable } from '../../../Behaviors/Fitable';
 import { Gapable } from '../../../Behaviors/Gapable';
 import { Orientable } from '../../../Behaviors/Orientable';
@@ -15,8 +16,6 @@ import { Reversible } from '../../../Behaviors/Reversible';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
-import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import { VerticalAlignment } from '../../../Types/VerticalAlignment';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import { stackElementTemplate } from './StackElementTemplate';
 import { stackElementCosmopolitanStyle } from './Themes/StackElement.Cosmopolitan';
@@ -45,73 +44,34 @@ import { stackElementMemphisStyle } from './Themes/StackElement.Memphis';
  * ```html
  * <!-- Basic vertical stack -->
  * <mosaik-stack>
- *   <mosaik-button>Action 1</mosaik-button>
- *   <mosaik-button>Action 2</mosaik-button>
- *   <mosaik-button>Action 3</mosaik-button>
+ *   <mosaik-button label="Action 1"></mosaik-button>
+ *   <mosaik-button label="Action 2"></mosaik-button>
+ *   <mosaik-button label="Action 3"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Horizontal button group -->
  * <mosaik-stack orientation="horizontal" gap="small">
- *   <mosaik-button appearance="solid">Save</mosaik-button>
- *   <mosaik-button appearance="plain">Cancel</mosaik-button>
- *   <mosaik-button appearance="plain">Reset</mosaik-button>
- * </mosaik-stack>
- *
- * <!-- Card content stack -->
- * <mosaik-stack gap="medium" alignment="stretch">
- *   <mosaik-text variant="headline">Card Title</mosaik-text>
- *   <mosaik-text variant="body">
- *     Card content with multiple lines of text that should be properly stacked
- *     with consistent spacing between elements.
- *   </mosaik-text>
- *   <mosaik-stack orientation="horizontal" gap="small" alignment="end">
- *     <mosaik-button size="small">Learn More</mosaik-button>
- *     <mosaik-button appearance="solid" size="small">Get Started</mosaik-button>
- *   </mosaik-stack>
+ *   <mosaik-button appearance="solid" label="Save"></mosaik-button>
+ *   <mosaik-button appearance="plain" label="Cancel"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Navigation menu stack -->
  * <mosaik-stack gap="none">
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="home"></mosaik-icon>
- *     <mosaik-text slot="label">Dashboard</mosaik-text>
- *   </mosaik-cell>
- *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="users"></mosaik-icon>
- *     <mosaik-text slot="label">Users</mosaik-text>
+ *     <span slot="start">🏠</span>
+ *     <span slot="label">Dashboard</span>
  *   </mosaik-cell>
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="settings"></mosaik-icon>
- *     <mosaik-text slot="label">Settings</mosaik-text>
+ *     <span slot="start">👥</span>
+ *     <span slot="label">Users</span>
  *   </mosaik-cell>
  * </mosaik-stack>
- *
- * <!-- Form field stack -->
- * <mosaik-stack gap="large" fit="width">
- *   <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
- *   <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
- *   <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
- * </mosaik-stack>
- *
- * <!-- Centered content stack -->
- * <mosaik-stack
- *   alignment="center"
- *   justify="center"
- *   style="min-height: 200px;">
- *   <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
- *   <mosaik-text variant="headline">Success!</mosaik-text>
- *   <mosaik-text variant="body" alignment="center">
- *     Your action has been completed successfully.
- *   </mosaik-text>
- * </mosaik-stack>
  * ```
  *
  * @public
  */
-let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fitable(Gapable(LayoutElement))))) {
+let StackElement = class StackElement extends Alignable(Themeable(Reversible(Orientable(Fitable(Gapable(LayoutElement)))))) {
     // #region Fields
-    _horizontalAlignment;
-    _verticalAlignment;
     _wrap;
     // #endregion
     // #region Ctor
@@ -122,8 +82,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
      */
     constructor() {
         super();
-        this._horizontalAlignment = HorizontalAlignment.Stretch;
-        this._verticalAlignment = VerticalAlignment.Stretch;
         this._wrap = false;
     }
     // #endregion
@@ -139,36 +97,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
     static get is() {
         return 'mosaik-stack';
     }
-    /**
-     * Gets or sets the `horizontalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get horizontalAlignment() {
-        return this._horizontalAlignment;
-    }
-    set horizontalAlignment(value) {
-        if (this._horizontalAlignment !== value) {
-            this._horizontalAlignment = value;
-            this.requestUpdate('horizontalAlignment');
-        }
-    }
-    /**
-     * Gets or sets the `verticalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get verticalAlignment() {
-        return this._verticalAlignment;
-    }
-    set verticalAlignment(value) {
-        if (this._verticalAlignment !== value) {
-            this._verticalAlignment = value;
-            this.requestUpdate('verticalAlignment');
-        }
-    }
     /**
      * Gets or sets the `wrap` property.
      *
@@ -185,16 +113,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
         }
     }
 };
-__decorate([
-    Attribute({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], StackElement.prototype, "horizontalAlignment", null);
-__decorate([
-    Attribute({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], StackElement.prototype, "verticalAlignment", null);
 __decorate([
     Attribute({
         type: Boolean,

package/Controls/Components/Layouts/Stack/StackElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAWI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGrF,iBAAiB;IAET,KAAK,CAAU;IAEvB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;MAOE;IACK,MAAM,KAAc,EAAE;QACzB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IAIW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AAhBG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wCAGD;AAnDQ,YAAY;IAVxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,wBAAwB;YACjC,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,YAAY,CA6DxB"}

package/Controls/Components/Layouts/Stack/StackElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { StackElement } from './StackElement';
 /**
- * The template of the {@link StackElement}.
+ * The template of the `StackElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Stack/StackElementTemplate.js

@@ -4,7 +4,7 @@ import { html } from '../../../../Dom/Html';
 import { style } from '../../../../Dom/Style';
 // #endregion
 /**
- * The template of the {@link StackElement}.
+ * The template of the `StackElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.d.ts.map

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

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.js

@@ -24,10 +24,16 @@ export function stackElementCosmopolitanStyle() {
   --stack-padding-left: unset;
   --stack-padding-right: unset;
   --stack-padding-top: unset;
+  --stack-shadow: unset unset unset unset unset;
+  --stack-shadow-blur: unset;
+  --stack-shadow-color: unset;
+  --stack-shadow-offset-x: unset;
+  --stack-shadow-offset-y: unset;
+  --stack-shadow-spread: unset;
   --stack-transition-duration: unset;
   --stack-transition-mode: unset;
   --stack-transition-property: unset;
-  --stack-translate: unset;
+  --stack-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Stack/Themes/StackElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.d.ts.map

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

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.js

@@ -24,10 +24,16 @@ export function stackElementJoyStyle() {
   --stack-padding-left: unset;
   --stack-padding-right: unset;
   --stack-padding-top: unset;
+  --stack-shadow: unset unset unset unset unset;
+  --stack-shadow-blur: unset;
+  --stack-shadow-color: unset;
+  --stack-shadow-offset-x: unset;
+  --stack-shadow-offset-y: unset;
+  --stack-shadow-spread: unset;
   --stack-transition-duration: unset;
   --stack-transition-mode: unset;
   --stack-transition-property: unset;
-  --stack-translate: unset;
+  --stack-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Stack/Themes/StackElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/Stack/Themes/StackElement.Memphis.d.ts.map

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

package/Controls/Components/Layouts/Stack/Themes/StackElement.Memphis.js

@@ -24,10 +24,16 @@ export function stackElementMemphisStyle() {
   --stack-padding-left: unset;
   --stack-padding-right: unset;
   --stack-padding-top: unset;
+  --stack-shadow: unset unset unset unset unset;
+  --stack-shadow-blur: unset;
+  --stack-shadow-color: unset;
+  --stack-shadow-offset-x: unset;
+  --stack-shadow-offset-y: unset;
+  --stack-shadow-spread: unset;
   --stack-transition-duration: unset;
   --stack-transition-mode: unset;
   --stack-transition-property: unset;
-  --stack-translate: unset;
+  --stack-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/Stack/Themes/StackElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiMT,CAAC;AACN,CAAC"}
+{"version":3,"file":"StackElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/Stack/Themes/StackElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/TileList/ITileListElementProps.d.ts

@@ -1,6 +1,6 @@
 import type { AutoFlow } from '../../../Types/AutoFlow';
 /**
- * Represents the `{@link ITile-listElementProps}` interface.
+ * Represents the `ITile-listElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Layouts/TileList/ITileListItemElementProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the `{@link ITileListItemElementProps}` interface.
+ * Represents the `ITileListItemElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAsD5D"}
+{"version":3,"file":"TileListElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA4D5D"}

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Cosmopolitan.js

@@ -26,10 +26,16 @@ export function tileListElementCosmopolitanStyle() {
   --tile-list-padding-left: unset;
   --tile-list-padding-right: unset;
   --tile-list-padding-top: unset;
+  --tile-list-shadow: unset unset unset unset unset;
+  --tile-list-shadow-blur: unset;
+  --tile-list-shadow-color: unset;
+  --tile-list-shadow-offset-x: unset;
+  --tile-list-shadow-offset-y: unset;
+  --tile-list-shadow-spread: unset;
   --tile-list-transition-duration: unset;
   --tile-list-transition-mode: unset;
   --tile-list-transition-property: unset;
-  --tile-list-translate: unset;
+  --tile-list-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TileListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAsDnD"}
+{"version":3,"file":"TileListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA4DnD"}

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Joy.js

@@ -26,10 +26,16 @@ export function tileListElementJoyStyle() {
   --tile-list-padding-left: unset;
   --tile-list-padding-right: unset;
   --tile-list-padding-top: unset;
+  --tile-list-shadow: unset unset unset unset unset;
+  --tile-list-shadow-blur: unset;
+  --tile-list-shadow-color: unset;
+  --tile-list-shadow-offset-x: unset;
+  --tile-list-shadow-offset-y: unset;
+  --tile-list-shadow-spread: unset;
   --tile-list-transition-duration: unset;
   --tile-list-transition-mode: unset;
   --tile-list-transition-property: unset;
-  --tile-list-translate: unset;
+  --tile-list-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TileListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAsDvD"}
+{"version":3,"file":"TileListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA4DvD"}

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Memphis.js

@@ -26,10 +26,16 @@ export function tileListElementMemphisStyle() {
   --tile-list-padding-left: unset;
   --tile-list-padding-right: unset;
   --tile-list-padding-top: unset;
+  --tile-list-shadow: unset unset unset unset unset;
+  --tile-list-shadow-blur: unset;
+  --tile-list-shadow-color: unset;
+  --tile-list-shadow-offset-x: unset;
+  --tile-list-shadow-offset-y: unset;
+  --tile-list-shadow-spread: unset;
   --tile-list-transition-duration: unset;
   --tile-list-transition-mode: unset;
   --tile-list-transition-property: unset;
-  --tile-list-translate: unset;
+  --tile-list-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Layouts/TileList/Themes/TileListElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TileListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileList/Themes/TileListElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,CAAC"}