@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

package/Controls/Components/Primitives/Hint/Themes/HintElement.Joy.js

@@ -18,13 +18,13 @@ export function hintElementJoyStyle() {
   --hint-border-radius: 0px;
   --hint-border-style: solid;
   --hint-border-width: 0px;
-  --hint-font-family: var(--joy-font-family);
-  --hint-font-letter-spacing: unset;
-  --hint-font-line-height: unset;
-  --hint-font-size: 12px;
-  --hint-font-text-decoration: unset;
-  --hint-font-text-transform: unset;
-  --hint-font-weight: normal;
+  --hint-font-family: var(--joy-typography-supporting-font-family);
+  --hint-font-letter-spacing: var(--joy-typography-supporting-letter-spacing);
+  --hint-font-line-height: var(--joy-typography-supporting-line-height);
+  --hint-font-size: var(--joy-typography-supporting-font-size);
+  --hint-font-text-decoration: var(--joy-typography-supporting-text-decoration);
+  --hint-font-text-transform: var(--joy-typography-supporting-text-transform);
+  --hint-font-weight: var(--joy-typography-supporting-font-weight);
   --hint-foreground-color: var(--joy-scheme-middlelight);
   --hint-gap: unset;
   --hint-padding-bottom: unset;
@@ -72,18 +72,36 @@ export function hintElementJoyStyle() {
 :host {
   font-family: var(--hint-font-family);
   font-size: var(--hint-font-size);
+  line-height: var(--hint-font-line-height);
   font-weight: var(--hint-font-weight);
+  letter-spacing: var(--hint-font-letter-spacing);
+  -webkit-text-decoration: var(--hint-font-text-decoration);
+  text-decoration: var(--hint-font-text-decoration);
+  text-transform: var(--hint-font-text-transform);
   background-color: var(--hint-background-color);
   color: var(--hint-foreground-color);
   border: var(--hint-border-width) var(--hint-border-style) var(--hint-border-color);
   border-radius: var(--hint-border-radius);
+  gap: var(--hint-gap);
   display: block;
 }
 
-:host [part="text"] {
+:host [part="root"] {
+  place-content: center flex-start;
+  align-items: center;
+  gap: inherit;
+  flex-direction: row;
+  display: flex;
+}
+
+:host [part="root"] [part="text"] {
   font-family: inherit;
   font-size: inherit;
+  line-height: inherit;
   font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
   background-color: inherit;
   color: inherit;
 }

package/Controls/Components/Primitives/Hint/Themes/HintElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"HintElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6ET,CAAC;AACN,CAAC"}
+{"version":3,"file":"HintElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Hint/Themes/HintElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HintElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA+EnD"}
+{"version":3,"file":"HintElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAiGnD"}

package/Controls/Components/Primitives/Hint/Themes/HintElement.Memphis.js

@@ -72,18 +72,36 @@ export function hintElementMemphisStyle() {
 :host {
   font-family: var(--hint-font-family);
   font-size: var(--hint-font-size);
+  line-height: var(--hint-font-line-height);
   font-weight: var(--hint-font-weight);
+  letter-spacing: var(--hint-font-letter-spacing);
+  -webkit-text-decoration: var(--hint-font-text-decoration);
+  text-decoration: var(--hint-font-text-decoration);
+  text-transform: var(--hint-font-text-transform);
   background-color: var(--hint-background-color);
   color: var(--hint-foreground-color);
   border: var(--hint-border-width) var(--hint-border-style) var(--hint-border-color);
   border-radius: var(--hint-border-radius);
+  gap: var(--hint-gap);
   display: block;
 }
 
-:host [part="text"] {
+:host [part="root"] {
+  place-content: center flex-start;
+  align-items: center;
+  gap: inherit;
+  flex-direction: row;
+  display: flex;
+}
+
+:host [part="root"] [part="text"] {
   font-family: inherit;
   font-size: inherit;
+  line-height: inherit;
   font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-transform: inherit;
   background-color: inherit;
   color: inherit;
 }

package/Controls/Components/Primitives/Hint/Themes/HintElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"HintElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6ET,CAAC;AACN,CAAC"}
+{"version":3,"file":"HintElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Hint/Themes/HintElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Indicator/Themes/IndicatorElement.Joy.js

@@ -21,10 +21,10 @@ export function indicatorElementJoyStyle() {
   --indicator-font-family: var(--joy-font-family);
   --indicator-font-letter-spacing: unset;
   --indicator-font-line-height: unset;
-  --indicator-font-size: 12px;
+  --indicator-font-size: var(--joy-typography-body1-font-size);
   --indicator-font-text-decoration: unset;
   --indicator-font-text-transform: unset;
-  --indicator-font-weight: normal;
+  --indicator-font-weight: var(--joy-typography-body1-font-weight);
   --indicator-foreground-color: var(--joy-scheme-middlelight);
   --indicator-gap: var(--joy-layout-space);
   --indicator-padding-bottom: unset;

package/Controls/Components/Primitives/InkBar/InkBarElement.d.ts

@@ -121,6 +121,16 @@ export declare class InkBarElement extends InkBarElement_base implements IInkBar
      * @public
      */
     align(): void;
+    /**
+     * Stretches the ink bar toward the given element, creating an
+     * anticipation effect. The bar extends a fraction of the distance
+     * toward the target while staying anchored at its current position.
+     *
+     * @public
+     * @param element - The element to stretch toward.
+     * @param amount  - How far to stretch (0–1). Defaults to 0.15 (15%).
+     */
+    stretchToward(element: HTMLElement, amount?: number): void;
     /**
      * @protected
      * @override

package/Controls/Components/Primitives/InkBar/InkBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/InkBar/InkBarElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAS5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,OAAO,CAAqB;IAMpC;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,WAAW,GAAG,IAAI,CAEtC;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAK1C;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,cAAc,CAEpC;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,cAAc,EAKxC;IAMD;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAIpB;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAK1C;;OAEG;IAEH,SAAS,CAAC,yBAAyB,IAAI,IAAI;IAI3C;;OAEG;IAEH,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAIzC;;OAEG;IACH,OAAO,CAAC,cAAc;CA2BzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,aAAa,CAAC;KACnC;CACJ"}
+{"version":3,"file":"InkBarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/InkBar/InkBarElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,OAAO,CAAqB;IAMpC;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,WAAW,GAAG,IAAI,CAEtC;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAK1C;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,cAAc,CAEpC;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,cAAc,EAKxC;IAMD;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAIpB;;;;;;;;OAQG;IACI,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,GAAE,MAAa,GAAG,IAAI;IA8CvE;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAK1C;;OAEG;IAEH,SAAS,CAAC,yBAAyB,IAAI,IAAI;IAI3C;;OAEG;IAEH,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAIzC;;OAEG;IACH,OAAO,CAAC,cAAc;CA2BzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,aAAa,CAAC;KACnC;CACJ"}

package/Controls/Components/Primitives/InkBar/InkBarElement.js

@@ -10,6 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Disableable } from '../../../Behaviors/Disableable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Variantable } from '../../../Behaviors/Variantable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
@@ -18,10 +19,9 @@ import { Watch } from '../../../Decorators/WatchDecorator';
 import { InkBarPosition } from '../../../Types/InkBarPosition';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { inkBarElementTemplate } from './InkBarElementTemplate';
+import { inkBarElementCosmopolitanStyle } from './Themes/InkBarElement.Cosmopolitan';
 import { inkBarElementJoyStyle } from './Themes/InkBarElement.Joy';
 import { inkBarElementMemphisStyle } from './Themes/InkBarElement.Memphis';
-import { inkBarElementCosmopolitanStyle } from './Themes/InkBarElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
  * InkBar - An animated indicator bar that highlights active tabs or navigation items.
@@ -171,6 +171,59 @@ let InkBarElement = class InkBarElement extends Themeable(Variantable(Appearance
     align() {
         this.alignToElement();
     }
+    /**
+     * Stretches the ink bar toward the given element, creating an
+     * anticipation effect. The bar extends a fraction of the distance
+     * toward the target while staying anchored at its current position.
+     *
+     * @public
+     * @param element - The element to stretch toward.
+     * @param amount  - How far to stretch (0–1). Defaults to 0.15 (15%).
+     */
+    stretchToward(element, amount = 0.15) {
+        const current = this._target;
+        if (!current || current === element) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            if (this._position === InkBarPosition.Bottom || this._position === InkBarPosition.Top) {
+                const currentLeft = current.offsetLeft;
+                const currentRight = currentLeft + current.offsetWidth;
+                const targetLeft = element.offsetLeft;
+                const targetRight = targetLeft + element.offsetWidth;
+                if (targetLeft >= currentRight) {
+                    // Target is to the right – stretch right edge
+                    const stretch = (targetRight - currentRight) * amount;
+                    this.style.left = `${currentLeft}px`;
+                    this.style.width = `${current.offsetWidth + stretch}px`;
+                }
+                else if (targetRight <= currentLeft) {
+                    // Target is to the left – stretch left edge
+                    const stretch = (currentLeft - targetLeft) * amount;
+                    this.style.left = `${currentLeft - stretch}px`;
+                    this.style.width = `${current.offsetWidth + stretch}px`;
+                }
+            }
+            else {
+                const currentTop = current.offsetTop;
+                const currentBottom = currentTop + current.offsetHeight;
+                const targetTop = element.offsetTop;
+                const targetBottom = targetTop + element.offsetHeight;
+                if (targetTop >= currentBottom) {
+                    // Target is below – stretch bottom edge
+                    const stretch = (targetBottom - currentBottom) * amount;
+                    this.style.top = `${currentTop}px`;
+                    this.style.height = `${current.offsetHeight + stretch}px`;
+                }
+                else if (targetBottom <= currentTop) {
+                    // Target is above – stretch top edge
+                    const stretch = (currentTop - targetTop) * amount;
+                    this.style.top = `${currentTop - stretch}px`;
+                    this.style.height = `${current.offsetHeight + stretch}px`;
+                }
+            }
+        });
+    }
     /**
      * @protected
      * @override

package/Controls/Components/Primitives/InkBar/InkBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/InkBar/InkBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AAWI,IAAM,aAAa,GAAnB,MAAM,aACT,SAAQ,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAG1E,iBAAiB;IAET,SAAS,CAAiB;IAC1B,OAAO,CAAqB;IAEpC,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAyB;QACvC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAqB;QACrC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,KAAK;QACR,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IAEO,yBAAyB;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IAEO,uBAAuB;QAC7B,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IACK,cAAc;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAE5B,IAAI,MAAM,EAAE,CAAC;YACT,qBAAqB,CAAC,GAAG,EAAE;gBACvB,IAAI,IAAI,CAAC,SAAS,KAAK,cAAc,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,cAAc,CAAC,GAAG,EAAE,CAAC;oBACpF,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;oBACpB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;oBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC;oBAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC;gBACjD,CAAC;qBAAM,CAAC;oBACJ,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;oBACrB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;oBACtB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,SAAS,IAAI,CAAC;oBACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC;gBACnD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACtB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC;CAIJ,CAAA;AAhGG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG1B;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;;;6CAGnC;AAkCS;IADT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;;;;8DAGjD;AAMS;IADT,KAAK,CAAC,QAAQ,CAAC;;;;4DAGf;AA5GQ,aAAa;IAVzB,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE;YACJ,GAAG,EAAE,qBAAqB;YAC1B,OAAO,EAAE,yBAAyB;YAClC,YAAY,EAAE,8BAA8B;SAC/C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,aAAa,CA4IzB"}
+{"version":3,"file":"InkBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/InkBar/InkBarElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA2F1D"}
+{"version":3,"file":"InkBarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAyF1D"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Cosmopolitan.js

@@ -69,16 +69,14 @@ export function inkBarElementCosmopolitanStyle() {
 }
 
 :host {
-  background-color: var(--ink-bar-background-color);
-  border-color: var(--ink-bar-border-color);
-  color: var(--ink-bar-foreground-color);
+  background: var(--ink-bar-background-color);
   transition-duration: var(--ink-bar-transition-duration);
   transition-timing-function: var(--ink-bar-transition-mode);
   transition-property: var(--ink-bar-transition-property);
-  pointer-events: none;
   height: var(--ink-bar-thickness);
   width: var(--ink-bar-thickness);
   border-radius: var(--ink-bar-border-radius);
+  pointer-events: none;
   position: absolute;
   bottom: 0;
   transform: none;

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"InkBarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAuKjD"}
+{"version":3,"file":"InkBarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAkLjD"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.js

@@ -14,7 +14,6 @@ export function inkBarElementJoyStyle() {
     return css `
 :host {
   --ink-bar-background-color: var(--joy-scheme-background);
-  --ink-bar-border-color: unset;
   --ink-bar-border-radius: calc(var(--ink-bar-thickness) / 2);
   --ink-bar-font-family: unset;
   --ink-bar-font-letter-spacing: unset;
@@ -23,7 +22,6 @@ export function inkBarElementJoyStyle() {
   --ink-bar-font-text-decoration: unset;
   --ink-bar-font-text-transform: unset;
   --ink-bar-font-weight: unset;
-  --ink-bar-foreground-color: unset;
   --ink-bar-gap: unset;
   --ink-bar-padding-bottom: unset;
   --ink-bar-padding-left: unset;
@@ -69,16 +67,14 @@ export function inkBarElementJoyStyle() {
 }
 
 :host {
-  background-color: var(--ink-bar-background-color);
-  border-color: var(--ink-bar-border-color);
-  color: var(--ink-bar-foreground-color);
+  background: var(--ink-bar-background-color);
   transition-duration: var(--ink-bar-transition-duration);
   transition-timing-function: var(--ink-bar-transition-mode);
   transition-property: var(--ink-bar-transition-property);
-  pointer-events: none;
   height: var(--ink-bar-thickness);
   width: var(--ink-bar-thickness);
   border-radius: var(--ink-bar-border-radius);
+  pointer-events: none;
   position: absolute;
   bottom: 0;
   transform: none;
@@ -100,6 +96,11 @@ export function inkBarElementJoyStyle() {
   left: 0;
 }
 
+:host {
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: var(--joy-duration-medium);
+}
+
 :host([disabled]:not([disabled="false"])) {
   --ink-bar-background-color: var(--joy-scheme-disabled);
 }
@@ -176,6 +177,16 @@ export function inkBarElementJoyStyle() {
   --ink-bar-background-color: var(--joy-color-neutral-100);
 }
 
+:host {
+  transition-timing-function: cubic-bezier(.34, 1.4, .64, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host {
+    transition-timing-function: ease;
+  }
+}
+
     `;
 }
 //# sourceMappingURL=InkBarElement.Joy.js.map

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"InkBarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA2FrD"}
+{"version":3,"file":"InkBarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAyFrD"}

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Memphis.js

@@ -69,16 +69,14 @@ export function inkBarElementMemphisStyle() {
 }
 
 :host {
-  background-color: var(--ink-bar-background-color);
-  border-color: var(--ink-bar-border-color);
-  color: var(--ink-bar-foreground-color);
+  background: var(--ink-bar-background-color);
   transition-duration: var(--ink-bar-transition-duration);
   transition-timing-function: var(--ink-bar-transition-mode);
   transition-property: var(--ink-bar-transition-property);
-  pointer-events: none;
   height: var(--ink-bar-thickness);
   width: var(--ink-bar-thickness);
   border-radius: var(--ink-bar-border-radius);
+  pointer-events: none;
   position: absolute;
   bottom: 0;
   transform: none;

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"InkBarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/InkBar/Themes/InkBarElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Jumbotron/JumbotronElement.d.ts

@@ -28,15 +28,15 @@ declare const JumbotronElement_base: (abstract new (...args: Array<any>) => impo
  * @element mosaik-jumbotron
  * @category Primitives
  *
+ * @slot actions - Action buttons or interactive elements
  * @slot header - Main heading content (or use header attribute)
- * @slot subHeader - Secondary heading content (or use subHeader attribute)
  * @slot hint - Descriptive text or instructions (or use hint attribute)
- * @slot actions - Action buttons or interactive elements
+ * @slot subHeader - Secondary heading content (or use subHeader attribute)
  *
- * @csspart header - Container for header and subheader content
+ * @csspart actions - Container for action buttons
  * @csspart divider - Horizontal divider between header and hint sections
+ * @csspart header - Container for header and subheader content
  * @csspart hint - Container for hint/description text
- * @csspart actions - Container for action buttons
  *
  * @cssprop {String} --jumbotron-background-color - Background color of the jumbotron
  * @cssprop {String} --jumbotron-border-color - Border color
@@ -44,7 +44,11 @@ declare const JumbotronElement_base: (abstract new (...args: Array<any>) => impo
  * @cssprop {String} --jumbotron-border-style - Border style
  * @cssprop {String} --jumbotron-border-width - Border width
  * @cssprop {String} --jumbotron-font-family - Font family for text
+ * @cssprop {String} --jumbotron-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --jumbotron-font-line-height - The font line height CSS custom property.
  * @cssprop {String} --jumbotron-font-size - Base font size
+ * @cssprop {String} --jumbotron-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --jumbotron-font-text-transform - The font text transform CSS custom property.
  * @cssprop {String} --jumbotron-font-weight - Font weight
  * @cssprop {String} --jumbotron-foreground-color - Text color
  * @cssprop {String} --jumbotron-gap - Spacing between sections
@@ -53,14 +57,20 @@ declare const JumbotronElement_base: (abstract new (...args: Array<any>) => impo
  * @cssprop {String} --jumbotron-padding-right - Right padding
  * @cssprop {String} --jumbotron-padding-top - Top padding
  * @cssprop {String} --jumbotron-shadow - Shadow effect
+ * @cssprop {String} --jumbotron-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-spread - The shadow spread CSS custom property.
  * @cssprop {String} --jumbotron-transition-duration - Transition duration
  * @cssprop {String} --jumbotron-transition-mode - Transition timing function
  * @cssprop {String} --jumbotron-transition-property - Properties to transition
+ * @cssprop {String} --jumbotron-translate - The translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component
- * @dependency {DividerElement} - Divider component for sections
- * @dependency {JumbotronHeaderElement} - Header text component
- * @dependency {JumbotronSubHeaderElement} - Subheader text component
+ * @dependency mosaik-divider - The Divider element.
+ * @dependency mosaik-jumbotron-header - The Jumbotron Header element.
+ * @dependency mosaik-jumbotron-sub-header - The Jumbotron Sub Header element.
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic jumbotron with text attributes:

package/Controls/Components/Primitives/Jumbotron/JumbotronElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JumbotronElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAU9D,OAAO,EAAE,qBAAqB,EAAmB,MAAM,oCAAoC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,EAAE,qBAAqB;IAIvF,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,aAAa,CAAC;CAG5B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,qBAea,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,UAAU,CAAgB;IAMlC;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAKjC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}
+{"version":3,"file":"JumbotronElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAU9D,OAAO,EAAE,qBAAqB,EAAmB,MAAM,oCAAoC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,EAAE,qBAAqB;IAIvF,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,aAAa,CAAC;CAG5B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBAea,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,UAAU,CAAgB;IAMlC;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAKjC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}

package/Controls/Components/Primitives/Jumbotron/JumbotronElement.js

@@ -37,15 +37,15 @@ import { TextFormattable } from '../../../Behaviors/TextFormattable';
  * @element mosaik-jumbotron
  * @category Primitives
  *
+ * @slot actions - Action buttons or interactive elements
  * @slot header - Main heading content (or use header attribute)
- * @slot subHeader - Secondary heading content (or use subHeader attribute)
  * @slot hint - Descriptive text or instructions (or use hint attribute)
- * @slot actions - Action buttons or interactive elements
+ * @slot subHeader - Secondary heading content (or use subHeader attribute)
  *
- * @csspart header - Container for header and subheader content
+ * @csspart actions - Container for action buttons
  * @csspart divider - Horizontal divider between header and hint sections
+ * @csspart header - Container for header and subheader content
  * @csspart hint - Container for hint/description text
- * @csspart actions - Container for action buttons
  *
  * @cssprop {String} --jumbotron-background-color - Background color of the jumbotron
  * @cssprop {String} --jumbotron-border-color - Border color
@@ -53,7 +53,11 @@ import { TextFormattable } from '../../../Behaviors/TextFormattable';
  * @cssprop {String} --jumbotron-border-style - Border style
  * @cssprop {String} --jumbotron-border-width - Border width
  * @cssprop {String} --jumbotron-font-family - Font family for text
+ * @cssprop {String} --jumbotron-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --jumbotron-font-line-height - The font line height CSS custom property.
  * @cssprop {String} --jumbotron-font-size - Base font size
+ * @cssprop {String} --jumbotron-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --jumbotron-font-text-transform - The font text transform CSS custom property.
  * @cssprop {String} --jumbotron-font-weight - Font weight
  * @cssprop {String} --jumbotron-foreground-color - Text color
  * @cssprop {String} --jumbotron-gap - Spacing between sections
@@ -62,14 +66,20 @@ import { TextFormattable } from '../../../Behaviors/TextFormattable';
  * @cssprop {String} --jumbotron-padding-right - Right padding
  * @cssprop {String} --jumbotron-padding-top - Top padding
  * @cssprop {String} --jumbotron-shadow - Shadow effect
+ * @cssprop {String} --jumbotron-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --jumbotron-shadow-spread - The shadow spread CSS custom property.
  * @cssprop {String} --jumbotron-transition-duration - Transition duration
  * @cssprop {String} --jumbotron-transition-mode - Transition timing function
  * @cssprop {String} --jumbotron-transition-property - Properties to transition
+ * @cssprop {String} --jumbotron-translate - The translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component
- * @dependency {DividerElement} - Divider component for sections
- * @dependency {JumbotronHeaderElement} - Header text component
- * @dependency {JumbotronSubHeaderElement} - Subheader text component
+ * @dependency mosaik-divider - The Divider element.
+ * @dependency mosaik-jumbotron-header - The Jumbotron Header element.
+ * @dependency mosaik-jumbotron-sub-header - The Jumbotron Sub Header element.
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic jumbotron with text attributes:

package/Controls/Components/Primitives/Jumbotron/JumbotronElement.js.map

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

package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElement.d.ts

@@ -29,7 +29,33 @@ declare const JumbotronHeaderElement_base: (abstract new (...args: Array<any>) =
  *
  * @csspart text - The rendered text element
  *
- * @dependency {TextElement} - Text rendering component
+ * @cssprop {String} --jumbotron-header-background-color - The header background color CSS custom property.
+ * @cssprop {String} --jumbotron-header-border-color - The header border color CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-family - The header font family CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-letter-spacing - The header font letter spacing CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-line-height - The header font line height CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-size - The header font size CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-text-decoration - The header font text decoration CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-text-transform - The header font text transform CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-weight - The header font weight CSS custom property.
+ * @cssprop {String} --jumbotron-header-foreground-color - The header foreground color CSS custom property.
+ * @cssprop {String} --jumbotron-header-gap - The header gap CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-bottom - The header padding bottom CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-left - The header padding left CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-right - The header padding right CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-top - The header padding top CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow - The header shadow CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-blur - The header shadow blur CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-color - The header shadow color CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-offset-x - The header shadow offset x CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-offset-y - The header shadow offset y CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-spread - The header shadow spread CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-duration - The header transition duration CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-mode - The header transition mode CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-property - The header transition property CSS custom property.
+ * @cssprop {String} --jumbotron-header-translate - The header translate CSS custom property.
+ *
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic header via text attribute:

package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JumbotronHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D,OAAO,EAAE,qBAAqB,EAAmB,MAAM,oCAAoC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IAEvE,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,aAAa,CAAC;CAE5B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBAea,sBACT,SAAQ,2BACR,YAAW,4BAA4B;IAIvC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,UAAU,CAAgB;IAMlC;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,sBAAsB,CAAC;KACrD;CACJ"}
+{"version":3,"file":"JumbotronHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D,OAAO,EAAE,qBAAqB,EAAmB,MAAM,oCAAoC,CAAC;AAI5F;;;;GAIG;AACH,MAAM,WAAW,4BAA6B,SAAQ,qBAAqB;IAEvE,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,aAAa,CAAC;CAE5B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,qBAea,sBACT,SAAQ,2BACR,YAAW,4BAA4B;IAIvC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,UAAU,CAAgB;IAMlC;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,aAAa,CAEpC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,aAAa,EAKxC;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,sBAAsB,CAAC;KACrD;CACJ"}

package/Controls/Components/Primitives/Jumbotron/JumbotronHeaderElement.js

@@ -37,7 +37,33 @@ import { TextFormattable } from '../../../Behaviors/TextFormattable';
  *
  * @csspart text - The rendered text element
  *
- * @dependency {TextElement} - Text rendering component
+ * @cssprop {String} --jumbotron-header-background-color - The header background color CSS custom property.
+ * @cssprop {String} --jumbotron-header-border-color - The header border color CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-family - The header font family CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-letter-spacing - The header font letter spacing CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-line-height - The header font line height CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-size - The header font size CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-text-decoration - The header font text decoration CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-text-transform - The header font text transform CSS custom property.
+ * @cssprop {String} --jumbotron-header-font-weight - The header font weight CSS custom property.
+ * @cssprop {String} --jumbotron-header-foreground-color - The header foreground color CSS custom property.
+ * @cssprop {String} --jumbotron-header-gap - The header gap CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-bottom - The header padding bottom CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-left - The header padding left CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-right - The header padding right CSS custom property.
+ * @cssprop {String} --jumbotron-header-padding-top - The header padding top CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow - The header shadow CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-blur - The header shadow blur CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-color - The header shadow color CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-offset-x - The header shadow offset x CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-offset-y - The header shadow offset y CSS custom property.
+ * @cssprop {String} --jumbotron-header-shadow-spread - The header shadow spread CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-duration - The header transition duration CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-mode - The header transition mode CSS custom property.
+ * @cssprop {String} --jumbotron-header-transition-property - The header transition property CSS custom property.
+ * @cssprop {String} --jumbotron-header-translate - The header translate CSS custom property.
+ *
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic header via text attribute: