@breadstone/mosaik-elements-foundation 0.0.229 → 0.0.231

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

@@ -64,11 +64,21 @@ import { buttonGroupElementMemphisStyle } from './Themes/ButtonGroupElement.Memp
  * @cssprop {String} --button-border-width
  *
  * @example
+ * Basic button group:
  * ```html
  * <mosaik-button-group>
- *   <mosaik-button label="Button 1"></mosaik-button>
- *   <mosaik-button label="Button 2"></mosaik-button>
- *   <mosaik-button label="Button 3"></mosaik-button>
+ *   <mosaik-button></mosaik-button>
+ *   <mosaik-button></mosaik-button>
+ *   <mosaik-button></mosaik-button>
+ * </mosaik-button-group>
+ * ```
+ *
+ * @example
+ * Vertical group with shared appearance and variant:
+ * ```html
+ * <mosaik-button-group orientation="vertical" appearance="solid" variant="primary">
+ *   <mosaik-button></mosaik-button>
+ *   <mosaik-button></mosaik-button>
  * </mosaik-button-group>
  * ```
  *
@@ -95,8 +105,8 @@ let ButtonGroupElement = class ButtonGroupElement extends Themeable(Orientable(D
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

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

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

package/Controls/Components/Buttons/Button/ButtonGroupElementTemplate.d.ts

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

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

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

package/Controls/Components/Buttons/Button/IButtonGroupElementProps.d.ts

@@ -4,7 +4,7 @@ import type { IOrientableProps } from '../../../Behaviors/Orientable';
 import type { ISlottableProps } from '../../../Behaviors/Slottable';
 import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
- * Represents the `{@link IButtonGroupElementProps}` interface.
+ * Represents the `IButtonGroupElementProps` interface.
  *
  * @public
  */

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,CA8X1D"}
+{"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,CAqY1D"}

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

@@ -43,10 +43,16 @@ export function buttonElementCosmopolitanStyle() {
   --button-progress-ring-width: var(--cosmopolitan-layout-thickness);
   --button-ripple-color: unset;
   --button-ripple-duration: .2s;
+  --button-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
+  --button-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
+  --button-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
+  --button-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
+  --button-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
+  --button-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
   --button-transition-duration: var(--cosmopolitan-layout-transition);
   --button-transition-mode: ease;
   --button-transition-property: background-color, color, border-color, opacity, box-shadow;
-  --button-translate: unset;
+  --button-translate: none;
   --button-width: auto;
 }
 
@@ -144,6 +150,7 @@ export function buttonElementCosmopolitanStyle() {
   border-width: var(--button-border-width);
   border-radius: var(--button-border-radius);
   border-style: var(--button-border-style);
+  box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) var(--button-shadow-spread) var(--button-shadow-color);
   transition-property: inherit;
 }
 

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4XT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmYT,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,CAmwBjD"}
+{"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,CA8wBjD"}

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

@@ -43,6 +43,12 @@ export function buttonElementJoyStyle() {
   --button-progress-ring-width: var(--joy-layout-thickness);
   --button-ripple-color: unset;
   --button-ripple-duration: .2s;
+  --button-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
+  --button-shadow-blur: var(--joy-elevation-semilight-blur-0);
+  --button-shadow-color: var(--joy-elevation-semilight-color-0);
+  --button-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
+  --button-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
+  --button-shadow-spread: var(--joy-elevation-semilight-spread-0);
   --button-transition-duration: var(--joy-duration-short);
   --button-transition-mode: ease;
   --button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
@@ -144,6 +150,7 @@ export function buttonElementJoyStyle() {
   border-width: var(--button-border-width);
   border-radius: var(--button-border-radius);
   border-style: var(--button-border-style);
+  box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) var(--button-shadow-spread) var(--button-shadow-color);
   transition-property: inherit;
 }
 
@@ -722,6 +729,8 @@ export function buttonElementJoyStyle() {
   --button-padding-right: calc(var(--joy-layout-space) - 4px);
   --button-padding-bottom: calc(var(--joy-layout-space) - 4px);
   --button-padding-left: calc(var(--joy-layout-space) - 4px);
+  --button-icon-min-width: 24px;
+  --button-icon-min-height: 24px;
 }
 
 :host([size="small"]) {
@@ -731,6 +740,8 @@ export function buttonElementJoyStyle() {
   --button-padding-right: calc(var(--joy-layout-space) - 2px);
   --button-padding-bottom: calc(var(--joy-layout-space) - 2px);
   --button-padding-left: calc(var(--joy-layout-space) - 2px);
+  --button-icon-min-width: 24px;
+  --button-icon-min-height: 24px;
 }
 
 :host([size="medium"]) {

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiwBT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4wBT,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,CAklBrD"}
+{"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,CAolBrD"}

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

@@ -43,6 +43,7 @@ export function buttonElementMemphisStyle() {
   --button-progress-ring-width: var(--memphis-layout-thickness);
   --button-ripple-color: unset;
   --button-ripple-duration: .2s;
+  --button-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
   --button-shadow-blur: var(--memphis-elevation-semilight-blur-0);
   --button-shadow-color: var(--memphis-elevation-semilight-color-0);
   --button-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
@@ -149,6 +150,7 @@ export function buttonElementMemphisStyle() {
   border-width: var(--button-border-width);
   border-radius: var(--button-border-radius);
   border-style: var(--button-border-style);
+  box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) var(--button-shadow-spread) var(--button-shadow-color);
   transition-property: inherit;
 }
 

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAglBT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAklBT,CAAC;AACN,CAAC"}

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

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

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

@@ -31,6 +31,12 @@ export function buttonGroupElementCosmopolitanStyle() {
   --button-group-padding-left: unset;
   --button-group-padding-right: unset;
   --button-group-padding-top: unset;
+  --button-group-shadow: unset unset unset unset unset;
+  --button-group-shadow-blur: unset;
+  --button-group-shadow-color: unset;
+  --button-group-shadow-offset-x: unset;
+  --button-group-shadow-offset-y: unset;
+  --button-group-shadow-spread: unset;
   --button-group-transition-duration: unset;
   --button-group-transition-mode: unset;
   --button-group-transition-property: unset;

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonGroupElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6KT,CAAC;AACN,CAAC"}

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

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

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

@@ -31,6 +31,12 @@ export function buttonGroupElementJoyStyle() {
   --button-group-padding-left: 0;
   --button-group-padding-right: 0;
   --button-group-padding-top: 0;
+  --button-group-shadow: unset unset unset unset unset;
+  --button-group-shadow-blur: unset;
+  --button-group-shadow-color: unset;
+  --button-group-shadow-offset-x: unset;
+  --button-group-shadow-offset-y: unset;
+  --button-group-shadow-spread: unset;
   --button-group-transition-duration: var(--joy-duration-short);
   --button-group-transition-mode: ease;
   --button-group-transition-property: background-color, color, border-color, opacity;

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoWT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonGroupElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0WT,CAAC;AACN,CAAC"}

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

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

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

@@ -31,6 +31,7 @@ export function buttonGroupElementMemphisStyle() {
   --button-group-padding-left: 0;
   --button-group-padding-right: 0;
   --button-group-padding-top: 0;
+  --button-group-shadow: unset unset unset unset unset;
   --button-group-shadow-blur: unset;
   --button-group-shadow-color: unset;
   --button-group-shadow-offset-x: unset;

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonGroupElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonGroupElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiLT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts

@@ -78,18 +78,16 @@ declare const CompoundButtonElement_base: (abstract new (...args: Array<any>) =>
  * @dependency {ProgressRingElement} - Progress indicator component for busy states
  *
  * @example
- * Basic compound button with label and sub-label:
+ * Basic compound button with label:
  * ```html
- * <mosaik-compound-button label="Settings" sub-label="Manage your preferences"></mosaik-compound-button>
+ * <mosaik-compound-button label="Settings"></mosaik-compound-button>
  * ```
  *
  * @example
- * Navigation compound button with icon and chevron:
+ * Navigation compound button with chevron:
  * ```html
  * <mosaik-compound-button label="Account Settings"
- *                         sub-label="Update profile and security"
- *                         icon="user-settings-icon"
- *                         is-navigation="true"
+ *                         is-navigation
  *                         variant="primary"></mosaik-compound-button>
  * ```
  *
@@ -103,8 +101,8 @@ export declare class CompoundButtonElement extends CompoundButtonElement_base im
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -122,7 +120,7 @@ export declare class CompoundButtonElement extends CompoundButtonElement_base im
      * Gets or sets the `isNavigation` property.
      *
      * @public
-     * @attr
+     * @attr is-navigation
      */
     get isNavigation(): boolean;
     set isNavigation(value: boolean);

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

@@ -1 +1 @@
-{"version":3,"file":"CompoundButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBAqBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAItC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;CAIJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}
+{"version":3,"file":"CompoundButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,qBAqBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAItC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;CAIJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}

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

@@ -108,18 +108,16 @@ import { compoundButtonElementMemphisStyle } from './Themes/CompoundButtonElemen
  * @dependency {ProgressRingElement} - Progress indicator component for busy states
  *
  * @example
- * Basic compound button with label and sub-label:
+ * Basic compound button with label:
  * ```html
- * <mosaik-compound-button label="Settings" sub-label="Manage your preferences"></mosaik-compound-button>
+ * <mosaik-compound-button label="Settings"></mosaik-compound-button>
  * ```
  *
  * @example
- * Navigation compound button with icon and chevron:
+ * Navigation compound button with chevron:
  * ```html
  * <mosaik-compound-button label="Account Settings"
- *                         sub-label="Update profile and security"
- *                         icon="user-settings-icon"
- *                         is-navigation="true"
+ *                         is-navigation
  *                         variant="primary"></mosaik-compound-button>
  * ```
  *
@@ -144,8 +142,8 @@ let CompoundButtonElement = class CompoundButtonElement extends Themeable(Revers
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -172,7 +170,7 @@ let CompoundButtonElement = class CompoundButtonElement extends Themeable(Revers
      * Gets or sets the `isNavigation` property.
      *
      * @public
-     * @attr
+     * @attr is-navigation
      */
     get isNavigation() {
         return this._isNavigation;

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

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

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

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

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

@@ -9,7 +9,7 @@ import { Orientation } from '../../../Types/Orientation';
 import { Size } from '../../../Types/Size';
 // #endregion
 /**
- * The template of the {@link CompoundButtonElement}.
+ * The template of the `CompoundButtonElement`.
  *
  * @public
  */
@@ -25,7 +25,7 @@ export function compoundButtonElementTemplate(e) {
         <button id="button"
                 part="button"
                 type="${e.type}">
-            ${when(!e.disabled, () => html `
+            ${when(!e.disabled && e.ripple, () => html `
             <mosaik-ripple part="ripple"
                            .variant="${e.variant}"
                            .for="${'button'}"></mosaik-ripple>

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,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;;uCAEI,CAAC,CAAC,IAAI;sCACP,CAAC,CAAC,GAAG;yCACF,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,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEf,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;;uCAEI,CAAC,CAAC,IAAI;sCACP,CAAC,CAAC,GAAG;yCACF,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/CompoundButton/ICompoundButtonElementProps.d.ts

@@ -8,7 +8,7 @@ import type { IReversibleProps } from '../../../Behaviors/Reversible';
 import type { IThemeableProps } from '../../../Behaviors/Themeable';
 import type { IButtonBaseElementProps } from '../Abstracts/IButtonBaseElementProps';
 /**
- * Represents the `{@link ICompoundButtonElementProps}` interface.
+ * Represents the `ICompoundButtonElementProps` interface.
  *
  * @public
  */

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,CA0OlE"}
+{"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,CA+OlE"}

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

@@ -43,7 +43,12 @@ export function compoundButtonElementCosmopolitanStyle() {
   --compound-button-progress-ring-width: var(--cosmopolitan-layout-thickness);
   --compound-button-ripple-color: unset;
   --compound-button-ripple-duration: .2s;
-  --compound-button-shadow: var(--cosmopolitan-elevation-none);
+  --compound-button-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
+  --compound-button-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
+  --compound-button-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
+  --compound-button-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
+  --compound-button-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
+  --compound-button-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
   --compound-button-transition-duration: .2s;
   --compound-button-transition-mode: ease;
   --compound-button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwOT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6OT,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,CAmrBzD"}
+{"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,CAwrBzD"}

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

@@ -43,7 +43,12 @@ export function compoundButtonElementJoyStyle() {
   --compound-button-progress-ring-width: var(--joy-layout-thickness);
   --compound-button-ripple-color: unset;
   --compound-button-ripple-duration: .2s;
-  --compound-button-shadow: var(--joy-elevation-none);
+  --compound-button-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
+  --compound-button-shadow-blur: var(--joy-elevation-semilight-blur-0);
+  --compound-button-shadow-color: var(--joy-elevation-semilight-color-0);
+  --compound-button-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
+  --compound-button-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
+  --compound-button-shadow-spread: var(--joy-elevation-semilight-spread-0);
   --compound-button-transition-duration: var(--joy-duration-short);
   --compound-button-transition-mode: ease;
   --compound-button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAirBT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsrBT,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,CA6X7D"}
+{"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,CAgY7D"}

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

@@ -31,6 +31,7 @@ export function compoundButtonElementMemphisStyle() {
   --compound-button-font-weight: var(--memphis-typography-button-font-weight);
   --compound-button-foreground-color: var(--memphis-scheme-foreground);
   --compound-button-gap: var(--memphis-layout-space);
+  --compound-button-height: auto;
   --compound-button-icon-min-width: 36px;
   --compound-button-icon-min-height: 36px;
   --compound-button-min-height: calc(var(--memphis-layout-space) * 5 - var(--memphis-layout-space) / 2);
@@ -42,6 +43,7 @@ export function compoundButtonElementMemphisStyle() {
   --compound-button-progress-ring-width: var(--memphis-layout-thickness);
   --compound-button-ripple-color: unset;
   --compound-button-ripple-duration: .2s;
+  --compound-button-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
   --compound-button-shadow-blur: var(--memphis-elevation-semilight-blur-0);
   --compound-button-shadow-color: var(--memphis-elevation-semilight-color-0);
   --compound-button-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
@@ -51,6 +53,7 @@ export function compoundButtonElementMemphisStyle() {
   --compound-button-transition-mode: ease;
   --compound-button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
   --compound-button-translate: none;
+  --compound-button-width: auto;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2XT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8XT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.d.ts

@@ -60,11 +60,23 @@ declare const DropDownButtonElement_base: (abstract new (...args: Array<any>) =>
  * @dependency {MenuElement} - The Menu element.
  *
  * @example
+ * Basic dropdown button:
  * ```html
- * <mosaik-dropdown-button label="Options" icon="menu">
+ * <mosaik-dropdown-button label="Options">
  *   <mosaik-menu>
- *     <mosaik-menu-item>Option 1</mosaik-menu-item>
- *     <mosaik-menu-item>Option 2</mosaik-menu-item>
+ *     <mosaik-menu-item label="Option 1"></mosaik-menu-item>
+ *     <mosaik-menu-item label="Option 2"></mosaik-menu-item>
+ *   </mosaik-menu>
+ * </mosaik-dropdown-button>
+ * ```
+ *
+ * @example
+ * Dropdown button with variant and no caret:
+ * ```html
+ * <mosaik-dropdown-button label="Actions" variant="primary" caret-visible="false">
+ *   <mosaik-menu>
+ *     <mosaik-menu-item label="Edit"></mosaik-menu-item>
+ *     <mosaik-menu-item label="Delete"></mosaik-menu-item>
  *   </mosaik-menu>
  * </mosaik-dropdown-button>
  * ```
@@ -80,8 +92,8 @@ export declare class DropDownButtonElement extends DropDownButtonElement_base im
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -92,7 +104,7 @@ export declare class DropDownButtonElement extends DropDownButtonElement_base im
      * Gets or sets the `caretVisible` property.
      *
      * @public
-     * @attr
+     * @attr caret-visible
      */
     get caretVisible(): boolean;
     set caretVisible(value: boolean);

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,qBAwBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B,EAAE,aAAa;IAIrD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAyBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAazC;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAehF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAIxB;;;OAGG;IACI,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAQxD;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}
+{"version":3,"file":"DropDownButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAoBnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,qBAwBa,qBACT,SAAQ,0BACR,YAAW,2BAA2B,EAAE,aAAa;IAIrD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,aAAa,CAAU;IAM/B;;OAEG;;IAyBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAazC;;OAEG;IAEH,SAAS,CAAC,+BAA+B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAehF;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAOtE;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAIxB;;;OAGG;IACI,uBAAuB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;CAQxD;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}