@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropDownButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/DropDownButton/DropDownButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAsB,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAE3F,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GG;AAyBI,IAAM,qBAAqB,6BAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGpI,iBAAiB;IAEA,uBAAuB,CAAyB;IAChD,qBAAqB,CAAuB;IACrD,aAAa,CAAU;IAE/B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,uBAAuB,GAAG,IAAI,sBAAsB,CAAC,IAAI,EAAE;YAC5D,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;SAC1C,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,EAAE;YACxD,QAAQ,EAAE,EAAE;YACZ,cAAc,EAAE,qBAAqB;YACrC,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;gBACpB,OAAO,CAAC,YAAY,CAAC,GAAG,uBAAqB,CAAC,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;YACvE,CAAC;SACJ,CAAC,CAAC;QAEH,uEAAuE;QACvE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;IAED;;;;;OAKG;IACH,IAIW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,IAAW,YAAY,CAAC,KAAc;QAClC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,0CAA0C;YAC1C,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;gBAC/B,OAAO;YACX,CAAC;YAED,IAAI,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IAEO,+BAA+B,CAAC,KAAe,EAAE,IAAc;QACrE,sCAAsC;QACtC,IAAI,IAAI,EAAE,CAAC;YACP,2BAA2B;YAC3B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,OAAO;YACX,CAAC;YAED,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;QAC3C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,uBAAuB,CAAC,SAAS,EAAE,CAAC;QAC7C,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,uBAAuB,CAAC,KAAc,EAAE,IAAa;QAC3D,2BAA2B;QAC3B,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,gBAAgB;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED;;;OAGG;IACI,uBAAuB,CAAC,MAAe;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC;IACL,CAAC;CAIJ,CAAA;AArFG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,mGAAmG;KACtG,CAAC;;;yDAGD;AAkCS;IADT,KAAK,CAAC,gBAAgB,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;;;;4EAcvD;AAMS;IADT,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;;;;oEAM/C;AA3HQ,qBAAqB;IAxBjC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,WAAW;YACX,aAAa;SAChB;KACJ,CAAC;;GACW,qBAAqB,CAgJjC"}

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,CAqTlE"}
+{"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,CAsTlE"}

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

@@ -97,14 +97,14 @@ export function dropDownButtonElementCosmopolitanStyle() {
   transition-duration: var(--dropdown-button-transition-duration);
   transition-timing-function: var(--dropdown-button-transition-mode);
   transition-property: var(--dropdown-button-transition-property);
-  transform: var(--dropdown-button-transform);
+  translate: var(--dropdown-button-translate);
+  min-width: var(--dropdown-button-width);
+  min-height: var(--dropdown-button-height);
   cursor: pointer;
   border-start-start-radius: var(--dropdown-button-border-radius);
   border-start-end-radius: var(--dropdown-button-border-radius);
   border-end-end-radius: var(--dropdown-button-border-radius);
   border-end-start-radius: var(--dropdown-button-border-radius);
-  width: auto;
-  height: auto;
   display: flex;
 }
 
@@ -130,6 +130,7 @@ export function dropDownButtonElementCosmopolitanStyle() {
 
 :host [part="innerStack"] {
   --stack-gap: var(--dropdown-button-gap);
+  flex: 1;
 }
 
 :host [part="button"]:before {
@@ -159,7 +160,7 @@ export function dropDownButtonElementCosmopolitanStyle() {
   padding-bottom: var(--dropdown-button-padding-bottom);
   padding-left: var(--dropdown-button-padding-left);
   gap: var(--dropdown-button-gap);
-  background-color: var(--dropdown-button-background-color);
+  background: var(--dropdown-button-background-color);
   color: var(--dropdown-button-foreground-color);
   border-color: var(--dropdown-button-border-color);
   border-width: var(--dropdown-button-border-width);
@@ -178,7 +179,6 @@ export function dropDownButtonElementCosmopolitanStyle() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -187,13 +187,10 @@ export function dropDownButtonElementCosmopolitanStyle() {
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
   outline-style: none;
-  flex-direction: row;
   flex: 1;
-  align-items: center;
   margin: 0;
   text-decoration: none;
   transition-property: inherit;
-  display: flex;
   position: relative;
   overflow: hidden;
 }
@@ -306,14 +303,18 @@ export function dropDownButtonElementCosmopolitanStyle() {
 }
 
 :host([fit="width"]) {
+  --dropdown-button-width: 100%;
   width: 100%;
 }
 
 :host([fit="height"]) {
+  --dropdown-button-height: 100%;
   height: 100%;
 }
 
 :host([fit="both"]) {
+  --dropdown-button-width: 100%;
+  --dropdown-button-height: 100%;
   width: 100%;
   height: 100%;
 }

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmTT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoTT,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,CA6tBzD"}
+{"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,CAkwBzD"}

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

@@ -38,8 +38,8 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
   --dropdown-button-min-width: 64px;
   --dropdown-button-padding-bottom: var(--joy-layout-space);
-  --dropdown-button-padding-left: var(--joy-layout-space);
-  --dropdown-button-padding-right: var(--joy-layout-space);
+  --dropdown-button-padding-left: calc(var(--joy-layout-space) * 2);
+  --dropdown-button-padding-right: calc(var(--joy-layout-space) * 2);
   --dropdown-button-padding-top: var(--joy-layout-space);
   --dropdown-button-progress-ring-width: var(--joy-layout-thickness);
   --dropdown-button-progress-thickness: var(--joy-layout-thickness);
@@ -97,14 +97,14 @@ export function dropDownButtonElementJoyStyle() {
   transition-duration: var(--dropdown-button-transition-duration);
   transition-timing-function: var(--dropdown-button-transition-mode);
   transition-property: var(--dropdown-button-transition-property);
-  transform: var(--dropdown-button-transform);
+  translate: var(--dropdown-button-translate);
+  min-width: var(--dropdown-button-width);
+  min-height: var(--dropdown-button-height);
   cursor: pointer;
   border-start-start-radius: var(--dropdown-button-border-radius);
   border-start-end-radius: var(--dropdown-button-border-radius);
   border-end-end-radius: var(--dropdown-button-border-radius);
   border-end-start-radius: var(--dropdown-button-border-radius);
-  width: auto;
-  height: auto;
   display: flex;
 }
 
@@ -130,6 +130,7 @@ export function dropDownButtonElementJoyStyle() {
 
 :host [part="innerStack"] {
   --stack-gap: var(--dropdown-button-gap);
+  flex: 1;
 }
 
 :host [part="button"]:before {
@@ -159,7 +160,7 @@ export function dropDownButtonElementJoyStyle() {
   padding-bottom: var(--dropdown-button-padding-bottom);
   padding-left: var(--dropdown-button-padding-left);
   gap: var(--dropdown-button-gap);
-  background-color: var(--dropdown-button-background-color);
+  background: var(--dropdown-button-background-color);
   color: var(--dropdown-button-foreground-color);
   border-color: var(--dropdown-button-border-color);
   border-width: var(--dropdown-button-border-width);
@@ -178,7 +179,6 @@ export function dropDownButtonElementJoyStyle() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -187,13 +187,10 @@ export function dropDownButtonElementJoyStyle() {
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
   outline-style: none;
-  flex-direction: row;
   flex: 1;
-  align-items: center;
   margin: 0;
   text-decoration: none;
   transition-property: inherit;
-  display: flex;
   position: relative;
   overflow: hidden;
 }
@@ -306,14 +303,18 @@ export function dropDownButtonElementJoyStyle() {
 }
 
 :host([fit="width"]) {
+  --dropdown-button-width: 100%;
   width: 100%;
 }
 
 :host([fit="height"]) {
+  --dropdown-button-height: 100%;
   height: 100%;
 }
 
 :host([fit="both"]) {
+  --dropdown-button-width: 100%;
+  --dropdown-button-height: 100%;
   width: 100%;
   height: 100%;
 }
@@ -356,6 +357,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-primary-500);
   --dropdown-button-border-color: var(--joy-color-primary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-primary-500);
+  --dropdown-button-ripple-color: var(--joy-color-primary-600);
 }
 
 :host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -366,6 +368,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-secondary-500);
   --dropdown-button-border-color: var(--joy-color-secondary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-secondary-500);
+  --dropdown-button-ripple-color: var(--joy-color-secondary-600);
 }
 
 :host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -376,6 +379,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
   --dropdown-button-border-color: var(--joy-color-tertiary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-tertiary-500);
+  --dropdown-button-ripple-color: var(--joy-color-tertiary-600);
 }
 
 :host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -386,6 +390,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-danger-500);
   --dropdown-button-border-color: var(--joy-color-danger-500);
   --dropdown-button-focus-ring-color: var(--joy-color-danger-500);
+  --dropdown-button-ripple-color: var(--joy-color-danger-600);
 }
 
 :host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
@@ -396,6 +401,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-warning-500);
   --dropdown-button-border-color: var(--joy-color-warning-500);
   --dropdown-button-focus-ring-color: var(--joy-color-warning-500);
+  --dropdown-button-ripple-color: var(--joy-color-warning-600);
 }
 
 :host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
@@ -406,6 +412,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-success-500);
   --dropdown-button-border-color: var(--joy-color-success-500);
   --dropdown-button-focus-ring-color: var(--joy-color-success-500);
+  --dropdown-button-ripple-color: var(--joy-color-success-600);
 }
 
 :host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
@@ -416,6 +423,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-info-500);
   --dropdown-button-border-color: var(--joy-color-info-500);
   --dropdown-button-focus-ring-color: var(--joy-color-info-500);
+  --dropdown-button-ripple-color: var(--joy-color-info-600);
 }
 
 :host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
@@ -426,6 +434,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-highlight-500);
   --dropdown-button-border-color: var(--joy-color-highlight-500);
   --dropdown-button-focus-ring-color: var(--joy-color-highlight-500);
+  --dropdown-button-ripple-color: var(--joy-color-highlight-600);
 }
 
 :host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
@@ -436,6 +445,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-foreground-color: var(--joy-color-neutral-500);
   --dropdown-button-border-color: var(--joy-color-neutral-500);
   --dropdown-button-focus-ring-color: var(--joy-color-neutral-500);
+  --dropdown-button-ripple-color: var(--joy-color-neutral-600);
 }
 
 :host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
@@ -455,6 +465,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-primary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-primary-500);
+  --dropdown-button-ripple-color: var(--joy-color-primary-600);
 }
 
 :host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -465,6 +476,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-secondary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-secondary-500);
+  --dropdown-button-ripple-color: var(--joy-color-secondary-600);
 }
 
 :host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -475,6 +487,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-tertiary-500);
+  --dropdown-button-ripple-color: var(--joy-color-tertiary-600);
 }
 
 :host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -485,6 +498,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-danger-500);
   --dropdown-button-focus-ring-color: var(--joy-color-danger-500);
+  --dropdown-button-ripple-color: var(--joy-color-danger-600);
 }
 
 :host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
@@ -495,6 +509,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-warning-500);
   --dropdown-button-focus-ring-color: var(--joy-color-warning-500);
+  --dropdown-button-ripple-color: var(--joy-color-warning-600);
 }
 
 :host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
@@ -505,6 +520,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-success-500);
   --dropdown-button-focus-ring-color: var(--joy-color-success-500);
+  --dropdown-button-ripple-color: var(--joy-color-success-600);
 }
 
 :host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
@@ -515,6 +531,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-info-500);
   --dropdown-button-focus-ring-color: var(--joy-color-info-500);
+  --dropdown-button-ripple-color: var(--joy-color-info-600);
 }
 
 :host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
@@ -525,6 +542,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-highlight-500);
   --dropdown-button-focus-ring-color: var(--joy-color-highlight-500);
+  --dropdown-button-ripple-color: var(--joy-color-highlight-600);
 }
 
 :host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
@@ -535,6 +553,7 @@ export function dropDownButtonElementJoyStyle() {
 :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --dropdown-button-foreground-color: var(--joy-color-neutral-500);
   --dropdown-button-focus-ring-color: var(--joy-color-neutral-500);
+  --dropdown-button-ripple-color: var(--joy-color-neutral-600);
 }
 
 :host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
@@ -556,6 +575,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-primary-100);
   --dropdown-button-foreground-color: var(--joy-color-primary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-primary-500);
+  --dropdown-button-ripple-color: var(--joy-color-primary-600);
 }
 
 :host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -566,6 +586,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-secondary-100);
   --dropdown-button-foreground-color: var(--joy-color-secondary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-secondary-500);
+  --dropdown-button-ripple-color: var(--joy-color-secondary-600);
 }
 
 :host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -576,6 +597,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-tertiary-100);
   --dropdown-button-foreground-color: var(--joy-color-tertiary-500);
   --dropdown-button-focus-ring-color: var(--joy-color-tertiary-500);
+  --dropdown-button-ripple-color: var(--joy-color-tertiary-600);
 }
 
 :host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -586,6 +608,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-danger-100);
   --dropdown-button-foreground-color: var(--joy-color-danger-500);
   --dropdown-button-focus-ring-color: var(--joy-color-danger-500);
+  --dropdown-button-ripple-color: var(--joy-color-danger-600);
 }
 
 :host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
@@ -596,6 +619,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-warning-100);
   --dropdown-button-foreground-color: var(--joy-color-warning-500);
   --dropdown-button-focus-ring-color: var(--joy-color-warning-500);
+  --dropdown-button-ripple-color: var(--joy-color-warning-600);
 }
 
 :host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
@@ -606,6 +630,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-success-100);
   --dropdown-button-foreground-color: var(--joy-color-success-500);
   --dropdown-button-focus-ring-color: var(--joy-color-success-500);
+  --dropdown-button-ripple-color: var(--joy-color-success-600);
 }
 
 :host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
@@ -616,6 +641,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-info-100);
   --dropdown-button-foreground-color: var(--joy-color-info-500);
   --dropdown-button-focus-ring-color: var(--joy-color-info-500);
+  --dropdown-button-ripple-color: var(--joy-color-info-600);
 }
 
 :host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
@@ -626,6 +652,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-highlight-100);
   --dropdown-button-foreground-color: var(--joy-color-highlight-500);
   --dropdown-button-focus-ring-color: var(--joy-color-highlight-500);
+  --dropdown-button-ripple-color: var(--joy-color-highlight-600);
 }
 
 :host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
@@ -636,6 +663,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-neutral-100);
   --dropdown-button-foreground-color: var(--joy-color-neutral-500);
   --dropdown-button-focus-ring-color: var(--joy-color-neutral-500);
+  --dropdown-button-ripple-color: var(--joy-color-neutral-600);
 }
 
 :host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
@@ -656,6 +684,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-primary-500);
   --dropdown-button-foreground-color: var(--joy-color-primary-0);
   --dropdown-button-focus-ring-color: var(--joy-color-primary-500);
+  --dropdown-button-ripple-color: var(--joy-color-primary-600);
 }
 
 :host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -666,6 +695,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-secondary-500);
   --dropdown-button-foreground-color: var(--joy-color-secondary-0);
   --dropdown-button-focus-ring-color: var(--joy-color-secondary-500);
+  --dropdown-button-ripple-color: var(--joy-color-secondary-600);
 }
 
 :host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -676,6 +706,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-tertiary-500);
   --dropdown-button-foreground-color: var(--joy-color-tertiary-0);
   --dropdown-button-focus-ring-color: var(--joy-color-tertiary-500);
+  --dropdown-button-ripple-color: var(--joy-color-tertiary-600);
 }
 
 :host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
@@ -686,6 +717,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-danger-500);
   --dropdown-button-foreground-color: var(--joy-color-danger-0);
   --dropdown-button-focus-ring-color: var(--joy-color-danger-500);
+  --dropdown-button-ripple-color: var(--joy-color-danger-600);
 }
 
 :host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
@@ -696,6 +728,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-warning-500);
   --dropdown-button-foreground-color: var(--joy-color-warning-0);
   --dropdown-button-focus-ring-color: var(--joy-color-warning-500);
+  --dropdown-button-ripple-color: var(--joy-color-warning-600);
 }
 
 :host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
@@ -706,6 +739,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-success-500);
   --dropdown-button-foreground-color: var(--joy-color-success-0);
   --dropdown-button-focus-ring-color: var(--joy-color-success-500);
+  --dropdown-button-ripple-color: var(--joy-color-success-600);
 }
 
 :host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
@@ -716,6 +750,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-info-500);
   --dropdown-button-foreground-color: var(--joy-color-info-0);
   --dropdown-button-focus-ring-color: var(--joy-color-info-500);
+  --dropdown-button-ripple-color: var(--joy-color-info-600);
 }
 
 :host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
@@ -726,6 +761,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-highlight-500);
   --dropdown-button-foreground-color: var(--joy-color-highlight-0);
   --dropdown-button-focus-ring-color: var(--joy-color-highlight-500);
+  --dropdown-button-ripple-color: var(--joy-color-highlight-600);
 }
 
 :host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
@@ -736,6 +772,7 @@ export function dropDownButtonElementJoyStyle() {
   --dropdown-button-background-color: var(--joy-color-neutral-500);
   --dropdown-button-foreground-color: var(--joy-color-neutral-0);
   --dropdown-button-focus-ring-color: var(--joy-color-neutral-500);
+  --dropdown-button-ripple-color: var(--joy-color-neutral-600);
 }
 
 :host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2tBT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgwBT,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,CAiU7D"}
+{"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"}

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

@@ -97,14 +97,14 @@ export function dropDownButtonElementMemphisStyle() {
   transition-duration: var(--dropdown-button-transition-duration);
   transition-timing-function: var(--dropdown-button-transition-mode);
   transition-property: var(--dropdown-button-transition-property);
-  transform: var(--dropdown-button-transform);
+  translate: var(--dropdown-button-translate);
+  min-width: var(--dropdown-button-width);
+  min-height: var(--dropdown-button-height);
   cursor: pointer;
   border-start-start-radius: var(--dropdown-button-border-radius);
   border-start-end-radius: var(--dropdown-button-border-radius);
   border-end-end-radius: var(--dropdown-button-border-radius);
   border-end-start-radius: var(--dropdown-button-border-radius);
-  width: auto;
-  height: auto;
   display: flex;
 }
 
@@ -130,6 +130,7 @@ export function dropDownButtonElementMemphisStyle() {
 
 :host [part="innerStack"] {
   --stack-gap: var(--dropdown-button-gap);
+  flex: 1;
 }
 
 :host [part="button"]:before {
@@ -159,7 +160,7 @@ export function dropDownButtonElementMemphisStyle() {
   padding-bottom: var(--dropdown-button-padding-bottom);
   padding-left: var(--dropdown-button-padding-left);
   gap: var(--dropdown-button-gap);
-  background-color: var(--dropdown-button-background-color);
+  background: var(--dropdown-button-background-color);
   color: var(--dropdown-button-foreground-color);
   border-color: var(--dropdown-button-border-color);
   border-width: var(--dropdown-button-border-width);
@@ -178,7 +179,6 @@ export function dropDownButtonElementMemphisStyle() {
   z-index: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
-  min-height: 40px;
   cursor: inherit;
   pointer-events: inherit;
   border-style: solid;
@@ -187,13 +187,10 @@ export function dropDownButtonElementMemphisStyle() {
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
   outline-style: none;
-  flex-direction: row;
   flex: 1;
-  align-items: center;
   margin: 0;
   text-decoration: none;
   transition-property: inherit;
-  display: flex;
   position: relative;
   overflow: hidden;
 }
@@ -306,14 +303,18 @@ export function dropDownButtonElementMemphisStyle() {
 }
 
 :host([fit="width"]) {
+  --dropdown-button-width: 100%;
   width: 100%;
 }
 
 :host([fit="height"]) {
+  --dropdown-button-height: 100%;
   height: 100%;
 }
 
 :host([fit="both"]) {
+  --dropdown-button-width: 100%;
+  --dropdown-button-height: 100%;
   width: 100%;
   height: 100%;
 }

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+TT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgUT,CAAC;AACN,CAAC"}