@breadstone/mosaik-elements-foundation 0.0.230 → 0.0.232

package/Controls/Components/Inputs/Select/SelectItemGroupElement.d.ts

@@ -1,7 +1,7 @@
 import { CustomElement } from '../../Abstracts/CustomElement';
+import { IItemsAware } from '../../Interfaces/IItemsAware';
 import type { ISelectItemGroupElementProps } from './ISelectItemGroupElementProps';
 import { SelectItemElement } from './SelectItemElement';
-import { IItemsAware } from '../../Interfaces/IItemsAware';
 declare const SelectItemGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Select Item Group - A labeled collection of related select options within dropdown menus.
@@ -25,25 +25,46 @@ declare const SelectItemGroupElement_base: (abstract new (...args: Array<any>) =
  * @csspart header - The group header text element displaying the group label
  *
  * @cssprop {String} --select-item-group-background-color - The background color of the group
- * @cssprop {String} --select-item-group-foreground-color - The header text color
  * @cssprop {String} --select-item-group-border-color - The border color
- * @cssprop {String} --select-item-group-border-width - The border thickness
- * @cssprop {String} --select-item-group-border-style - The border line style
  * @cssprop {String} --select-item-group-border-radius - The corner rounding radius
+ * @cssprop {String} --select-item-group-border-style - The border line style
+ * @cssprop {String} --select-item-group-border-width - The border thickness
  * @cssprop {String} --select-item-group-font-family - The font family for group header
+ * @cssprop {String} --select-item-group-font-letter-spacing - The item group font letter spacing CSS custom property.
+ * @cssprop {String} --select-item-group-font-line-height - The item group font line height CSS custom property.
  * @cssprop {String} --select-item-group-font-size - The font size for group header
+ * @cssprop {String} --select-item-group-font-text-decoration - The item group font text decoration CSS custom property.
+ * @cssprop {String} --select-item-group-font-text-transform - The item group font text transform CSS custom property.
  * @cssprop {String} --select-item-group-font-weight - The font weight for group header
- * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
- * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-foreground-color - The header text color
+ * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-header-font-family - The font family for header text
+ * @cssprop {String} --select-item-group-header-font-letter-spacing - The letter spacing for header text
+ * @cssprop {String} --select-item-group-header-font-line-height - The line height for header text
+ * @cssprop {String} --select-item-group-header-font-size - The font size for header text
+ * @cssprop {String} --select-item-group-header-font-text-decoration - The text decoration for header
+ * @cssprop {String} --select-item-group-header-font-text-transform - The text transformation for header
+ * @cssprop {String} --select-item-group-header-font-weight - The font weight for header text
+ * @cssprop {String} --select-item-group-header-padding-bottom - The header bottom padding
+ * @cssprop {String} --select-item-group-header-padding-left - The header left padding
+ * @cssprop {String} --select-item-group-header-padding-right - The header right padding
+ * @cssprop {String} --select-item-group-header-padding-top - The header top padding
  * @cssprop {String} --select-item-group-padding-bottom - The bottom padding inside the group
  * @cssprop {String} --select-item-group-padding-left - The left padding inside the group
- * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
  * @cssprop {String} --select-item-group-shadow - The drop shadow or elevation effect
+ * @cssprop {String} --select-item-group-shadow-blur - The item group shadow blur CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-color - The item group shadow color CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-offset-x - The item group shadow offset x CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-offset-y - The item group shadow offset y CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-spread - The item group shadow spread CSS custom property.
  * @cssprop {String} --select-item-group-transition-duration - The duration of state transitions
  * @cssprop {String} --select-item-group-transition-mode - The timing function for transitions
  * @cssprop {String} --select-item-group-transition-property - The CSS properties to transition
+ * @cssprop {String} --select-item-group-translate - The item group translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component for group header labels
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic grouped select items:

package/Controls/Components/Inputs/Select/SelectItemGroupElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;;AAK3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBAYa,sBACT,SAAQ,2BACR,YAAW,4BAA4B,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAIvE,OAAO,CAAC,OAAO,CAAS;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAG3C;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,sBAAsB,CAAC;KACtD;CACJ"}
+{"version":3,"file":"SelectItemGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAQxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,qBAYa,sBACT,SAAQ,2BACR,YAAW,4BAA4B,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAIvE,OAAO,CAAC,OAAO,CAAS;IAMxB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAI3C;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,sBAAsB,CAAC;KACtD;CACJ"}

package/Controls/Components/Inputs/Select/SelectItemGroupElement.js

@@ -8,17 +8,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
 import { SelectItemElement } from './SelectItemElement';
 import { selectItemGroupElementTemplate } from './SelectItemGroupElementTemplate';
+import { selectItemGroupElementCosmopolitanStyle } from './Themes/SelectItemGroupElement.Cosmopolitan';
 import { selectItemGroupElementJoyStyle } from './Themes/SelectItemGroupElement.Joy';
 import { selectItemGroupElementMemphisStyle } from './Themes/SelectItemGroupElement.Memphis';
-import { selectItemGroupElementCosmopolitanStyle } from './Themes/SelectItemGroupElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
-import { getSlotElements } from '../../../../Dom/Slot';
 // #endregion
 /**
  * Select Item Group - A labeled collection of related select options within dropdown menus.
@@ -42,25 +41,46 @@ import { getSlotElements } from '../../../../Dom/Slot';
  * @csspart header - The group header text element displaying the group label
  *
  * @cssprop {String} --select-item-group-background-color - The background color of the group
- * @cssprop {String} --select-item-group-foreground-color - The header text color
  * @cssprop {String} --select-item-group-border-color - The border color
- * @cssprop {String} --select-item-group-border-width - The border thickness
- * @cssprop {String} --select-item-group-border-style - The border line style
  * @cssprop {String} --select-item-group-border-radius - The corner rounding radius
+ * @cssprop {String} --select-item-group-border-style - The border line style
+ * @cssprop {String} --select-item-group-border-width - The border thickness
  * @cssprop {String} --select-item-group-font-family - The font family for group header
+ * @cssprop {String} --select-item-group-font-letter-spacing - The item group font letter spacing CSS custom property.
+ * @cssprop {String} --select-item-group-font-line-height - The item group font line height CSS custom property.
  * @cssprop {String} --select-item-group-font-size - The font size for group header
+ * @cssprop {String} --select-item-group-font-text-decoration - The item group font text decoration CSS custom property.
+ * @cssprop {String} --select-item-group-font-text-transform - The item group font text transform CSS custom property.
  * @cssprop {String} --select-item-group-font-weight - The font weight for group header
- * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
- * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-foreground-color - The header text color
+ * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-header-font-family - The font family for header text
+ * @cssprop {String} --select-item-group-header-font-letter-spacing - The letter spacing for header text
+ * @cssprop {String} --select-item-group-header-font-line-height - The line height for header text
+ * @cssprop {String} --select-item-group-header-font-size - The font size for header text
+ * @cssprop {String} --select-item-group-header-font-text-decoration - The text decoration for header
+ * @cssprop {String} --select-item-group-header-font-text-transform - The text transformation for header
+ * @cssprop {String} --select-item-group-header-font-weight - The font weight for header text
+ * @cssprop {String} --select-item-group-header-padding-bottom - The header bottom padding
+ * @cssprop {String} --select-item-group-header-padding-left - The header left padding
+ * @cssprop {String} --select-item-group-header-padding-right - The header right padding
+ * @cssprop {String} --select-item-group-header-padding-top - The header top padding
  * @cssprop {String} --select-item-group-padding-bottom - The bottom padding inside the group
  * @cssprop {String} --select-item-group-padding-left - The left padding inside the group
- * @cssprop {String} --select-item-group-gap - The spacing between header and items
+ * @cssprop {String} --select-item-group-padding-right - The right padding inside the group
+ * @cssprop {String} --select-item-group-padding-top - The top padding inside the group
  * @cssprop {String} --select-item-group-shadow - The drop shadow or elevation effect
+ * @cssprop {String} --select-item-group-shadow-blur - The item group shadow blur CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-color - The item group shadow color CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-offset-x - The item group shadow offset x CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-offset-y - The item group shadow offset y CSS custom property.
+ * @cssprop {String} --select-item-group-shadow-spread - The item group shadow spread CSS custom property.
  * @cssprop {String} --select-item-group-transition-duration - The duration of state transitions
  * @cssprop {String} --select-item-group-transition-mode - The timing function for transitions
  * @cssprop {String} --select-item-group-transition-property - The CSS properties to transition
+ * @cssprop {String} --select-item-group-translate - The item group translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component for group header labels
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic grouped select items:
@@ -148,8 +168,9 @@ let SelectItemGroupElement = class SelectItemGroupElement extends Themeable(Cust
      * @readonly
      */
     get items() {
-        const elements = getSlotElements(this.shadowRoot, SelectItemElement.is);
-        return elements;
+        return Array
+            .from(this.children)
+            .filter((child) => child instanceof SelectItemElement);
     }
 };
 __decorate([

package/Controls/Components/Inputs/Select/SelectItemGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AAaI,IAAM,sBAAsB,GAA5B,MAAM,sBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,MAAM,QAAQ,GAAG,eAAe,CAAoB,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC3F,OAAO,QAAQ,CAAC;IACpB,CAAC;CAIJ,CAAA;AAlCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;oDAG3B;AA9CQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE;YACJ,GAAG,EAAE,8BAA8B;YACnC,OAAO,EAAE,kCAAkC;YAC3C,YAAY,EAAE,uCAAuC;SACxD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,sBAAsB,CA6ElC"}
+{"version":3,"file":"SelectItemGroupElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Select/SelectItemGroupElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAE7F,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AAaI,IAAM,sBAAsB,GAA5B,MAAM,sBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,iBAAiB;IAET,OAAO,CAAS;IAExB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,KAAK;aACP,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;aACnB,MAAM,CAAC,CAAC,KAAK,EAA8B,EAAE,CAAC,KAAK,YAAY,iBAAiB,CAAC,CAAC;IAC3F,CAAC;CAIJ,CAAA;AAnCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;oDAG3B;AA9CQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE;YACJ,GAAG,EAAE,8BAA8B;YACnC,OAAO,EAAE,kCAAkC;YAC3C,YAAY,EAAE,uCAAuC;SACxD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,sBAAsB,CA8ElC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.d.ts.map

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

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.js

@@ -19,27 +19,32 @@ export function selectElementCosmopolitanStyle() {
   --select-border-style: unset;
   --select-border-width: unset;
   --select-focus-ring-active-width: 8px;
-  --select-focus-ring-color: unset;
+  --select-focus-ring-color: var(--cosmopolitan-color-light-secondary-400);
   --select-focus-ring-inward-offset: 2px;
   --select-focus-ring-outward-offset: 2px;
-  --select-font-family: unset;
-  --select-font-letter-spacing: unset;
-  --select-font-line-height: unset;
-  --select-font-size: unset;
-  --select-font-text-decoration: unset;
-  --select-font-text-transform: unset;
-  --select-font-weight: unset;
+  --select-font-family: var(--cosmopolitan-font-family);
+  --select-font-letter-spacing: var(--cosmopolitan-typography-body2-letter-spacing);
+  --select-font-line-height: var(--cosmopolitan-typography-body2-line-height);
+  --select-font-size: 16px;
+  --select-font-text-decoration: var(--cosmopolitan-typography-body2-text-decoration);
+  --select-font-text-transform: var(--cosmopolitan-typography-body2-text-transform);
+  --select-font-weight: normal;
   --select-foreground-color: unset;
-  --select-gap: unset;
-  --select-padding-bottom: unset;
-  --select-padding-left: unset;
-  --select-padding-right: unset;
-  --select-padding-top: unset;
-  --select-shadow: unset;
-  --select-transition-duration: unset;
-  --select-transition-mode: unset;
-  --select-transition-property: unset;
-  --select-translate: unset;
+  --select-gap: 8px;
+  --select-padding-bottom: 8px;
+  --select-padding-left: 12px;
+  --select-padding-right: 12px;
+  --select-padding-top: 8px;
+  --select-shadow: unset unset unset unset unset;
+  --select-shadow-blur: unset;
+  --select-shadow-color: unset;
+  --select-shadow-offset-x: unset;
+  --select-shadow-offset-y: unset;
+  --select-shadow-spread: unset;
+  --select-transition-duration: var(--cosmopolitan-duration-short);
+  --select-transition-mode: ease;
+  --select-transition-property: all;
+  --select-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -81,7 +86,7 @@ export function selectElementCosmopolitanStyle() {
   transition-timing-function: var(--select-transition-mode);
   transition-property: var(--select-transition-property);
   translate: var(--select-translate);
-  background-color: var(--select-background-color);
+  background: var(--select-background-color);
   color: var(--select-foreground-color);
   box-shadow: var(--select-shadow);
   border-color: var(--select-border-color);

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0IT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.d.ts.map

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

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js

@@ -19,27 +19,32 @@ export function selectElementJoyStyle() {
   --select-border-style: solid;
   --select-border-width: var(--joy-layout-thickness);
   --select-focus-ring-active-width: 8px;
-  --select-focus-ring-color: unset;
+  --select-focus-ring-color: var(--joy-color-light-secondary-400);
   --select-focus-ring-inward-offset: 2px;
   --select-focus-ring-outward-offset: 2px;
   --select-font-family: var(--joy-font-family);
-  --select-font-letter-spacing: unset;
-  --select-font-line-height: unset;
-  --select-font-size: 16px;
-  --select-font-text-decoration: unset;
-  --select-font-text-transform: unset;
+  --select-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
+  --select-font-line-height: var(--joy-typography-body2-line-height);
+  --select-font-size: var(--joy-typography-body2-font-size);
+  --select-font-text-decoration: var(--joy-typography-body2-text-decoration);
+  --select-font-text-transform: var(--joy-typography-body2-text-transform);
   --select-font-weight: normal;
   --select-foreground-color: var(--joy-scheme-foreground);
-  --select-gap: 8px;
-  --select-padding-bottom: 8px;
-  --select-padding-left: 12px;
-  --select-padding-right: 12px;
-  --select-padding-top: 8px;
-  --select-shadow: unset;
+  --select-gap: var(--joy-layout-space);
+  --select-padding-bottom: var(--joy-layout-space);
+  --select-padding-left: calc(var(--joy-layout-space) * 1.5);
+  --select-padding-right: calc(var(--joy-layout-space) * 1.5);
+  --select-padding-top: var(--joy-layout-space);
+  --select-shadow: unset unset unset unset unset;
+  --select-shadow-blur: unset;
+  --select-shadow-color: unset;
+  --select-shadow-offset-x: unset;
+  --select-shadow-offset-y: unset;
+  --select-shadow-spread: unset;
   --select-transition-duration: var(--joy-duration-short);
   --select-transition-mode: ease;
   --select-transition-property: all;
-  --select-translate: unset;
+  --select-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -81,7 +86,7 @@ export function selectElementJoyStyle() {
   transition-timing-function: var(--select-transition-mode);
   transition-property: var(--select-transition-property);
   translate: var(--select-translate);
-  background-color: var(--select-background-color);
+  background: var(--select-background-color);
   color: var(--select-foreground-color);
   box-shadow: var(--select-shadow);
   border-color: var(--select-border-color);

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkLT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuLT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.d.ts.map

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

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.js

@@ -35,7 +35,12 @@ export function selectElementMemphisStyle() {
   --select-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --select-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --select-padding-top: calc(var(--memphis-layout-space) / 2);
-  --select-shadow: var(--memphis-elevation-none);
+  --select-shadow: unset unset unset unset unset;
+  --select-shadow-blur: unset;
+  --select-shadow-color: unset;
+  --select-shadow-offset-x: unset;
+  --select-shadow-offset-y: unset;
+  --select-shadow-spread: unset;
   --select-transition-duration: var(--memphis-duration-short);
   --select-transition-mode: ease;
   --select-transition-property: background-color, color, border-color, box-shadow, transform;
@@ -81,7 +86,7 @@ export function selectElementMemphisStyle() {
   transition-timing-function: var(--select-transition-mode);
   transition-property: var(--select-transition-property);
   translate: var(--select-translate);
-  background-color: var(--select-background-color);
+  background: var(--select-background-color);
   color: var(--select-foreground-color);
   box-shadow: var(--select-shadow);
   border-color: var(--select-border-color);

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8KT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectElement.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmLT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA8G9D"}
+{"version":3,"file":"SelectItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAmH9D"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.js

@@ -19,29 +19,34 @@ export function selectItemElementCosmopolitanStyle() {
   --select-item-border-style: unset;
   --select-item-border-width: unset;
   --select-item-focus-ring-active-width: 8px;
-  --select-item-focus-ring-color: unset;
+  --select-item-focus-ring-color: var(--cosmopolitan-color-light-secondary-400);
   --select-item-focus-ring-inward-offset: 2px;
   --select-item-focus-ring-outward-offset: 2px;
-  --select-item-font-family: unset;
-  --select-item-font-letter-spacing: unset;
-  --select-item-font-line-height: unset;
-  --select-item-font-size: unset;
-  --select-item-font-text-decoration: unset;
-  --select-item-font-text-transform: unset;
-  --select-item-font-weight: unset;
+  --select-item-font-family: var(--cosmopolitan-font-family);
+  --select-item-font-letter-spacing: var(--cosmopolitan-typography-body2-letter-spacing);
+  --select-item-font-line-height: var(--cosmopolitan-typography-body2-line-height);
+  --select-item-font-size: 16px;
+  --select-item-font-text-decoration: var(--cosmopolitan-typography-body2-text-decoration);
+  --select-item-font-text-transform: var(--cosmopolitan-typography-body2-text-transform);
+  --select-item-font-weight: normal;
   --select-item-foreground-color: unset;
-  --select-item-gap: unset;
-  --select-item-padding-bottom: unset;
-  --select-item-padding-left: unset;
-  --select-item-padding-right: unset;
-  --select-item-padding-top: unset;
-  --select-item-ripple-color: unset;
+  --select-item-gap: 8px;
+  --select-item-padding-bottom: 8px;
+  --select-item-padding-left: 16px;
+  --select-item-padding-right: 16px;
+  --select-item-padding-top: 8px;
+  --select-item-ripple-color: var(--cosmopolitan-color-light-secondary-200);
   --select-item-ripple-duration: .2s;
-  --select-item-shadow: unset;
-  --select-item-transition-duration: unset;
-  --select-item-transition-mode: unset;
-  --select-item-transition-property: unset;
-  --select-item-translate: unset;
+  --select-item-shadow: unset unset unset unset unset;
+  --select-item-shadow-blur: unset;
+  --select-item-shadow-color: unset;
+  --select-item-shadow-offset-x: unset;
+  --select-item-shadow-offset-y: unset;
+  --select-item-shadow-spread: unset;
+  --select-item-transition-duration: var(--cosmopolitan-duration-short);
+  --select-item-transition-mode: ease;
+  --select-item-transition-property: all;
+  --select-item-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -88,7 +93,7 @@ export function selectItemElementCosmopolitanStyle() {
   transition-timing-function: var(--select-item-transition-mode);
   transition-property: var(--select-item-transition-property);
   translate: var(--select-item-translate);
-  background-color: var(--select-item-background-color);
+  background: var(--select-item-background-color);
   color: var(--select-item-foreground-color);
   border-color: var(--select-item-border-color);
   border-width: var(--select-item-border-width);

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiHT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAsHrD"}
+{"version":3,"file":"SelectItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CA2HrD"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.js

@@ -19,29 +19,34 @@ export function selectItemElementJoyStyle() {
   --select-item-border-style: solid;
   --select-item-border-width: 0px;
   --select-item-focus-ring-active-width: 8px;
-  --select-item-focus-ring-color: unset;
+  --select-item-focus-ring-color: var(--joy-color-light-secondary-400);
   --select-item-focus-ring-inward-offset: 2px;
   --select-item-focus-ring-outward-offset: 2px;
   --select-item-font-family: var(--joy-font-family);
-  --select-item-font-letter-spacing: unset;
-  --select-item-font-line-height: unset;
-  --select-item-font-size: 16px;
-  --select-item-font-text-decoration: unset;
-  --select-item-font-text-transform: unset;
+  --select-item-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
+  --select-item-font-line-height: var(--joy-typography-body2-line-height);
+  --select-item-font-size: var(--joy-typography-body2-font-size);
+  --select-item-font-text-decoration: var(--joy-typography-body2-text-decoration);
+  --select-item-font-text-transform: var(--joy-typography-body2-text-transform);
   --select-item-font-weight: normal;
   --select-item-foreground-color: var(--joy-scheme-foreground);
-  --select-item-gap: 8px;
-  --select-item-padding-bottom: 8px;
-  --select-item-padding-left: 16px;
-  --select-item-padding-right: 16px;
-  --select-item-padding-top: 8px;
-  --select-item-ripple-color: unset;
+  --select-item-gap: var(--joy-layout-space);
+  --select-item-padding-bottom: var(--joy-layout-space);
+  --select-item-padding-left: calc(var(--joy-layout-space) * 2);
+  --select-item-padding-right: calc(var(--joy-layout-space) * 2);
+  --select-item-padding-top: var(--joy-layout-space);
+  --select-item-ripple-color: var(--joy-color-light-secondary-200);
   --select-item-ripple-duration: .2s;
-  --select-item-shadow: var(--joy-elevation-none);
+  --select-item-shadow: unset unset unset unset unset;
+  --select-item-shadow-blur: unset;
+  --select-item-shadow-color: unset;
+  --select-item-shadow-offset-x: unset;
+  --select-item-shadow-offset-y: unset;
+  --select-item-shadow-spread: unset;
   --select-item-transition-duration: var(--joy-duration-short);
   --select-item-transition-mode: ease;
   --select-item-transition-property: all;
-  --select-item-translate: unset;
+  --select-item-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -88,7 +93,7 @@ export function selectItemElementJoyStyle() {
   transition-timing-function: var(--select-item-transition-mode);
   transition-property: var(--select-item-transition-property);
   translate: var(--select-item-translate);
-  background-color: var(--select-item-background-color);
+  background: var(--select-item-background-color);
   color: var(--select-item-foreground-color);
   border-color: var(--select-item-border-color);
   border-width: var(--select-item-border-width);

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoHT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyHT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CA6HzD"}
+{"version":3,"file":"SelectItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAkIzD"}

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.js

@@ -37,7 +37,12 @@ export function selectItemElementMemphisStyle() {
   --select-item-padding-top: calc(var(--memphis-layout-space) / 2);
   --select-item-ripple-color: var(--memphis-color-light-secondary-200);
   --select-item-ripple-duration: .2s;
-  --select-item-shadow: var(--memphis-elevation-none);
+  --select-item-shadow: unset unset unset unset unset;
+  --select-item-shadow-blur: unset;
+  --select-item-shadow-color: unset;
+  --select-item-shadow-offset-x: unset;
+  --select-item-shadow-offset-y: unset;
+  --select-item-shadow-spread: unset;
   --select-item-transition-duration: var(--memphis-duration-short);
   --select-item-transition-mode: ease;
   --select-item-transition-property: background-color, color, border-color, box-shadow, transform;
@@ -88,7 +93,7 @@ export function selectItemElementMemphisStyle() {
   transition-timing-function: var(--select-item-transition-mode);
   transition-property: var(--select-item-transition-property);
   translate: var(--select-item-translate);
-  background-color: var(--select-item-background-color);
+  background: var(--select-item-background-color);
   color: var(--select-item-foreground-color);
   border-color: var(--select-item-border-color);
   border-width: var(--select-item-border-width);

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"SelectItemElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgIT,CAAC;AACN,CAAC"}

package/Controls/Components/Inputs/Select/Themes/SelectItemGroupElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItemGroupElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemGroupElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,CA2FnE"}
+{"version":3,"file":"SelectItemGroupElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Select/Themes/SelectItemGroupElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,CA0FnE"}