@lmvz-ds/components 0.30.0 → 0.32.0

package/lmvz-components/{p-2ca85b7c.entry.js → p-ed3c2b13.entry.js}

@@ -1 +1 @@
-import{g as e,r as l,c as t,h as a,H as s}from"./p-BPeerEwm.js";import{A as r}from"./p-CPOia2kT.js";import{R as c}from"./p-FBuCCcFC.js";import"./p-CdDO7mQa.js";let o=0;const i=class extends c{get el(){return e(this)}get validationEl(){return this.el}selectId="lmvz-select-"+o++;nativeSelectEl;constructor(e){super(),l(this,e),this.lmvzChange=t(this,"lmvzChange",7),this.addController(new r(this))}lmvzChange;value;label;helperText;disabled=!1;required=!1;name;size="default";highlighted=!1;selectedLabel="";get hasValue(){return Boolean(this.value)}componentDidLoad(){this.syncSelectedLabel(),super.componentDidLoad()}handleValueChange(e){this.nativeSelectEl&&this.nativeSelectEl.value!==(e??"")&&(this.nativeSelectEl.value=e??""),this.syncSelectedLabel()}syncSelectedLabel(){if(!this.nativeSelectEl)return;const e=this.nativeSelectEl.selectedIndex;this.selectedLabel=e>=0?this.nativeSelectEl.options[e]?.text??"":""}handleChange=e=>{const l=e.target;this.value=l.value,this.syncSelectedLabel(),this.lmvzChange.emit(l.value)};render(){const e=this.hasValue,l=e;return a(s,{key:"292678c0d3c000624ca6b0cb76c05a0c27ad3494","data-highlighted":String(this.highlighted)},a("div",{key:"83d269c626a21af74dca8d89d5b0a1a95494a70d",class:e?"select-wrapper has-value":"select-wrapper"},a("label",{key:"e5d3b30349ab8438bc02d18c93760d52b979d24e",htmlFor:this.selectId,class:l?"floating-label":"assistive-label"},this.label,this.required&&l&&a("span",{key:"2f26cf5991b76a5d740f0e61c2ecf9d9a44436b8","aria-hidden":"true"}," *")),a("div",{key:"30087b0b2d3f4768b02470209c6d14a46c362334","aria-hidden":"true"},a("span",{key:"67888d3a89f8cbdf332696d827e72a2cce519438"},e?this.selectedLabel:this.label,this.required&&!e&&a("span",{key:"e1b28fe2c2865ed1fba181e60a8682095c5123fc","aria-hidden":"true"}," *")),a("span",{key:"7479df9bf0e995b92ba9f11f1271f71892c52ac8"},a("svg",{key:"5a76ba91f6b2d29dafd56b6c4abe1b5f93ece926",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{key:"06c62b38ef2cc0ae3119d2dba0f2015e26e84393",d:"M20.3334 8.66663L12.0001 17L3.66675 8.66663",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round"})))),a("select",{key:"f1fb834cc74ae70e21ea3fd0ec4f653689cfbfa1",id:this.selectId,ref:e=>this.nativeSelectEl=e,name:this.name,disabled:this.disabled,required:this.required,"aria-label":this.label,onChange:this.handleChange},!e&&a("option",{key:"b6240b308c06b01a3a00104941a77090d243548b",value:"",disabled:!0,selected:!0,hidden:!0}),a("slot",{key:"b1128685fc5365be2561bbeef627f2d409f631c9"}))),this.helperText&&a("div",{key:"b856e0b6f8e6f1c62de5d0ef59ad7d623c28b5ae",role:"status"},this.helperText))}static get watchers(){return{value:[{handleValueChange:0}]}}};i.style="@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } .sc-lmvz-select-h {   display: block;   font-family: var(--lmvz-global-font-family-default, Router);       --lmvz-internal-select-floating-label-top-offset: 0.375rem;    padding-top: var(--lmvz-internal-select-floating-label-top-offset);    --lmvz-select-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-select-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff);   --lmvz-select-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0);   --lmvz-select-border-color-hover: var(--lmvz-semantic-color-border-hover, #c7c7c7);   --lmvz-select-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-select-text-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --lmvz-select-label-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --lmvz-select-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-select-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-xs-font-size, clamp(0.63rem, 0.61rem + 0.06vw, 0.69rem));   --lmvz-select-label-top-offset: calc(var(--lmvz-internal-select-floating-label-top-offset) * -1);   --lmvz-select-label-minimized-padding-x: 4px;   --lmvz-select-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%);   --lmvz-select-helper-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454);   --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4);   --lmvz-select-error-color: var(--lmvz-semantic-color-status-on-danger, #e52a31); } .select-wrapper.sc-lmvz-select {   position: relative;   height: var(--lmvz-select-height); }  label.sc-lmvz-select {   position: absolute;   top: 50%;   left: var(--lmvz-select-padding-x);   font-size: var(--lmvz-select-label-font-size);   color: var(--lmvz-select-label-color);   line-height: normal;   white-space: nowrap;   pointer-events: none;   z-index: 2;   transform: translateY(-50%);   transform-origin: left top;   transition:     top 0.2s ease-out,     transform 0.2s ease-out,     opacity 0.2s ease-out,     padding 0.2s ease-out; } label.assistive-label.sc-lmvz-select {   opacity: 0;   padding: 0; } label.floating-label.sc-lmvz-select {   top: var(--lmvz-select-label-top-offset);   transform: translateY(0) scale(0.85);   left: calc(var(--lmvz-select-padding-x) - 2px);   background-color: var(--lmvz-select-bg);   padding: 0 var(--lmvz-select-label-minimized-padding-x);   opacity: 1;   font-weight: 500; } label.sc-lmvz-select > span[aria-hidden='true'].sc-lmvz-select, div[aria-hidden='true'].sc-lmvz-select > span.sc-lmvz-select:first-child > span[aria-hidden='true'].sc-lmvz-select {   color: var(--lmvz-select-error-color);   margin-left: 2px;   display: inline-block;   line-height: 0;   vertical-align: middle; }  div[aria-hidden].sc-lmvz-select {   display: flex;   align-items: center;   gap: var(--lmvz-select-gap);   height: 100%;   padding: 0 var(--lmvz-select-padding-x);   border-radius: var(--lmvz-select-radius);   background-color: var(--lmvz-select-bg);   border: var(--lmvz-select-border-width) solid var(--lmvz-select-border-color);   box-sizing: border-box;   cursor: pointer;   position: relative;   z-index: 1;   transition: border-color 0.15s ease; } .sc-lmvz-select-h:not([disabled] .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select, [highlighted]).sc-lmvz-select-h .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select {   border-color: var(--lmvz-select-border-color-hover); } [highlighted].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select {   background-color: var(--lmvz-semantic-color-status-active-alternate, #0f8acc);   border-color: var(--lmvz-semantic-color-border-active, #0f8acc);   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } [highlighted].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } [highlighted].sc-lmvz-select-h label.floating-label.sc-lmvz-select {   background-color: var(--lmvz-semantic-color-status-active-alternate, #0f8acc);   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } .select-wrapper.sc-lmvz-select:focus-within div[aria-hidden].sc-lmvz-select {   outline: var(--lmvz-ds-outline, 1px solid #0e7ab4);   outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   flex: 1 0 0;   font: var(--lmvz-typography-body-md-strong, 500 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5     Router);   color: var(--lmvz-select-text-color);   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; }  .sc-lmvz-select-h:not([highlighted]) .select-wrapper.has-value.sc-lmvz-select div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   color: var(--lmvz-semantic-color-int-on-secondary-active, #000000); } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:last-child {   flex-shrink: 0;   display: flex;   align-items: center;   justify-content: center; } div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-2xs, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem));   height: var(--lmvz-component-icon-size-2xs, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem));   flex-shrink: 0; }  select.sc-lmvz-select {   appearance: none;   position: absolute;   inset: 0;   width: 100%;   height: 100%;   opacity: 0;   cursor: pointer;   z-index: 2;   border: none;   background: transparent;   margin: 0;   padding: 0; } [disabled].sc-lmvz-select-h .select-wrapper.sc-lmvz-select {   opacity: var(--lmvz-select-disabled-opacity);   pointer-events: none;   cursor: not-allowed; } [role='status'].sc-lmvz-select {   margin-top: 4px;   padding-left: var(--lmvz-select-padding-x);   font-size: var(--lmvz-select-label-font-size);   color: var(--lmvz-select-helper-color);   line-height: normal; } [size='small'].sc-lmvz-select-h {   --lmvz-select-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem));   --lmvz-select-padding-x: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-2xs-font-size, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); } [size='small'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   font-size: var(--lmvz-component-body-sm-font-size, clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem)); } [size='small'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-4xs, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem));   height: var(--lmvz-component-icon-size-4xs, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); } [size='large'].sc-lmvz-select-h {   --lmvz-select-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem));   --lmvz-select-padding-x: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-sm-font-size, clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem)); } [size='large'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   font-size: var(--lmvz-component-body-lg-font-size, clamp(1rem, 0.97rem + 0.13vw, 1.13rem)); } [size='large'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); }";export{i as lmvz_select}
+import{g as e,r as l,c as t,h as a,H as s}from"./p-BPeerEwm.js";import{A as r}from"./p-CPOia2kT.js";import{R as c}from"./p-FBuCCcFC.js";import"./p-CdDO7mQa.js";let o=0;const i=class extends c{get el(){return e(this)}get validationEl(){return this.el}selectId="lmvz-select-"+o++;nativeSelectEl;constructor(e){super(),l(this,e),this.lmvzChange=t(this,"lmvzChange",7),this.addController(new r(this))}lmvzChange;value;label;helperText;disabled=!1;required=!1;name;size="default";highlighted=!1;selectedLabel="";get hasValue(){return Boolean(this.value)}componentDidLoad(){this.syncSelectedLabel(),super.componentDidLoad()}handleValueChange(e){this.nativeSelectEl&&this.nativeSelectEl.value!==(e??"")&&(this.nativeSelectEl.value=e??""),this.syncSelectedLabel()}syncSelectedLabel(){if(!this.nativeSelectEl)return;const e=this.nativeSelectEl.selectedIndex;this.selectedLabel=e>=0?this.nativeSelectEl.options[e]?.text??"":""}handleChange=e=>{const l=e.target;this.value=l.value,this.syncSelectedLabel(),this.lmvzChange.emit(l.value)};render(){const e=this.hasValue,l=e;return a(s,{key:"c753006bdabf1723fa9ff61eb35f58d5bef3157b","data-highlighted":String(this.highlighted)},a("div",{key:"6b06056fd48ef4f837cbe17383756e3726c68f90",class:e?"select-wrapper has-value":"select-wrapper"},a("label",{key:"819901582fc449566a112cd4544fa0af903a7011",htmlFor:this.selectId,class:l?"floating-label":"assistive-label"},this.label,this.required&&l&&a("span",{key:"14ad70c1cf1a96c7398698fa86baeadd5fe4257b","aria-hidden":"true"}," *")),a("div",{key:"589c6946bee6e320a36dfa0ed765ff9e02af4c2f","aria-hidden":"true"},a("span",{key:"04444223ed66a5ddff3eb7bd581cf5a7e615cf6b"},e?this.selectedLabel:this.label,this.required&&!e&&a("span",{key:"9631d4a655514957a4564be939d8bd16c3a036f0","aria-hidden":"true"}," *")),a("span",{key:"3950abf6ee9528adb5895fe6bc88be67b39d458e"},a("svg",{key:"98a0a380e9ca5044ca1fefb03b74bfc178974a60",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{key:"19fe8b40e315fabee982ba37fe2d397493429519",d:"M20.3334 8.66663L12.0001 17L3.66675 8.66663",stroke:"currentColor","stroke-width":"1.75","stroke-linecap":"round","stroke-linejoin":"round"})))),a("select",{key:"7480ff36ef3acfe10fb0122bfdf7feb5af406c67",id:this.selectId,ref:e=>this.nativeSelectEl=e,name:this.name,disabled:this.disabled,required:this.required,"aria-label":this.label,onChange:this.handleChange},!e&&a("option",{key:"5d00f696c2c4d7c35c180018a4c487cbb0229d37",value:"",disabled:!0,selected:!0,hidden:!0}),a("slot",{key:"218fe11d224d7ca72c8555301d41d8878b6b34b4"}))),this.helperText&&a("div",{key:"edbb738590305f6724a590a3532fd9284a187866",role:"status"},this.helperText))}static get watchers(){return{value:[{handleValueChange:0}]}}};i.style="@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } .sc-lmvz-select-h {   display: block;   font-family: var(--lmvz-global-font-family-default, Router);       --lmvz-internal-select-floating-label-top-offset: 0.375rem;    padding-top: var(--lmvz-internal-select-floating-label-top-offset);    --lmvz-select-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-select-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff);   --lmvz-select-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0);   --lmvz-select-border-color-hover: var(--lmvz-semantic-color-border-hover, #c7c7c7);   --lmvz-select-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-select-text-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --lmvz-select-label-color: var(--lmvz-semantic-color-on-surface-input-primary, #000000);   --lmvz-select-padding-x: var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-select-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-xs-font-size, clamp(0.63rem, 0.61rem + 0.06vw, 0.69rem));   --lmvz-select-label-top-offset: calc(var(--lmvz-internal-select-floating-label-top-offset) * -1);   --lmvz-select-label-minimized-padding-x: 4px;   --lmvz-select-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%);   --lmvz-select-helper-color: var(--lmvz-semantic-color-on-surface-input-secondary, #545454);   --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4);   --lmvz-select-error-color: var(--lmvz-semantic-color-status-on-danger, #e52a31); } .select-wrapper.sc-lmvz-select {   position: relative;   height: var(--lmvz-select-height); }  label.sc-lmvz-select {   position: absolute;   top: 50%;   left: var(--lmvz-select-padding-x);   font-size: var(--lmvz-select-label-font-size);   color: var(--lmvz-select-label-color);   line-height: normal;   white-space: nowrap;   pointer-events: none;   z-index: 2;   transform: translateY(-50%);   transform-origin: left top;   transition:     top 0.2s ease-out,     transform 0.2s ease-out,     opacity 0.2s ease-out,     padding 0.2s ease-out; } label.assistive-label.sc-lmvz-select {   opacity: 0;   padding: 0; } label.floating-label.sc-lmvz-select {   top: var(--lmvz-select-label-top-offset);   transform: translateY(0) scale(0.85);   left: calc(var(--lmvz-select-padding-x) - 2px);   background-color: var(--lmvz-select-bg);   padding: 0 var(--lmvz-select-label-minimized-padding-x);   opacity: 1;   font-weight: 500; } label.sc-lmvz-select > span[aria-hidden='true'].sc-lmvz-select, div[aria-hidden='true'].sc-lmvz-select > span.sc-lmvz-select:first-child > span[aria-hidden='true'].sc-lmvz-select {   color: var(--lmvz-select-error-color);   margin-left: 2px;   display: inline-block;   line-height: 0;   vertical-align: middle; }  div[aria-hidden].sc-lmvz-select {   display: flex;   align-items: center;   gap: var(--lmvz-select-gap);   height: 100%;   padding: 0 var(--lmvz-select-padding-x);   border-radius: var(--lmvz-select-radius);   background-color: var(--lmvz-select-bg);   border: var(--lmvz-select-border-width) solid var(--lmvz-select-border-color);   box-sizing: border-box;   cursor: pointer;   position: relative;   z-index: 1;   transition: border-color 0.15s ease; } .sc-lmvz-select-h:not([disabled] .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select, [highlighted]).sc-lmvz-select-h .select-wrapper.sc-lmvz-select:hover div[aria-hidden].sc-lmvz-select {   border-color: var(--lmvz-select-border-color-hover); } [highlighted].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select {   background-color: var(--lmvz-semantic-color-status-active-alternate, #0f8acc);   border-color: var(--lmvz-semantic-color-border-active, #0f8acc);   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } [highlighted].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } [highlighted].sc-lmvz-select-h label.floating-label.sc-lmvz-select {   background-color: var(--lmvz-semantic-color-status-active-alternate, #0f8acc);   color: var(--lmvz-semantic-color-status-on-active-alternate, #ffffff); } .select-wrapper.sc-lmvz-select:focus-within div[aria-hidden].sc-lmvz-select {   outline: var(--lmvz-ds-outline, 1px solid #0e7ab4);   outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   flex: 1 0 0;   font: var(--lmvz-typography-body-md-strong, 500 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5     Router);   color: var(--lmvz-select-text-color);   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; }  .sc-lmvz-select-h:not([highlighted]) .select-wrapper.has-value.sc-lmvz-select div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   color: var(--lmvz-semantic-color-int-on-secondary-active, #000000); } div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:last-child {   flex-shrink: 0;   display: flex;   align-items: center;   justify-content: center; } div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-2xs, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem));   height: var(--lmvz-component-icon-size-2xs, clamp(0.63rem, 0.59rem + 0.13vw, 0.75rem));   flex-shrink: 0; }  select.sc-lmvz-select {   appearance: none;   position: absolute;   inset: 0;   width: 100%;   height: 100%;   opacity: 0;   cursor: pointer;   z-index: 2;   border: none;   background: transparent;   margin: 0;   padding: 0; } [disabled].sc-lmvz-select-h .select-wrapper.sc-lmvz-select {   opacity: var(--lmvz-select-disabled-opacity);   pointer-events: none;   cursor: not-allowed; } [role='status'].sc-lmvz-select {   margin-top: 4px;   padding-left: var(--lmvz-select-padding-x);   font-size: var(--lmvz-select-label-font-size);   color: var(--lmvz-select-helper-color);   line-height: normal; } [size='small'].sc-lmvz-select-h {   --lmvz-select-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem));   --lmvz-select-padding-x: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-sm, clamp(0.38rem, 0.31rem + 0.26vw, 0.63rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-2xs-font-size, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); } [size='small'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   font-size: var(--lmvz-component-body-sm-font-size, clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem)); } [size='small'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-4xs, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem));   height: var(--lmvz-component-icon-size-4xs, clamp(0.5rem, 0.47rem + 0.13vw, 0.63rem)); } [size='large'].sc-lmvz-select-h {   --lmvz-select-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem));   --lmvz-select-padding-x: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-select-gap: var(--lmvz-component-input-gap-lg, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   --lmvz-select-label-font-size: var(--lmvz-component-body-sm-font-size, clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem)); } [size='large'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select > span.sc-lmvz-select:first-child {   font-size: var(--lmvz-component-body-lg-font-size, clamp(1rem, 0.97rem + 0.13vw, 1.13rem)); } [size='large'].sc-lmvz-select-h div[aria-hidden].sc-lmvz-select svg.sc-lmvz-select {   width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem)); }";export{i as lmvz_select}

package/lmvz-components/{p-35da6bfb.entry.js → p-fa2cd315.entry.js}

@@ -1 +1 @@
-import{g as r,r as e,c as o,h as t,H as i}from"./p-BPeerEwm.js";import{A as a}from"./p-CPOia2kT.js";import{R as s}from"./p-FBuCCcFC.js";import"./p-CdDO7mQa.js";function l(r){return r.el.shadowRoot?.querySelector("input")??r.el.querySelector("input")??null}class c{hosts=[];_focusedHost=null;_focusinHandler=r=>{this.hosts.some((e=>e.el.contains(r.target)))||this.clearFocused()};register(r){if(!this.hosts.includes(r)){const e=0===this.hosts.length;this.hosts.push(r),this.sortHosts(),e&&document.addEventListener("focusin",this._focusinHandler,!0)}}unregister(r){r===this._focusedHost&&(this._focusedHost=null),this.hosts=this.hosts.filter((e=>e!==r)),0===this.hosts.length&&document.removeEventListener("focusin",this._focusinHandler,!0)}get sortedEnabled(){return this.hosts.filter((r=>!r.disabled))}setFocused(r){this._focusedHost=r,this.updateTabindex(),r.focusInput()}clearFocused(){this._focusedHost=null,this.updateTabindex()}select(r){this._focusedHost=null;for(const e of this.hosts)e.checked=e===r;this.updateTabindex()}updateTabindex(){const r=this.sortedEnabled,e=this.hosts.find((r=>r.checked));let o;o=this._focusedHost&&r.includes(this._focusedHost)?this._focusedHost:e??r[0]??null;for(const r of this.hosts){const e=l(r);e&&(e.tabIndex=r===o?0:-1)}}sortHosts(){this.hosts.sort(((r,e)=>r.el.compareDocumentPosition(e.el)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1))}}class n{host;static registry=new Map;group=null;_groupKey=null;_scope=null;constructor(r){this.host=r}hostConnected(){const{group:r,key:e,scope:o}=n.acquireGroup(this.host);this._groupKey=e,this._scope=o,this.group=r,this.group.register(this.host),this.group.updateTabindex()}hostDidRender(){this.group?.updateTabindex()}hostDisconnected(){this.group&&(this.group.unregister(this.host),this.group.updateTabindex(),n.releaseGroup(this._groupKey,this._scope),this._groupKey=null,this._scope=null,this.group=null)}get sortedEnabled(){return this.group?.sortedEnabled??[]}select(r){this.group?.select(r)}setFocused(r){this.group?.setFocused(r)}clearFocused(){this.group?.clearFocused()}updateTabindex(){this.group?.updateTabindex()}static acquireGroup(r){const e=r.name;if(!e)return{group:new c,key:null,scope:null};const o=r.el.closest("form")??document,t=function(r,e){return e instanceof HTMLFormElement?(e.dataset.lmvzRadioGroupId||(e.dataset.lmvzRadioGroupId=String(Math.random())),`${r}::form::${e.dataset.lmvzRadioGroupId}`):`${r}::document`}(e,o);let i=n.registry.get(t);return i||(i={group:new c,refCount:0},n.registry.set(t,i)),i.refCount++,{group:i.group,key:t,scope:o}}static releaseGroup(r,e){if(!r)return;const o=n.registry.get(r);o&&(o.refCount--,o.refCount<=0&&(n.registry.delete(r),e instanceof HTMLFormElement&&e.removeAttribute("data-lmvz-radio-group-id")))}}let d=0;const h=class extends s{get el(){return r(this)}get validationEl(){return this.el}internals;nativeInput;radioId="lmvz-radio-"+d++;initialChecked=!1;radioGroupController;get helperId(){return this.helperText?`${this.radioId}-helper`:void 0}label;checked=!1;value="on";name;disabled=!1;required=!1;error=!1;helperText;form;autofocus=!1;_handlingNativeChange=!1;_handlingFormReset=!1;handleCheckedChange(r,e){this.internals.setFormValue?.(r?this.value:null),r||!e||this._handlingNativeChange||this._handlingFormReset||this.lmvzChange.emit(!1),!r||e||this._handlingNativeChange||this._handlingFormReset||this.lmvzChange.emit(!0)}handleValueChange(r){this.checked&&this.internals.setFormValue?.(r)}handleLabelChange(r){r||console.warn("[lmvz-radio] label prop is required and must not be empty")}lmvzChange;lmvzActivation;async focusInput(){this.nativeInput?.focus()}async checkValidity(){return this.internals?.checkValidity()??!0}async reportValidity(){return this.internals?.reportValidity()??!0}constructor(r){super(),e(this,r),this.lmvzChange=o(this,"lmvzChange",7),this.lmvzActivation=o(this,"lmvzActivation",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.addController(new a(this,{reValidateOnPropChanges:!0})),this.radioGroupController=new n(this),this.addController(this.radioGroupController)}componentWillLoad(){this.initialChecked=this.checked,this.internals.setFormValue?.(this.checked?this.value:null),super.componentWillLoad()}formAssociatedCallback(){this.internals.setFormValue?.(this.checked?this.value:null)}formResetCallback(){this._handlingFormReset=!0;try{this.checked=this.initialChecked}finally{this._handlingFormReset=!1}}formStateRestoreCallback(r){if("string"==typeof r){this._handlingFormReset=!0;try{this.checked=r===this.value}finally{this._handlingFormReset=!1}}}handleChange=r=>{this._handlingNativeChange=!0;try{this.checked=r.target.checked,this.lmvzChange.emit(this.checked),this.radioGroupController.select(this),this.lmvzActivation.emit()}finally{this._handlingNativeChange=!1}};handleKeydown(r){const{key:e}=r;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Home","End"].includes(e))return;r.preventDefault();const o=this.radioGroupController.sortedEnabled;if(0===o.length)return;const t=o.indexOf(this);if(-1===t)return;let i;i="ArrowDown"===e||"ArrowRight"===e?(t+1)%o.length:"ArrowUp"===e||"ArrowLeft"===e?(t-1+o.length)%o.length:"Home"===e?0:o.length-1;const a=o[i];a&&this.radioGroupController.setFocused(a)}render(){return t(i,{key:"084706ba35f3ecc647653896cf50e1dfdb0eabe4"},t("input",{key:"c68a13d6f424c251b93ff3bb5648d64ef4645a5a",type:"radio",id:this.radioId,name:this.name??void 0,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,autoFocus:this.autofocus,"aria-invalid":this.error?"true":void 0,"aria-describedby":this.helperId,ref:r=>this.nativeInput=r,onChange:this.handleChange}),t("span",{key:"07500032fe1cdebe544d3ed6890d66fe84c43e07",class:"circle","aria-hidden":"true"},this.checked&&t("span",{key:"0b6f8c99270cbadea320cae867bfef9fd4a70312",class:"dot"})),t("span",{key:"60c9720a1e029e99d2304a5579a20942f03778aa",class:"content"},t("label",{key:"13eb208e8bd0f4c5a56955cd4f4e9813cc715425",htmlFor:this.radioId},this.label),t("span",{key:"771e582752972a8e58a0e85408cfefeef57e257b","aria-live":"polite",class:"helper-text",id:this.helperId},this.helperText)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],value:[{handleValueChange:0}],label:[{handleLabelChange:0}]}}};h.style="@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } .sc-lmvz-radio-h {   display: inline-block;    --radio-circle-size: var(--lmvz-global-s18, 18px);   --radio-dot-size: 0.5rem;    --radio-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff);   --radio-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0);   --radio-border-color-hover: var(--lmvz-semantic-color-border-hover, #c7c7c7);   --radio-border-color-checked: var(--lmvz-semantic-color-border-active, #0f8acc);   --radio-border-color-error: var(--lmvz-semantic-color-status-on-danger, #e52a31);   --radio-dot-color: var(--lmvz-semantic-color-border-active, #0f8acc);    --radio-wrapper-bg-hover: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0);   --radio-wrapper-bg-active: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0);    --radio-label-color: var(--lmvz-semantic-color-on-surface-primary, #000000);   --radio-label-color-checked: var(--lmvz-semantic-color-status-on-active, #0e7ab4);   --radio-helper-color: var(--lmvz-semantic-color-on-surface-secondary, #7a7a7a);    --radio-easing: var(--lmvz-global-easing-default, ease);   --radio-duration: 0.2s;    display: flex;   align-items: center;   gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   padding-block: var(--lmvz-dimension-2-8, clamp(0.13rem, 0.03rem + 0.39vw, 0.5rem));   padding-inline: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   border-radius: var(--lmvz-semantic-border-radius-round, 999px);   overflow: clip;   cursor: pointer;   background-color: transparent;   position: relative;   transition: background-color var(--radio-duration) var(--radio-easing); } input.sc-lmvz-radio {   position: absolute;   inset-block-start: var(--lmvz-dimension-2-8, clamp(0.13rem, 0.03rem + 0.39vw, 0.5rem));   inset-inline-start: var(--lmvz-dimension-4-10, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   opacity: 0;   width: var(--radio-circle-size);   height: var(--radio-circle-size);   margin: 0;   cursor: pointer;   z-index: 1; } .circle.sc-lmvz-radio {   width: var(--radio-circle-size);   height: var(--radio-circle-size);   border-radius: 50%;   border: var(--lmvz-semantic-border-width-default, 1px) solid var(--radio-border-color);   background-color: var(--radio-bg);   pointer-events: none;   flex-shrink: 0;   display: flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   transition: border-color var(--radio-duration) var(--radio-easing); } .dot.sc-lmvz-radio {   width: var(--radio-dot-size);   height: var(--radio-dot-size);   border-radius: 50%;   background-color: var(--radio-dot-color); } .content.sc-lmvz-radio {   display: flex;   flex-direction: column;   overflow-wrap: break-word;   min-width: 0; } label.sc-lmvz-radio {   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5     Router);   color: var(--radio-label-color);   cursor: pointer;   transition: color var(--radio-duration) var(--radio-easing); } .helper-text.sc-lmvz-radio {   display: block;   font: var(--lmvz-typography-body-sm, 400 clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem) / 1.5     Router);   color: var(--radio-helper-color);   margin-block-start: 2px; } .helper-text.sc-lmvz-radio:empty {   display: none; }  @media (hover: hover) {   .sc-lmvz-radio-h:hover .circle.sc-lmvz-radio {     border-color: var(--radio-border-color-hover);   }    .sc-lmvz-radio-h:hover {     background-color: var(--radio-wrapper-bg-hover);   } }  .sc-lmvz-radio-h:active {   background-color: var(--radio-wrapper-bg-active); }  [checked].sc-lmvz-radio-h .circle.sc-lmvz-radio {   border-color: var(--radio-border-color-checked); } [checked].sc-lmvz-radio-h label.sc-lmvz-radio {   color: var(--radio-label-color-checked); }  [error].sc-lmvz-radio-h .circle.sc-lmvz-radio {   border-color: var(--radio-border-color-error); } [error].sc-lmvz-radio-h .helper-text.sc-lmvz-radio {   color: var(--lmvz-semantic-color-status-on-danger, #e52a31); }  [disabled].sc-lmvz-radio-h {   opacity: var(--lmvz-component-input-disabled-opacity, 40%);   pointer-events: none;   cursor: not-allowed; }  @media (forced-colors: active) {   .circle.sc-lmvz-radio {     forced-color-adjust: auto;     border-color: ButtonText;     background-color: Field;   }    [checked].sc-lmvz-radio-h .circle.sc-lmvz-radio {     border-color: Highlight;   }    .dot.sc-lmvz-radio {     background-color: ButtonText;   }    [checked].sc-lmvz-radio-h .dot.sc-lmvz-radio {     background-color: HighlightText;   } }.sc-lmvz-radio-h:focus-within{outline:var(--lmvz-ds-outline, 1px solid #0e7ab4);outline-offset:var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem))}@media (forced-colors: active){.sc-lmvz-radio-h:focus-within{outline-color:Highlight;box-shadow:none}}";export{h as lmvz_radio}
+import{g as r,r as e,c as o,h as t,H as i}from"./p-BPeerEwm.js";import{A as a}from"./p-CPOia2kT.js";import{R as s}from"./p-FBuCCcFC.js";import"./p-CdDO7mQa.js";function l(r){return r.el.shadowRoot?.querySelector("input")??r.el.querySelector("input")??null}class c{hosts=[];_focusedHost=null;_focusinHandler=r=>{this.hosts.some((e=>e.el.contains(r.target)))||this.clearFocused()};register(r){if(!this.hosts.includes(r)){const e=0===this.hosts.length;this.hosts.push(r),this.sortHosts(),e&&document.addEventListener("focusin",this._focusinHandler,!0)}}unregister(r){r===this._focusedHost&&(this._focusedHost=null),this.hosts=this.hosts.filter((e=>e!==r)),0===this.hosts.length&&document.removeEventListener("focusin",this._focusinHandler,!0)}get sortedEnabled(){return this.hosts.filter((r=>!r.disabled))}setFocused(r){this._focusedHost=r,this.updateTabindex(),r.focusInput()}clearFocused(){this._focusedHost=null,this.updateTabindex()}select(r){this._focusedHost=null;for(const e of this.hosts)e.checked=e===r;this.updateTabindex()}updateTabindex(){const r=this.sortedEnabled,e=this.hosts.find((r=>r.checked));let o;o=this._focusedHost&&r.includes(this._focusedHost)?this._focusedHost:e??r[0]??null;for(const r of this.hosts){const e=l(r);e&&(e.tabIndex=r===o?0:-1)}}sortHosts(){this.hosts.sort(((r,e)=>r.el.compareDocumentPosition(e.el)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1))}}class n{host;static registry=new Map;group=null;_groupKey=null;_scope=null;constructor(r){this.host=r}hostConnected(){const{group:r,key:e,scope:o}=n.acquireGroup(this.host);this._groupKey=e,this._scope=o,this.group=r,this.group.register(this.host),this.group.updateTabindex()}hostDidRender(){this.group?.updateTabindex()}hostDisconnected(){this.group&&(this.group.unregister(this.host),this.group.updateTabindex(),n.releaseGroup(this._groupKey,this._scope),this._groupKey=null,this._scope=null,this.group=null)}get sortedEnabled(){return this.group?.sortedEnabled??[]}select(r){this.group?.select(r)}setFocused(r){this.group?.setFocused(r)}clearFocused(){this.group?.clearFocused()}updateTabindex(){this.group?.updateTabindex()}static acquireGroup(r){const e=r.name;if(!e)return{group:new c,key:null,scope:null};const o=r.el.closest("form")??document,t=function(r,e){return e instanceof HTMLFormElement?(e.dataset.lmvzRadioGroupId||(e.dataset.lmvzRadioGroupId=String(Math.random())),`${r}::form::${e.dataset.lmvzRadioGroupId}`):`${r}::document`}(e,o);let i=n.registry.get(t);return i||(i={group:new c,refCount:0},n.registry.set(t,i)),i.refCount++,{group:i.group,key:t,scope:o}}static releaseGroup(r,e){if(!r)return;const o=n.registry.get(r);o&&(o.refCount--,o.refCount<=0&&(n.registry.delete(r),e instanceof HTMLFormElement&&e.removeAttribute("data-lmvz-radio-group-id")))}}let d=0;const h=class extends s{get el(){return r(this)}get validationEl(){return this.el}internals;nativeInput;radioId="lmvz-radio-"+d++;initialChecked=!1;radioGroupController;get helperId(){return this.helperText?`${this.radioId}-helper`:void 0}label;checked=!1;value="on";name;disabled=!1;required=!1;error=!1;helperText;form;autofocus=!1;_handlingNativeChange=!1;_handlingFormReset=!1;handleCheckedChange(r,e){this.internals.setFormValue?.(r?this.value:null),r||!e||this._handlingNativeChange||this._handlingFormReset||this.lmvzChange.emit(!1),!r||e||this._handlingNativeChange||this._handlingFormReset||this.lmvzChange.emit(!0)}handleValueChange(r){this.checked&&this.internals.setFormValue?.(r)}handleLabelChange(r){r||console.warn("[lmvz-radio] label prop is required and must not be empty")}lmvzChange;lmvzActivation;async focusInput(){this.nativeInput?.focus()}async checkValidity(){return this.internals?.checkValidity()??!0}async reportValidity(){return this.internals?.reportValidity()??!0}constructor(r){super(),e(this,r),this.lmvzChange=o(this,"lmvzChange",7),this.lmvzActivation=o(this,"lmvzActivation",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.addController(new a(this,{reValidateOnPropChanges:!0})),this.radioGroupController=new n(this),this.addController(this.radioGroupController)}componentWillLoad(){this.initialChecked=this.checked,this.internals.setFormValue?.(this.checked?this.value:null),super.componentWillLoad()}formAssociatedCallback(){this.internals.setFormValue?.(this.checked?this.value:null)}formResetCallback(){this._handlingFormReset=!0;try{this.checked=this.initialChecked}finally{this._handlingFormReset=!1}}formStateRestoreCallback(r){if("string"==typeof r){this._handlingFormReset=!0;try{this.checked=r===this.value}finally{this._handlingFormReset=!1}}}handleChange=r=>{this._handlingNativeChange=!0;try{this.checked=r.target.checked,this.lmvzChange.emit(this.checked),this.radioGroupController.select(this),this.lmvzActivation.emit()}finally{this._handlingNativeChange=!1}};handleKeydown(r){const{key:e}=r;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Home","End"].includes(e))return;r.preventDefault();const o=this.radioGroupController.sortedEnabled;if(0===o.length)return;const t=o.indexOf(this);if(-1===t)return;let i;i="ArrowDown"===e||"ArrowRight"===e?(t+1)%o.length:"ArrowUp"===e||"ArrowLeft"===e?(t-1+o.length)%o.length:"Home"===e?0:o.length-1;const a=o[i];a&&this.radioGroupController.setFocused(a)}render(){return t(i,{key:"9b8fbfe18376f9411f792630065dfd219f9ddb32"},t("input",{key:"24a0675eff854bbd751c07905db4be11e5353d11",type:"radio",id:this.radioId,name:this.name??void 0,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,autoFocus:this.autofocus,"aria-invalid":this.error?"true":void 0,"aria-describedby":this.helperId,ref:r=>this.nativeInput=r,onChange:this.handleChange}),t("span",{key:"f888c1f76f6f929609584d378dbe0974fd980f68",class:"circle","aria-hidden":"true"},this.checked&&t("span",{key:"57fbb1e7abdca10861cf8709d4300459e1f62e5c",class:"dot"})),t("span",{key:"1c845611162be86500e8475ac37412e2d3f2fd99",class:"content"},t("label",{key:"1399f4d34ff0e6d369cefc9f5d08208a4dee593f",htmlFor:this.radioId},this.label),t("span",{key:"1345435ff2f4773260ea3f73e943f043c2b88bdb","aria-live":"polite",class:"helper-text",id:this.helperId},this.helperText)))}static get formAssociated(){return!0}static get watchers(){return{checked:[{handleCheckedChange:0}],value:[{handleValueChange:0}],label:[{handleLabelChange:0}]}}};h.style="@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } .sc-lmvz-radio-h {   display: inline-block;    --radio-circle-size: var(--lmvz-global-s18, 18px);   --radio-dot-size: 0.5rem;    --radio-bg: var(--lmvz-semantic-color-surface-input-primary, #ffffff);   --radio-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0);   --radio-border-color-hover: var(--lmvz-semantic-color-border-hover, #c7c7c7);   --radio-border-color-checked: var(--lmvz-semantic-color-border-active, #0f8acc);   --radio-border-color-error: var(--lmvz-semantic-color-status-on-danger, #e52a31);   --radio-dot-color: var(--lmvz-semantic-color-border-active, #0f8acc);    --radio-wrapper-bg-hover: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0);   --radio-wrapper-bg-active: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0);    --radio-label-color: var(--lmvz-semantic-color-on-surface-primary, #000000);   --radio-label-color-checked: var(--lmvz-semantic-color-status-on-active, #0e7ab4);   --radio-helper-color: var(--lmvz-semantic-color-on-surface-secondary, #7a7a7a);    --radio-easing: var(--lmvz-global-easing-default, ease);   --radio-duration: 0.2s;    display: flex;   align-items: center;   gap: var(--lmvz-component-input-gap-md, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   padding-block: var(--lmvz-dimension-2-8, clamp(0.13rem, 0.03rem + 0.39vw, 0.5rem));   padding-inline: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   border-radius: var(--lmvz-semantic-border-radius-round, 999px);   overflow: clip;   cursor: pointer;   background-color: transparent;   position: relative;   transition: background-color var(--radio-duration) var(--radio-easing); } input.sc-lmvz-radio {   position: absolute;   inset-block-start: var(--lmvz-dimension-2-8, clamp(0.13rem, 0.03rem + 0.39vw, 0.5rem));   inset-inline-start: var(--lmvz-dimension-4-10, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   opacity: 0;   width: var(--radio-circle-size);   height: var(--radio-circle-size);   margin: 0;   cursor: pointer;   z-index: 1; } .circle.sc-lmvz-radio {   width: var(--radio-circle-size);   height: var(--radio-circle-size);   border-radius: 50%;   border: var(--lmvz-semantic-border-width-default, 1px) solid var(--radio-border-color);   background-color: var(--radio-bg);   pointer-events: none;   flex-shrink: 0;   display: flex;   align-items: center;   justify-content: center;   box-sizing: border-box;   transition: border-color var(--radio-duration) var(--radio-easing); } .dot.sc-lmvz-radio {   width: var(--radio-dot-size);   height: var(--radio-dot-size);   border-radius: 50%;   background-color: var(--radio-dot-color); } .content.sc-lmvz-radio {   display: flex;   flex-direction: column;   overflow-wrap: break-word;   min-width: 0; } label.sc-lmvz-radio {   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5     Router);   color: var(--radio-label-color);   cursor: pointer;   transition: color var(--radio-duration) var(--radio-easing); } .helper-text.sc-lmvz-radio {   display: block;   font: var(--lmvz-typography-body-sm, 400 clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem) / 1.5     Router);   color: var(--radio-helper-color);   margin-block-start: 2px; } .helper-text.sc-lmvz-radio:empty {   display: none; }  @media (hover: hover) {   .sc-lmvz-radio-h:hover .circle.sc-lmvz-radio {     border-color: var(--radio-border-color-hover);   }    .sc-lmvz-radio-h:hover {     background-color: var(--radio-wrapper-bg-hover);   } }  .sc-lmvz-radio-h:active {   background-color: var(--radio-wrapper-bg-active); }  [checked].sc-lmvz-radio-h .circle.sc-lmvz-radio {   border-color: var(--radio-border-color-checked); } [checked].sc-lmvz-radio-h label.sc-lmvz-radio {   color: var(--radio-label-color-checked); }  [error].sc-lmvz-radio-h .circle.sc-lmvz-radio {   border-color: var(--radio-border-color-error); } [error].sc-lmvz-radio-h .helper-text.sc-lmvz-radio {   color: var(--lmvz-semantic-color-status-on-danger, #e52a31); }  [disabled].sc-lmvz-radio-h {   opacity: var(--lmvz-component-input-disabled-opacity, 40%);   pointer-events: none;   cursor: not-allowed; }  @media (forced-colors: active) {   .circle.sc-lmvz-radio {     forced-color-adjust: auto;     border-color: ButtonText;     background-color: Field;   }    [checked].sc-lmvz-radio-h .circle.sc-lmvz-radio {     border-color: Highlight;   }    .dot.sc-lmvz-radio {     background-color: ButtonText;   }    [checked].sc-lmvz-radio-h .dot.sc-lmvz-radio {     background-color: HighlightText;   } }.sc-lmvz-radio-h:focus-within{outline:var(--lmvz-ds-outline, 1px solid #0e7ab4);outline-offset:var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem))}@media (forced-colors: active){.sc-lmvz-radio-h:focus-within{outline-color:Highlight;box-shadow:none}}";export{h as lmvz_radio}

package/manifest.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-15T18:20:41",
+  "timestamp": "2026-06-23T09:00:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -93,6 +93,67 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/lmvz-action-list/lmvz-action-list.tsx",
+      "encapsulation": "scoped",
+      "tag": "lmvz-action-list",
+      "readme": "# lmvz-action-list\n\nA menu of actions. Renders an internal `<ul role=\"menu\">` and projects consumer-supplied interactive elements as menuitems.\n\n## Usage\n\nSlot `<lmvz-button>` or native `<button>` elements **directly** — no `<li>` wrapper. Dividers are slotted `<hr>`. Groups are `<div role=\"group\" aria-label=\"…\">` containing interactive children.\n\n```html\n<lmvz-action-list label=\"File actions\">\n  <lmvz-button>Open</lmvz-button>\n  <lmvz-button>Save</lmvz-button>\n  <hr />\n  <lmvz-button class=\"lmvz-action-list-item--danger\">Delete</lmvz-button>\n</lmvz-action-list>\n```\n\n## API\n\n### Props\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `label` | `string \\| undefined` | `undefined` | Accessible name for the menu. Reflected as `aria-label` on the internal `<ul role=\"menu\">`. Optional — consumers may provide context via surrounding markup. |\n\n### Slots\n\n| Slot | Description |\n|---|---|\n| *(default)* | Accepts `<lmvz-button>` or native `<button>` (menuitems), `<hr>` (separators), and `<div role=\"group\" aria-label=\"…\">` (groups containing menuitems). **No `<li>` wrapper.** |\n\n### CSS Classes\n\n| Class | Applied to | Description |\n|---|---|---|\n| `lmvz-action-list-item--danger` | Slotted `<lmvz-button>` or `<button>` | Applies danger/destructive styling (status-danger tokens). Stable public contract. |\n\n### Events\n\nNone. Activation is handled by the consumer's `<lmvz-button>` or `<button>`.\n\n### Groups\n\nWrap related menuitems in a `<div role=\"group\" aria-label=\"Group name\">`. A dev-time warning is emitted when a group has no accessible name.\n\n```html\n<lmvz-action-list>\n  <div role=\"group\" aria-label=\"Edit\">\n    <lmvz-button>Cut</lmvz-button>\n    <lmvz-button>Copy</lmvz-button>\n  </div>\n  <hr />\n  <lmvz-button>Paste</lmvz-button>\n</lmvz-action-list>\n```\n\n### Keyboard navigation\n\nArrow keys (↑/↓) and Home/End move focus between menuitems using roving tabindex.\n\n**Known limitation:** Tab-exit, Escape-to-close, and typeahead navigation are not implemented in this standalone action list. These belong to a future popup/menu-button owner.\n\n### Deferred / Out of scope\n\n- Disabled item state\n- Leading or trailing icon slot per item\n",
+      "docs": "A keyboard-navigable action list component implementing the WAI-ARIA `menu` pattern.\n\nRenders a styled `<ul role=\"menu\">` that accepts `<lmvz-button>`, native `<button>`,\n`<hr>` dividers, and `<div role=\"group\">` groups via the default slot.\nArrow keys move focus across interactive items; Home/End jump to first/last.\n\n**Disabled items:** Items with the native `disabled` attribute (or `disabled` prop on\n`<lmvz-button>`) are silently skipped during arrow-key navigation. This matches the\nbehaviour of native `<select>` and keeps the interaction model simple.\nTrade-off: screen reader users navigating by arrow key cannot discover disabled items\nor read their labels. If surfacing disabled items to all users is required, use\n`aria-disabled=\"true\"` on the item instead and handle activation prevention in the\nclick/activation handler — the controller's `isFocusableElement` callback can then be\nused to override the skip logic.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - `<lmvz-button>`, native `<button>`, `<hr>` dividers, or\n`<div role=\"group\" aria-label=\"…\">` groups containing buttons."
+        },
+        {
+          "name": "example",
+          "text": "```html\n<lmvz-action-list label=\"Actions\">\n  <lmvz-button>Edit</lmvz-button>\n  <hr />\n  <lmvz-button class=\"lmvz-action-list-item--danger\">Delete</lmvz-button>\n</lmvz-action-list>\n```"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible label for the menu, reflected as `aria-label` on the host Element.\nWhen absent, `aria-label` is not rendered on the host.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "`<lmvz-button>`, native `<button>`, `<hr>` dividers, or\n`<div role=\"group\" aria-label=\"…\">` groups containing buttons."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/lmvz-button/lmvz-button.tsx",
       "encapsulation": "shadow",
@@ -107,6 +168,32 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "buttonRole",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "button-role",
+          "reflectToAttr": false,
+          "docs": "ARIA role applied to the inner `<button>` element.\nWhen set, the host element receives `role=\"presentation\"` so that AT\nsees only one interactive element with the correct role.\nUse `\"menuitem\"` when the button is a child of a `role=\"menu\"` container.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -291,10 +378,6 @@
           "reflectToAttr": true,
           "docs": "",
           "docsTags": [
-            {
-              "name": "readonly",
-              "text": ""
-            },
             {
               "name": "default",
               "text": "0"
@@ -308,7 +391,7 @@
           ],
           "optional": false,
           "required": false,
-          "getter": true,
+          "getter": false,
           "setter": false
         },
         {
@@ -473,8 +556,8 @@
       "filePath": "src/components/lmvz-button-group/lmvz-button-group.tsx",
       "encapsulation": "shadow",
       "tag": "lmvz-button-group",
-      "readme": "# lmvz-button-group\n\nInternal component used by `lmvz-modal` to manage its actions slot. Auto-assigns `variant` attributes to slotted buttons by order (last → primary, second-to-last → secondary, earlier → tertiary) when no explicit variant is set. Exposes `primaryEnabledAction` (first non-disabled button with variant primary, falls back to first enabled) and `hasActions` (true if any visible, non-disabled button is present).\n",
-      "docs": "Internal component used by `lmvz-modal` to manage its actions slot. Auto-assigns `variant` attributes to slotted buttons by order (last → primary, second-to-last → secondary, earlier → tertiary) when no explicit variant is set. Exposes `primaryEnabledAction` (first non-disabled button with variant primary, falls back to first enabled) and `hasActions` (true if any visible, non-disabled button is present).",
+      "readme": "# lmvz-button-group\n\nInternal component used by `lmvz-modal` to manage its actions slot. Auto-assigns `variant` attributes to slotted buttons by order (first → primary, second → secondary, later → tertiary) when no explicit variant is set. Exposes `primaryEnabledAction` (first non-disabled button with variant primary, falls back to first enabled) and `hasActions` (true if any visible, non-disabled button is present).\n\n## Props\n\n### `stacked`\n\nType: `boolean` | Default: `false`\n\nRenders buttons in a vertical stack (full-width column) instead of horizontal row. When `stacked` is true, buttons stretch to full width and are arranged vertically with the primary button on top.\n\n## Authoring Conventions\n\n**Primary button placement:** The primary button must always be the first child in the DOM, regardless of horizontal or stacked layout. This ensures consistent focus order and authoring predictability. In the default horizontal layout, the primary action renders visually on the right because the component uses `row-reverse` flex direction internally.\n\n**Stacked layout limits:** Design guidelines recommend a maximum of 2 buttons in stacked groups. Stacked groups with more than 2 buttons may exceed typical mobile viewport heights.\n\n**Icon restrictions in stacked mode:** Do not use buttons with leading icons in stacked button groups. Leading icons are sized for horizontal layouts and create misaligned spacing in vertical stacks. Use plain labels or trailing icons if necessary.\n",
+      "docs": "Internal component used by `lmvz-modal` to manage its actions slot. Auto-assigns `variant` attributes to slotted buttons by order (first → primary, second → secondary, later → tertiary) when no explicit variant is set. Exposes `primaryEnabledAction` (first non-disabled button with variant primary, falls back to first enabled) and `hasActions` (true if any visible, non-disabled button is present).",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -540,6 +623,35 @@
           "required": false,
           "getter": true,
           "setter": false
+        },
+        {
+          "name": "stacked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "stacked",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -1144,8 +1256,8 @@
             "references": {
               "Chip": {
                 "location": "import",
-                "path": "../../api/ds.constants.js",
-                "id": "src/api/ds.constants.ts::Chip",
+                "path": "../../api/ds.types.js",
+                "id": "src/api/ds.types.d.ts::Chip",
                 "referenceLocation": "Chip"
               }
             }
@@ -1185,8 +1297,8 @@
             "references": {
               "Chip": {
                 "location": "import",
-                "path": "../../api/ds.constants.js",
-                "id": "src/api/ds.constants.ts::Chip",
+                "path": "../../api/ds.types.js",
+                "id": "src/api/ds.types.d.ts::Chip",
                 "referenceLocation": "Chip"
               }
             }
@@ -5833,8 +5945,8 @@
             "references": {
               "Link": {
                 "location": "import",
-                "path": "../../api/ds.constants.js",
-                "id": "src/api/ds.constants.ts::Link",
+                "path": "../../api/ds.types.js",
+                "id": "src/api/ds.types.d.ts::Link",
                 "referenceLocation": "Link"
               }
             }
@@ -8193,10 +8305,10 @@
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
-    "src/api/ds.constants.ts::Chip": {
+    "src/api/ds.types.d.ts::Chip": {
       "declaration": "any",
       "docstring": "",
-      "path": "src/api/ds.constants.ts"
+      "path": "src/api/ds.types.d.ts"
     },
     "../../lib/ts/dist/validation/SVGString.d.ts::SVGString": {
       "declaration": "export type SVGString = string & Brand.Brand<'SVG'>;",
@@ -8213,10 +8325,10 @@
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
-    "src/api/ds.constants.ts::Link": {
+    "src/api/ds.types.d.ts::Link": {
       "declaration": "any",
       "docstring": "",
-      "path": "src/api/ds.constants.ts"
+      "path": "src/api/ds.types.d.ts"
     },
     "src/api/index.d.ts::Message": {
       "declaration": "any",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.30.0",
+  "version": "0.32.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -111,6 +111,10 @@
     "./lmvz-spinner": {
       "import": "./components/lmvz-spinner.js",
       "types": "./components/lmvz-spinner.d.ts"
+    },
+    "./lmvz-action-list": {
+      "import": "./components/lmvz-action-list.js",
+      "types": "./components/lmvz-action-list.d.ts"
     }
   },
   "main": "./index.cjs.js",

package/types/api/ds.constants.d.ts

@@ -10,47 +10,7 @@ export declare const iconWeights: readonly ["thin", "medium", "bold"];
 export declare const chipTypes: readonly ["active", "warning", "success", "error", "neutral"];
 export declare const chipSizes: readonly ["default", "small"];
 export declare const linkTypes: readonly ["internal", "external"];
-export declare namespace LmvzDS {
-    type Variant = (typeof variants)[number];
-    type Size = (typeof sizes)[number];
-}
-export declare namespace Typography {
-    type Size = (typeof textSizes)[number];
-}
-export declare namespace Button {
-    type Scale = (typeof scaleValues)[number];
-    type Variant = LmvzDS.Variant;
-}
-export declare namespace Chip {
-    type Type = (typeof chipTypes)[number];
-    type Size = (typeof chipSizes)[number];
-}
-export declare namespace Link {
-    type Type = (typeof linkTypes)[number];
-}
-export declare namespace Icon {
-    type Size = (typeof iconSizes)[number];
-    type IconWeight = (typeof iconWeights)[number];
-}
-export declare namespace Input {
-    type Type = (typeof inputTypes)[number];
-    type Size = (typeof inputSizes)[number];
-    type Autocomplete = HTMLInputElement['autocomplete'];
-    type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-}
-export declare namespace Select {
-    type Size = (typeof selectSizes)[number];
-}
 export declare const messageTypes: readonly ["neutral", "warning"];
-export declare namespace Message {
-    type Type = (typeof messageTypes)[number];
-}
 export declare const snackbarStatuses: readonly ["success", "warning", "error"];
 export declare const snackbarPriorities: readonly ["low", "normal", "high"];
 export declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
-export declare namespace Snackbar {
-    type Status = (typeof snackbarStatuses)[number];
-    type Priority = (typeof snackbarPriorities)[number];
-    type DismissReason = (typeof snackbarDismissReasons)[number];
-}

package/types/api/ds.types.d.ts

@@ -1,4 +1,71 @@
-export type * from './ds.constants';
+import type {
+  chipSizes,
+  chipTypes,
+  iconSizes,
+  iconWeights,
+  inputSizes,
+  inputTypes,
+  linkTypes,
+  messageTypes,
+  scaleValues,
+  selectSizes,
+  sizes,
+  snackbarDismissReasons,
+  snackbarPriorities,
+  snackbarStatuses,
+  textSizes,
+  variants,
+} from './ds.constants';
+
+export namespace LmvzDS {
+  export type Variant = (typeof variants)[number];
+  export type Size = (typeof sizes)[number];
+}
+export namespace Typography {
+  export type Size = (typeof textSizes)[number];
+}
+export namespace Button {
+  export type Scale = (typeof scaleValues)[number];
+  export type Variant = LmvzDS.Variant;
+}
+export namespace Chip {
+  export type Type = (typeof chipTypes)[number];
+  export type Size = (typeof chipSizes)[number];
+}
+export namespace Link {
+  export type Type = (typeof linkTypes)[number];
+}
+export namespace Icon {
+  export type Size = (typeof iconSizes)[number];
+  export type IconWeight = (typeof iconWeights)[number];
+}
+export namespace Input {
+  export type Type = (typeof inputTypes)[number];
+  export type Size = (typeof inputSizes)[number];
+
+  export type Autocomplete = HTMLInputElement['autocomplete'];
+  /**
+   * Inputmode attribute for mobile keyboards
+   */
+  export type Inputmode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+  /**
+   * Autocapitalize attribute for mobile keyboards
+   */
+  export type Autocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+}
+export namespace Select {
+  export type Size = (typeof selectSizes)[number];
+}
+
+export namespace Message {
+  export type Type = (typeof messageTypes)[number];
+}
+
+export namespace Snackbar {
+  export type Status = (typeof snackbarStatuses)[number];
+  export type Priority = (typeof snackbarPriorities)[number];
+  export type DismissReason = (typeof snackbarDismissReasons)[number];
+}
 
 export type Attributes = { [key: string]: unknown };
 export type FormRef = string | HTMLFormElement | undefined;

package/types/components/lmvz-action-list/lmvz-action-list.d.ts

@@ -0,0 +1,15 @@
+import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
+import { type DirectionalFocusHost } from '../../utils/aria/list-keyboard-controller';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
+export declare class LmvzActionList extends ReactiveControllerHost implements DirectionalFocusHost, AriaValidationHost {
+    readonly el: HTMLElement;
+    private slotEl?;
+    get validationEl(): HTMLElement;
+    get validationSlot(): HTMLSlotElement | undefined;
+    private readonly focusController;
+    readonly label?: string;
+    constructor();
+    componentDidLoad(): void;
+    private readonly handleSlotChange;
+    render(): any;
+}

package/types/components/lmvz-button/lmvz-button.d.ts

@@ -2,15 +2,17 @@ import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Button, FormRef } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
-export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
+import type { DirectionalFocusReceiver } from '../../utils/aria/list-keyboard-controller';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
+export declare class LmvzButton extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost, DirectionalFocusReceiver {
     el: HTMLLmvzButtonElement;
     validationEl: HTMLButtonElement | undefined;
     private inheritedAttributes;
     private formEl;
     private formButtonEl;
     lmvzActivation: EventEmitter<void>;
-    get ti(): number;
+    ti: number;
+    resolveFocusableElement(): HTMLElement | undefined;
     scale: Button.Scale;
     variant?: Button.Variant;
     disabled: boolean;
@@ -19,6 +21,7 @@ export declare class LmvzButton extends ReactiveControllerHost implements AriaVa
     formMethod?: 'dialog' | 'get' | 'post';
     name?: string;
     value?: string;
+    buttonRole?: string;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/types/components/lmvz-button-group/lmvz-button-group.d.ts

@@ -1,7 +1,9 @@
 export declare class LmvzButtonGroup {
+    el: HTMLElement;
     private actionsSlot?;
     private validationMessageCache;
     private actionsStateObserver?;
+    stacked: boolean;
     get primaryEnabledAction(): HTMLButtonElement | undefined;
     get hasActions(): boolean;
     componentDidLoad(): void;

package/types/components/lmvz-checkbox/lmvz-checkbox.d.ts

@@ -1,6 +1,6 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzCheckbox extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-chip/lmvz-chip.d.ts

@@ -1,6 +1,6 @@
-import { type Chip } from '../../api/ds.constants.js';
+import type { Chip } from '../../api/ds.types.js';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host.js';
 export declare class LmvzChip extends ReactiveControllerHost implements AriaValidationHost {
     private readonly ariaValidationController;
     private beforeSlot?;

package/types/components/lmvz-header/lmvz-header.d.ts

@@ -1,6 +1,6 @@
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type DirectionalFocusHost } from '../../utils/aria/list-keyboard-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzHeader extends ReactiveControllerHost implements AriaValidationHost, DirectionalFocusHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-icon/lmvz-icon.d.ts

@@ -1,7 +1,7 @@
 import type { SVGString } from '@lmvz-ds/lib-ts/validation/SVGString.d.ts';
 import type { Icon } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzIcon extends ReactiveControllerHost implements AriaValidationHost {
     private intersectionObserver?;
     private readonly ariaValidationController;

package/types/components/lmvz-input/lmvz-input.d.ts

@@ -1,7 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import type { Input } from '../../api';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzInput extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-link/lmvz-link.d.ts

@@ -1,4 +1,4 @@
-import { type Link } from '../../api/ds.constants.js';
+import type { Link } from '../../api/ds.types.js';
 export declare class LmvzLink {
     href: string;
     target?: '_self' | '_blank' | '_parent' | '_top';

package/types/components/lmvz-menuitem/lmvz-menuitem.d.ts

@@ -1,7 +1,7 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
 import { type ElementActivationHost } from '../../utils/aria/element-activation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzMenuItem extends ReactiveControllerHost implements AriaValidationHost, ElementActivationHost {
     readonly el: HTMLElement;
     get validationEl(): HTMLElement;

package/types/components/lmvz-modal/lmvz-modal.d.ts

@@ -1,6 +1,6 @@
 import { type EventEmitter } from '../../stencil-public-runtime';
 import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
-import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+import { ReactiveControllerHost } from '../../utils/stencil/reactive-controller-host';
 export declare class LmvzModal extends ReactiveControllerHost implements AriaValidationHost {
     readonly el: HTMLLmvzModalElement;
     private inheritedAriaAttributes;