@breadstone/mosaik-elements-foundation 0.0.201 → 0.0.203

package/Controls/Components/Buttons/Button/ButtonElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqFnF"}
+{"version":3,"file":"ButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoFnF"}

package/Controls/Components/Buttons/Button/ButtonElementTemplate.js

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { ifDefined, when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { IconPosition } from '../../../Types/IconPosition';
 // #endregion
@@ -26,10 +25,10 @@ export function buttonElementTemplate(e) {
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${e.orientation}"
+            <mosaik-stack part="innerStack"
+                          .orientation="${e.orientation}"
                           .verticalAlignment="${e.verticalContentAlignment}"
                           .horizontalAlignment="${e.horizontalContentAlignment}"
-                          .gap="${styleSheetVar('--button-gap')}"
                           .reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                 ${when(e.icon, () => html `
@@ -54,7 +53,6 @@ export function buttonElementTemplate(e) {
         </button>
         ${when(e.isBusy, () => html `
         <mosaik-progress-ring part="progressRing"
-                              .thickness="${styleSheetVar('--button-progress-thickness')}"
                               .radius="${'12px'}"
                               .variant="${e.variant}"
                               .isIndeterminate="${true}"
@@ -64,11 +62,11 @@ export function buttonElementTemplate(e) {
            href="${ifDefined(e.href)}"
            rel="${ifDefined(e.rel)}"
            target="${ifDefined(e.target)}">
-           <mosaik-stack .orientation="${e.orientation}"
-                          .verticalAlignment="${e.verticalContentAlignment}"
-                          .horizontalAlignment="${e.horizontalContentAlignment}"
-                          .gap="${styleSheetVar('--button-gap')}"
-                          .reverse="${e.iconPosition === IconPosition.After}">
+           <mosaik-stack part="innerStack"
+                         .orientation="${e.orientation}"
+                         .verticalAlignment="${e.verticalContentAlignment}"
+                         .horizontalAlignment="${e.horizontalContentAlignment}"
+                         .reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                     ${when(e.icon, () => html `
                     <mosaik-icon part="icon"

package/Controls/Components/Buttons/Button/ButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;UACxB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,aAAa,CAAC,6BAA6B,CAAC;yCAC/C,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mBAEL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;kBAClB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;qBACb,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;yCACC,CAAC,CAAC,WAAW;gDACN,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;sBAErD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEG,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEJ,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;;SAIb,CAAC;;KAEL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;UACxB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;;0CAE4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;sCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;yCAEM,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mBAEL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;kBAClB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;qBACb,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;;yCAEC,CAAC,CAAC,WAAW;+CACP,CAAC,CAAC,wBAAwB;iDACxB,CAAC,CAAC,0BAA0B;qCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;sBAEpD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEG,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEJ,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;;SAIb,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.d.ts.map

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

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js

@@ -111,6 +111,10 @@ export function buttonElementCosmopolitanStyle() {
   --ripple-duration: var(--button-ripple-duration);
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;
@@ -217,6 +221,7 @@ export function buttonElementCosmopolitanStyle() {
 }
 
 :host [part="progressRing"] {
+  --progress-ring-thickness: base. component-property($ props, progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6ST,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkTT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.d.ts.map

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

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js

@@ -111,6 +111,10 @@ export function buttonElementJoyStyle() {
   --ripple-duration: var(--button-ripple-duration);
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;
@@ -217,6 +221,7 @@ export function buttonElementJoyStyle() {
 }
 
 :host [part="progressRing"] {
+  --progress-ring-thickness: base. component-property($ props, progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyuBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8uBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.d.ts.map

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

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js

@@ -116,6 +116,10 @@ export function buttonElementMemphisStyle() {
   --ripple-duration: var(--button-ripple-duration);
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;
@@ -222,6 +226,7 @@ export function buttonElementMemphisStyle() {
 }
 
 :host [part="progressRing"] {
+  --progress-ring-thickness: base. component-property($ props, progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuhBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4hBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA+EnG"}
+{"version":3,"file":"CompoundButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA6EnG"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.js

@@ -2,7 +2,6 @@
 import { html } from '../../../../Dom/Html';
 import { Icons } from '../../../../Resources/Icons';
 import { when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { FlowDirection } from '../../../Types/FlowDirection';
 import { IconPosition } from '../../../Types/IconPosition';
@@ -31,10 +30,9 @@ export function compoundButtonElementTemplate(e) {
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${e.orientation}"
+            <mosaik-stack part="innerStack" .orientation="${e.orientation}"
                           .verticalAlignment="${e.verticalContentAlignment}"
                           .horizontalAlignment="${e.horizontalContentAlignment}"
-                          .gap="${styleSheetVar('--compound-button-gap')}"
                           ?reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="prefix">
                 ${when(e.icon, () => html `
@@ -47,10 +45,9 @@ export function compoundButtonElementTemplate(e) {
                                  ?disabled="${e.disabled}"></mosaik-icon>
                 `)}
                 </slot>
-                <mosaik-stack .orientation="${Orientation.Vertical}"
+                <mosaik-stack part="innerStack" .orientation="${Orientation.Vertical}"
                               .verticalAlignment="${e.verticalContentAlignment}"
-                              .horizontalAlignment="${e.horizontalContentAlignment}"
-                              .gap="${styleSheetVar('--compound-button-gap')}">
+                              .horizontalAlignment="${e.horizontalContentAlignment}">
                     <slot name="label">
                     ${when(e.label.trim(), () => html `
                         <mosaik-text part="label"

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,uBAAuB,CAAC;sCAClC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;8CAE4B,WAAW,CAAC,QAAQ;oDACd,CAAC,CAAC,wBAAwB;sDACxB,CAAC,CAAC,0BAA0B;sCAC5C,aAAa,CAAC,uBAAuB,CAAC;;sBAEtD,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEP,CAAC,CAAC,KAAK;iDACJ,CAAC,CAAC,OAAO;kDACR,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEV,CAAC,CAAC,QAAQ;kDACN,CAAC;iDACF,CAAC,CAAC,OAAO;8CACZ,IAAI;kDACA,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;;sBAIA,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEP,IAAI,CAAC,MAAM;oDACL,UAAU,CAAC,KAAK;iDACnB,CAAC,CAAC,OAAO;8CACZ,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;gDAC1E,IAAI;kDACF,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;;UAIZ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}
+{"version":3,"file":"CompoundButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;4DAC8C,CAAC,CAAC,WAAW;gDACzB,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;sCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;gEAE8C,WAAW,CAAC,QAAQ;oDAChC,CAAC,CAAC,wBAAwB;sDACxB,CAAC,CAAC,0BAA0B;;sBAE5D,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEP,CAAC,CAAC,KAAK;iDACJ,CAAC,CAAC,OAAO;kDACR,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEV,CAAC,CAAC,QAAQ;kDACN,CAAC;iDACF,CAAC,CAAC,OAAO;8CACZ,IAAI;kDACA,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;;sBAIA,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8CAEP,IAAI,CAAC,MAAM;oDACL,UAAU,CAAC,KAAK;iDACnB,CAAC,CAAC,OAAO;8CACZ,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;gDAC1E,IAAI;kDACF,CAAC,CAAC,QAAQ;qBACvC,CAAC;;;;UAIZ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CA4NlE"}
+{"version":3,"file":"CompoundButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAgOlE"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js

@@ -99,6 +99,10 @@ export function compoundButtonElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0NT,CAAC;AACN,CAAC"}
+{"version":3,"file":"CompoundButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8NT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAmpBzD"}
+{"version":3,"file":"CompoundButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAupBzD"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js

@@ -99,6 +99,10 @@ export function compoundButtonElementJoyStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAipBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"CompoundButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqpBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA2V7D"}
+{"version":3,"file":"CompoundButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA+V7D"}

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js

@@ -101,6 +101,10 @@ export function compoundButtonElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"] {
   font-family: inherit;
   font-size: inherit;

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyVT,CAAC;AACN,CAAC"}
+{"version":3,"file":"CompoundButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6VT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAiFnG"}
+{"version":3,"file":"DropDownButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAgFnG"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.js

@@ -2,7 +2,6 @@
 import { html } from '../../../../Dom/Html';
 import { Icons } from '../../../../Resources/Icons';
 import { when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { IconPosition } from '../../../Types/IconPosition';
 import { Placement } from '../../../Types/Placement';
@@ -30,10 +29,9 @@ export function dropDownButtonElementTemplate(e) {
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${e.orientation}"
+            <mosaik-stack part="innerStack" .orientation="${e.orientation}"
                           .verticalAlignment="${e.verticalContentAlignment}"
                           .horizontalAlignment="${e.horizontalContentAlignment}"
-                          .gap="${styleSheetVar('--dropdown-button-gap')}"
                           ?reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                 ${when(e.icon, () => html `

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,uBAAuB,CAAC;sCAClC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;cAGJ,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;wCAGL,UAAU,CAAC,KAAK;qCACnB,CAAC,CAAC,OAAO;kCACZ,IAAI,CAAC,KAAK;kCACV,KAAK,CAAC,SAAS;oCACb,IAAI;sCACF,CAAC,CAAC,QAAQ;aACnC,CAAC;;UAEJ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;+BAEqB,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC;;;;uCAIxD,CAAY;0CACT,CAAC,CAAC,iBAAiB;yCACpB,CAAC,CAAC,gBAAgB;yCAClB,CAAC,CAAC,gBAAgB;yCAClB,CAAC,CAAC,gBAAgB;qCACtB,MAAM;0CACD,CAAC,CAAC,iBAAiB;uDACN,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;qCACpF,IAAI;sCACH,IAAI;uCACH,CAAC,CAAC,cAAc;;;;KAIlD,CAAC;AACN,CAAC"}
+{"version":3,"file":"DropDownButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;4DAC8C,CAAC,CAAC,WAAW;gDACzB,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;sCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;cAGJ,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;wCAGL,UAAU,CAAC,KAAK;qCACnB,CAAC,CAAC,OAAO;kCACZ,IAAI,CAAC,KAAK;kCACV,KAAK,CAAC,SAAS;oCACb,IAAI;sCACF,CAAC,CAAC,QAAQ;aACnC,CAAC;;UAEJ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;+BAEqB,CAAC,CAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC;;;;uCAIxD,CAAY;0CACT,CAAC,CAAC,iBAAiB;yCACpB,CAAC,CAAC,gBAAgB;yCAClB,CAAC,CAAC,gBAAgB;yCAClB,CAAC,CAAC,gBAAgB;qCACtB,MAAM;0CACD,CAAC,CAAC,iBAAiB;uDACN,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;qCACpF,IAAI;sCACH,IAAI;uCACH,CAAC,CAAC,cAAc;;;;KAIlD,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAoTlE"}
+{"version":3,"file":"DropDownButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAwTlE"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js

@@ -99,6 +99,10 @@ export function dropDownButtonElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--dropdown-button-border-radius);
   content: "";

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkTT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DropDownButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsTT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA2qBzD"}
+{"version":3,"file":"DropDownButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA+qBzD"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js

@@ -99,6 +99,10 @@ export function dropDownButtonElementJoyStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--dropdown-button-border-radius);
   content: "";

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyqBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DropDownButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6qBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAkU7D"}
+{"version":3,"file":"DropDownButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAsU7D"}

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js

@@ -101,6 +101,10 @@ export function dropDownButtonElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--dropdown-button-border-radius);
   content: "";

package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgUT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DropDownButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoUT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQjE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAIjF;;;;GAIG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,SAAS,2BAA2B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAwD/G"}
+{"version":3,"file":"FloatingActionButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOjE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAIjF;;;;GAIG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,SAAS,2BAA2B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuD/G"}

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.js

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
 import { IconPosition } from '../../../Types/IconPosition';
@@ -33,10 +32,9 @@ export function floatingActionButtonElementTemplate(e) {
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${Orientation.Horizontal}"
+            <mosaik-stack part="innerStack" .orientation="${Orientation.Horizontal}"
                           .verticalAlignment="${VerticalAlignment.Center}"
                           .horizontalAlignment="${HorizontalAlignment.Center}"
-                          .gap="${styleSheetVar('--fab-gap')}"
                           ?reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                 ${when(e.icon, () => html `

package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mCAAmC,CAAwC,CAAI;IAC3F,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;;oCAEP,OAAO;kCACT,QAAQ;SACjC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,WAAW,CAAC,UAAU;gDAChB,iBAAiB,CAAC,MAAM;kDACtB,mBAAmB,CAAC,MAAM;kCAC1C,aAAa,CAAC,WAAW,CAAC;sCACtB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}
+{"version":3,"file":"FloatingActionButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mCAAmC,CAAwC,CAAI;IAC3F,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;;oCAEP,OAAO;kCACT,QAAQ;SACjC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;4DAC8C,WAAW,CAAC,UAAU;gDAClC,iBAAiB,CAAC,MAAM;kDACtB,mBAAmB,CAAC,MAAM;sCACtC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4CAA4C,IAAI,SAAS,CAwQxE"}
+{"version":3,"file":"FloatingActionButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4CAA4C,IAAI,SAAS,CA4QxE"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js

@@ -91,6 +91,10 @@ export function floatingActionButtonElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--fab-border-radius);
   content: "";

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,4CAA4C;IACxD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsQT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FloatingActionButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,4CAA4C;IACxD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0QT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAuR/D"}
+{"version":3,"file":"FloatingActionButtonElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CA2R/D"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js

@@ -96,6 +96,10 @@ export function floatingActionButtonElementJoyStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--fab-border-radius);
   content: "";

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqRT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FloatingActionButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyRT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,CAuhBnE"}
+{"version":3,"file":"FloatingActionButtonElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,CA2hBnE"}

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js

@@ -100,6 +100,10 @@ export function floatingActionButtonElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--fab-border-radius);
   content: "";

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,uCAAuC;IACnD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqhBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FloatingActionButtonElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.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,uCAAuC;IACnD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyhBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAqD/F"}
+{"version":3,"file":"RepeatButtonElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAoD/F"}

package/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.js

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { styleSheetVar } from '../../../Directives/StyleSheetVarDirective';
 import { Appearance } from '../../../Types/Appearance';
 import { IconPosition } from '../../../Types/IconPosition';
 // #endregion
@@ -25,10 +24,9 @@ export function repeatButtonElementTemplate(e) {
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${e.orientation}"
+            <mosaik-stack part="innerStack" .orientation="${e.orientation}"
                           .verticalAlignment="${e.verticalContentAlignment}"
                           .horizontalAlignment="${e.horizontalContentAlignment}"
-                          .gap="${styleSheetVar('--repeat-button-gap')}"
                           ?reverse="${e.iconPosition === IconPosition.After}">
                 <slot name="icon">
                 ${when(e.icon, () => html `

package/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,qBAAqB,CAAC;sCAChC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}
+{"version":3,"file":"RepeatButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/RepeatButton/RepeatButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2BAA2B,CAAgC,CAAI;IAC3E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;4DAC8C,CAAC,CAAC,WAAW;gDACzB,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;sCACxC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,KAAK;yCACR,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.d.ts.map

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

package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js

@@ -97,6 +97,10 @@ export function repeatButtonElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="innerStack"] {
+  --stack-gap: base. component-property($ props, gap);
+}
+
 :host [part="button"]:before {
   border-radius: var(--repeat-button-border-radius);
   content: "";