@scouterna/ui-webc 3.2.0 → 4.0.0

package/dist/esm/scout-field.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-CBq_WkdR.js';
+import { r as registerInstance, d as getElement, h } from './index-BtN0bCWb.js';
 
 const fieldCss = () => `.field.sc-scout-field{display:flex;flex-direction:column}.label.sc-scout-field{font:var(--type-label-sm);font-weight:600;color:var(--color-text-base)}.error-text.sc-scout-field{font:var(--type-label-sm);color:var(--color-text-danger-base);margin:var(--spacing-1) 0 0 0}.error-text.sc-scout-field:empty{margin:0}.help-text.sc-scout-field{font:var(--type-label-sm);color:var(--color-gray-600);margin:var(--spacing-1) 0 0 0}`;
 

package/dist/esm/scout-input.entry.js

@@ -1,5 +1,5 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h, H as Host } from './index-CBq_WkdR.js';
-import { i as inputMixin } from './inputMixin-CArDsEiI.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h, H as Host } from './index-BtN0bCWb.js';
+import { i as inputMixin } from './inputMixin-DC4hF1Lp.js';
 
 const inputCss = () => `.sc-scout-input-h{display:flex;height:var(--spacing-10);--scout-input-padding:var(--spacing-2);--scout-input-border-radius:var(--spacing-2);--scout-input-type:var(--type-body-base)}.large.sc-scout-input-h{height:var(--spacing-14);--scout-input-padding:var(--spacing-3);--scout-input-border-radius:var(--spacing-3);--scout-input-type:var(--type-body-lg)}.input.sc-scout-input{flex:1;padding:var(--scout-input-padding);font:var(--scout-input-type);border:1px solid var(--color-gray-300);border-radius:var(--scout-input-border-radius);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.elevated.sc-scout-input-h .input.sc-scout-input{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),     0 2px 4px -2px rgba(0, 0, 0, 0.1);border-color:transparent}`;
 

package/dist/esm/scout-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CBq_WkdR.js';
+import { r as registerInstance, c as createEvent, h } from './index-BtN0bCWb.js';
 
 const linkCss = () => `:host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}@media (hover: hover){a:hover,button:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--color-background-brand-hover)}}a:active,button:active{color:var(--color-background-brand-pressed)}button{display:inline;background:none;border:none;padding:0;cursor:pointer}`;
 

package/dist/esm/scout-list-view-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BtN0bCWb.js';
 
 const chevronRightSvg = 'data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1yaWdodCIKPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGQ9Ik05IDZsNiA2bC02IDYiIC8+Cjwvc3ZnPg==';
 
-const listViewItemCss = () => `:host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;border:none;background-color:transparent;-webkit-text-decoration:none;text-decoration:none}@media (hover: hover){.button:hover{background-color:var(--color-background-brand-subtle-hovered)}}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-14)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}`;
+const listViewItemCss = () => `:host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;border:1px solid rgba(0, 0, 0, 0.05);background-color:var(--color-white);-webkit-text-decoration:none;text-decoration:none;border-radius:6px}:host(:first-of-type) .button{border-top-left-radius:var(--spacing-4);border-top-right-radius:var(--spacing-4)}:host(:last-of-type) .button{border-bottom-left-radius:var(--spacing-4);border-bottom-right-radius:var(--spacing-4)}@media (hover: hover){.button:hover{background-color:var(--color-background-brand-subtle-hovered);border-color:rgba(0, 0, 0, 0.03)}}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-10)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}`;
 
 const ScoutListViewItem = class {
     constructor(hostRef) {

package/dist/esm/scout-list-view-subheader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, h, H as Host } from './index-BtN0bCWb.js';
 
 const listViewSubheaderCss = () => `:host{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--spacing-4) !important;height:var(--spacing-12);border:none !important;background-color:transparent}.heading{margin:0;padding:0;font:var(--type-body-sm);color:var(--color-gray-800);font-weight:500}`;
 

package/dist/esm/scout-list-view.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, d as getElement, h } from './index-BtN0bCWb.js';
 
-const listViewCss = () => `:host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}`;
+const listViewCss = () => `.list{width:100%;display:flex;flex-direction:column;padding:var(--spacing-2);gap:2px}`;
 
 const ScoutListView = class {
     constructor(hostRef) {
@@ -15,8 +15,8 @@ const ScoutListView = class {
         const listItems = this.el.querySelectorAll("scout-list-view-item");
         const otherRadios = [];
         listItems.forEach((item) => {
-            const radios = item.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`);
-            radios.forEach((r) => {
+            const radios = item.shadowRoot?.querySelectorAll(`input[type="radio"][name="${CSS.escape(element.name)}"]`);
+            radios?.forEach((r) => {
                 if (r !== element) {
                     otherRadios.push(r);
                 }
@@ -27,7 +27,9 @@ const ScoutListView = class {
         }
     }
     render() {
-        return (h(Host, { key: '68c7e8924c60ba15c6c8a64724eebeea1731909f', role: "list" }, h("slot", { key: '7b686b0f83c138ab0d497f9b6a0d7d5927bce63c' })));
+        return (
+        // biome-ignore lint/a11y/useSemanticElements: custom-elements are not allowed as children of a <ul>
+        h("div", { key: 'a2c79ce8e0fe8028cb7b093f6bf64961a0ef4d05', class: "list", role: "list" }, h("slot", { key: '6a147fbbb385c80325211e9cb009b6af0678dbb6' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-loader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, h, H as Host } from './index-BtN0bCWb.js';
 
 const adventurerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTA2NSwwLDAsMy43Nzk1MDY1LC0zMDkuODc3MDcsLTM3OS41OTg3MSkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gOTYuNzE5NTg3LDE2NS42NTE2OSBjIDAuMDMyMSwtMC4wNzU4IDAuMDgwMiwtMC4yNTQ5OCAwLjEwNjgzLC0wLjM5ODIyIDAuMDI5NSwtMC4xNTg4MiAyLjUwNjA1LC00LjAwNjA1IDYuMzQ2NjkzLC05Ljg1OTQ2IDYuMDQ0NTgsLTkuMjEyMzggNi4zMDc4MSwtOS41OTkwNiA2LjUzNTI0LC05LjYwMDI4IDAuMjE5NzksLTAuMDAxIDAuMzQ0MzUsMC4xNDcwMyAxLjcxODYxLDIuMDQ0OSAwLjgxNDksMS4xMjUzOSAxLjUwNjkxLDIuMDYxNzkgMS41Mzc4MSwyLjA4MDg4IDAuMDMwOSwwLjAxOTEgMC42Nzc5NSwtMS40NTk2NiAxLjQzNzkxLC0zLjI4NjEzIDEuMzY3NjYsLTMuMjg3MDEgMS4zODQwNSwtMy4zMjA4NSAxLjYwODUzLC0zLjMyMDg1IDAuMjIzMzQsMCAwLjIzNDg5LDAuMDIyOCAwLjc1NzMsMS40OTU4MyAyLjEwMjI0LDUuOTI3NjEgMi41NDAxMiw3LjEyMDgyIDIuNTkzNTcsNy4wNjczNCAwLjA4MzgsLTAuMDgzOSAzLjA2MDEsLTUuNzEyMDIgMy4wNjAxLC01Ljc4NjY2IDAsLTAuMDMzMiAwLjEwNTIsLTAuMDYwNCAwLjIzMzc5LC0wLjA2MDQgMC4yMDIzOCwwIDAuMjg1NDEsMC4wNzY3IDAuNjE4MTUsMC41NzA3OCAwLjIxMTQxLDAuMzEzOTMgMi45MTA0NSw0LjYwOTU1IDUuOTk3ODgsOS41NDU4MSA0LjMxNTgsNi45MDAyMSA1LjYyNjAyLDkuMDUyMzggNS42Njc2Myw5LjMwOTYzIGwgMC4wNTQxLDAuMzM0NTkgaCAtMTkuMTY2MjkgYyAtMTguMjIzMzczLDAgLTE5LjE2MzQxMywtMC4wMDcgLTE5LjEwNzg3MywtMC4xMzc3NyB6IG0gMjIuNzI5NDkzLC0yMC41ODc0NiBjIC0wLjE3ODY5LC0wLjIyMTM4IC0wLjkzODA0LC0xLjgzNDQ4IC0yLjE0MDk2LC00LjU0ODA4IC0wLjcwMDI0LC0xLjU3OTYzIC0xLjMwMTE1LC0yLjkwMDU4IC0xLjMzNTM2LC0yLjkzNTQzIC0wLjA5ODksLTAuMTAwOCAtMS4yMzMzOCwyLjUxOTEzIC0yLjU1ODY2LDUuOTA4OTQgLTAuNzE3MTMsMS44MzQyOSAtMC41NzMwMiwxLjg1MjYgLTIuMjk5NDUsLTAuMjkyMTcgLTAuNzMwNiwtMC45MDc2NCAtMS4zNTE1LC0xLjY1MTYyIC0xLjM3OTc5LC0xLjY1MzMgLTAuMDI4MywtMC4wMDIgLTAuNTI0MjcsMC42NTIyNiAtMS4xMDIxOSwxLjQ1MzE5IC0xLjM0OTQzLDEuODcwMTQgLTEuMzMwMDEsMS44NjQ3OSAtMS43ODQ5MywwLjQ5MjI4IC0wLjU1NzU2LC0xLjY4MjIxIC0wLjY2NDUyLC0yLjM4NjgzIC0wLjYxODQ0LC00LjA3NDE5IDAuMDMxNSwtMS4xNTE1NyAwLjA5MTgsLTEuNzUzMTMgMC4yODg0NiwtMi44NzM1OCAwLjI4Nzg1LC0xLjY0MDM0IDAuMzMzMjIsLTIuODg3MjQgMC4xMzc2MywtMy43ODI2MiAtMC4wODQ2LC0wLjM4NzMzIC0wLjM1NjQzLC0xLjAxNyAtMC45MDA2NSwtMi4wODYzIC0wLjgzMDQxLC0xLjYzMTYyIC0xLjI1MTA4LC0yLjc2MDUyIC0xLjUwOTQ5LC00LjA1MDg1IC0wLjg0MzQxLC00LjIxMTM2IC0wLjAwNiwtOS45ODc0MyAyLjA1MTU4LC0xNC4xNDMzMSAxLjYxNTM2LC0zLjI2MzQgNC4wMzYyNywtNS45NzY5NiA3LjE4OTY5LC04LjA1ODgxIDEuMjQxMTYsLTAuODE5NCAyLjM2NTI2LC0xLjQwMTYxIDIuODM0MjIsLTEuNDY3OTUgMC4yMTY1LC0wLjAzMDYgMC40OTYzMywtMC4wODEgMC42MjE4NCwtMC4xMTE4OCAwLjE2MjUsLTAuMDQgMC4yMTIxNiwtMC4wMzAyIDAuMTcyNDksMC4wMzQgLTAuMDMxNiwwLjA1MTIgLTAuMDA4LDAuMDkwMSAwLjA1MzgsMC4wOTAxIDAuMDg4MywwIDAuMDY1NiwwLjIyNTM1IC0wLjExNjY1LDEuMTYxMjQgLTAuMzUzMzIsMS44MTQxNiAtMC45MDE2Nyw1LjEyNTAzIC0xLjA4NTQ5LDYuNTU0MTQgLTAuMzUyNjcsMi43NDE4NiAtMC4yOTM4MiwzLjk0NDM0IDAuMjc2NDcsNS42NDg3OSAwLjI4NTc2LDAuODU0MDkgMC45OTE3LDIuMzMzODcgMS4zODg1NSwyLjkxMDY3IGwgMC4yMzczNywwLjM0NSAxLjUwMTQ1LC0zLjExMzg1IGMgMS43Mzc0MiwtMy42MDMyMyAxLjYzNTAyLC0zLjQ4MzY3IDIuMjExODMsLTIuNTgyNDQgMS44OTkyOCwyLjk2NzUgNC4yOTMwMSw3LjM2NDQ3IDUuMjM5NjUsOS42MjQ1NCAxLjE1MzcyLDIuNzU0NDkgMS45NDkzMSw1LjIwNDg3IDIuMzQ4MjksNy4yMzI2OCAwLjE5NzgsMS4wMDUzMiAwLjIxMTM1LDEuMjEyNTIgMC4yMTQyMywzLjI3NzU1IDAuMDAzLDIuMTEzMzggLTAuMDA2LDIuMjQ1ODYgLTAuMjEyOTgsMy4yMDg2NSAtMC40OTA1MywyLjI3OTk4IC0xLjQyMTU4LDQuNDM1NDQgLTIuOTA1MDMsNi43MjU0IC0wLjcwNTgxLDEuMDg5NTQgLTAuNjA1NzgsMS4xNDMwNyAtMi4yMzA0NSwtMS4xOTM3OCAtMC43MzYxMSwtMS4wNTg3OSAtMS4zNTk2NSwtMS45MjYyNCAtMS4zODU2NCwtMS45Mjc2NyAtMC4wMjYsLTAuMDAxIC0wLjQ2NjI3LDAuNjc5MzkgLTAuOTc4NDEsMS41MTI5MiAtMS42MjE0MSwyLjYzODk1IC0xLjc0MzM1LDIuODE0NTQgLTEuOTU0NiwyLjgxNDU0IC0wLjEwMzkyLDAgLTAuMjI0NywtMC4wNDQzIC0wLjI2ODM4LC0wLjA5ODQgeiBtIC0wLjczNDEyLC0xMi4xNTIwNiBjIDEuMDk5NywtMS41Mzg3OCAxLjcxNDU0LC0yLjc3NTE4IDIuMDkxMzEsLTQuMjA1NDcgMC4yMTYzNiwtMC44MjEzNSAwLjU0NjY2LC0yLjcwMTA4IDAuNjMyNTksLTMuNjAwMSAwLjA1MjgsLTAuNTUyNzYgMC4wNjEyLC0wLjU3MDc4IDAuMjY1MjMsLTAuNTcwNzggMC4zMDIzLDAgMS42MjkwNCwxLjI2Nzk5IDIuNTgwODgsMi40NjY2IDAuNDE4NDcsMC41MjY5NCAwLjgwODY5LDEuMDEwNDMgMC44NjcxOCwxLjA3NDQxIDAuMTExOTQsMC4xMjI0NSAtMC4yOTMyOCwtMC45NTg2NyAtMC44OTAyLC0yLjM3NTAyIC0wLjQxNTMzLC0wLjk4NTQ5IC0xLjE2MTA0LC0yLjMxMjE0IC0yLjIyNjM5LC0zLjk2MDg1IC0xLjE0NzUsLTEuNzc1ODMgLTEuMzAxODMsLTIuMDA0NjEgLTEuMzUzMjQsLTIuMDA2MTUgLTAuMDI2LC03LjhlLTQgLTAuNTQxODEsMS4yMTE5OCAtMS4xNDYzNCwyLjY5NTAzIC0xLjM0MDc0LDMuMjg5MTggLTEuMjM4NDksMy4xOTMxNiAtMi4wMTY4OSwxLjg5Mzk2IC0xLjYxMjM4LC0yLjY5MTE1IC0zLjE4MTIzLC01LjYwNzU2IC0zLjUyNzc1LC02LjU1Nzg3IC0wLjQ2MjQ1LC0xLjI2ODI5IC0xLjA4NTI3LC00LjAzOTIxIC0xLjM0MzAyLC01Ljk3NTA5IC0wLjA1MjUsLTAuMzk0NjYgLTAuMTIxMDMsLTAuNzE3NTYgLTAuMTUyMTgsLTAuNzE3NTYgLTAuMDg3NywwIC0wLjgyNTUyLDAuODI5MzIgLTEuNDM1OTUsMS42MTM5MyAtMS44NzY0NiwyLjQxMTg5IC0zLjI3MzE2LDUuMjM4NSAtMy43NTM3NCw3LjU5Njc1IC0wLjM0ODk1LDEuNzEyMzUgLTAuMzYyMjQsMy45OTkxNiAtMC4wMzM1LDUuNzY3NDEgMC4xNTE4LDAuODE2NDkgMC41MTI1NiwyLjE4NDcgMC41NzYwMywyLjE4NDYyIDAuMDI2MywtNGUtNSAwLjE4MjgzLC0wLjY5OTc0IDAuMzQ3ODIsLTEuNTU0ODkgMC4zNzA3NCwtMS45MjE1NCAwLjYyMjczLC0yLjY5MzA5IDEuMzA1NzUsLTMuOTk4MDIgMC40ODM1NCwtMC45MjM4MyAwLjU1NjA4LC0xLjAyMzA0IDAuNzYzMzEsLTEuMDQzOTIgMC4yMjc2NSwtMC4wMjI5IDAuMjM5NjMsLTAuMDAyIDIuMDM5NzQsMy42MTYwNiAxLjg0OTI5LDMuNzE2NiAyLjExMzg4LDQuMTY1NzIgMy4xOTUsNS40MjMzNiAwLjU4NTc2LDAuNjgxNCAyLjY2NzksMi44MzI4OCAyLjczOTc0LDIuODMwOTggMC4wMjY3LC03LjFlLTQgMC4yNDAzMiwtMC4yNjk1MyAwLjQ3NDYzLC0wLjU5NzM5IHoiCiAgICAgICBpZD0icGF0aDUiIC8+CiAgPC9nPgo8L3N2Zz4K';
 

package/dist/esm/scout-segmented-control.entry.js

@@ -0,0 +1,86 @@
+import { r as registerInstance, c as createEvent, d as getElement, h, H as Host } from './index-BtN0bCWb.js';
+
+const segmentedControlCss = () => `:host{position:relative;width:100%;display:flex;height:var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);font:var(--type-body-md);padding:0 0.125rem;padding:0 var(--indicator-padding);--indicator-padding:0.125rem;--button-padding:var(--spacing-3)}:host(.small){height:var(--spacing-8);font:var(--type-body-sm);--button-padding:var(--spacing-2)}.indicator{position:absolute;top:0;left:0;width:0;height:100%;transition:all 0.2s ease;pointer-events:none;z-index:0}.indicator::after{content:"";position:absolute;top:var(--indicator-padding);left:0;right:0;bottom:var(--indicator-padding);border-radius:0.375rem;background-color:var(--color-background-brand-base)}::slotted(button){flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--button-padding);font-size:var(--font-size-2);color:var(--color-text-default);background-color:transparent;border:none;cursor:pointer;transition:color 0.15s ease;position:relative;z-index:1}::-csstools-invalid-slotted(button):disabled{color:var(--color-text-disabled);cursor:not-allowed}::slotted(button[aria-checked="true"]){color:var(--color-text-brand-inverse)}`;
+
+const ScoutSegmentedControl = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.scoutChange = createEvent(this, "scoutChange");
+    }
+    /**
+     * Visual size of the segmented control.
+     * Use `small` for dense layouts and `medium` for the default size.
+     */
+    size = "medium";
+    /**
+     * Zero-based index of the currently active segment.
+     */
+    value = 0;
+    /**
+     * Emitted when the active segment changes as a result of a user click.
+     * The `value` in the event detail is the zero-based index of the newly selected segment.
+     */
+    scoutChange;
+    widths = [];
+    lefts = [];
+    enableAnimations = false;
+    get el() { return getElement(this); }
+    render() {
+        const sizeClass = this.size === "small" ? "small" : "";
+        const noTransitionClass = this.enableAnimations ? "" : "no-transition";
+        return (h(Host, { key: '2d8b54a8df11bf86dba14ec39590faf531a6db37', class: `${sizeClass} ${noTransitionClass}` }, h("slot", { key: '7b80b3510c5fb1540198825ab956acc73c6ae7ae' }), this.getIndicator()));
+    }
+    componentDidLoad() {
+        this.updateChildrenAttributes();
+        this.calculateIndicatorSizes();
+        requestAnimationFrame(() => {
+            this.enableAnimations = true;
+        });
+    }
+    getIndicator() {
+        const width = this.widths[this.value] || 0;
+        const left = this.lefts[this.value] || 0;
+        const indicatorStyle = {
+            width: `${width}px`,
+            transform: `translateX(${left}px)`,
+        };
+        return h("div", { "aria-hidden": "true", class: "indicator", style: indicatorStyle });
+    }
+    handleClick(event) {
+        const target = event.target;
+        const buttons = Array.from(this.el.children);
+        const clickedIndex = buttons.indexOf(target);
+        if (clickedIndex !== -1 && clickedIndex !== this.value) {
+            this.scoutChange.emit({ value: clickedIndex });
+        }
+    }
+    updateChildrenAttributes() {
+        Array.from(this.el.children).forEach((child, index) => {
+            const button = child;
+            button.role = "radio";
+            if (index === this.value) {
+                button.ariaChecked = "true";
+            }
+            else {
+                button.ariaChecked = "false";
+            }
+        });
+    }
+    calculateIndicatorSizes() {
+        // Get left padding of container
+        const baseLeft = parseFloat(getComputedStyle(this.el).paddingLeft) || 0;
+        this.widths = Array.from(this.el.children).map((child) => child.offsetWidth);
+        this.lefts = this.widths.map((_, index) => this.widths.slice(0, index).reduce((acc, w) => acc + w, 0) + baseLeft);
+    }
+    static get delegatesFocus() { return true; }
+    static get watchers() { return {
+        "value": [{
+                "updateChildrenAttributes": 0
+            }, {
+                "calculateIndicatorSizes": 0
+            }]
+    }; }
+};
+ScoutSegmentedControl.style = segmentedControlCss();
+
+export { ScoutSegmentedControl as scout_segmented_control };

package/dist/esm/scout-select.entry.js

@@ -1,5 +1,5 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-CBq_WkdR.js';
-import { i as inputMixin } from './inputMixin-CArDsEiI.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-BtN0bCWb.js';
+import { i as inputMixin } from './inputMixin-DC4hF1Lp.js';
 
 const chevronDownSvg = 'data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1kb3duIgo+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTYgOWw2IDZsNiAtNiIgLz4KPC9zdmc+';
 
@@ -27,7 +27,7 @@ const ScoutSelect = class extends Mixin(inputMixin) {
     disabled = false;
     name;
     render() {
-        return (h("div", { key: '12bf95188935ab6b11101c829970800199b53e9a', class: "select-wrapper" }, h("select", { key: '23b78d816a0f95c659ce2d97fadd7e7ca413c521', ref: (el) => this.setInputRef(el), id: this.ariaId, name: this.name, class: "select", disabled: this.disabled, onChange: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }, h("slot", { key: '652f8938b7bc8c32e2a2976e024e36a07afc8f5a' })), h("span", { key: 'f2e2dd4d5266145c6a854a3e5610c887d7e1e259', class: "select-icon", style: { "--icon-chevron": `url(${chevronDownSvg})` }, "aria-hidden": "true" })));
+        return (h("div", { key: 'e310b4c1428ca0cfd1a8b27972a984fea3cc71a3', class: "select-wrapper" }, h("select", { key: '4573604ba50d2d59f73050e0f1964e693854e0bf', ref: (el) => this.setInputRef(el), id: this.ariaId, name: this.name, class: "select", disabled: this.disabled, onChange: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }, h("slot", { key: '6b94eb31ab85b85af76f5b14418ccac2799904fc' })), h("span", { key: '84d7635264f72630763e4018feeb7f47a2bf927b', class: "select-icon", style: { "--icon-chevron": `url(${chevronDownSvg})` }, "aria-hidden": "true" })));
     }
     static get watchers() { return {
         "validity": [{

package/dist/esm/scout-stack.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, h, H as Host } from './index-BtN0bCWb.js';
 
 const stackCss = () => `:host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}`;
 
@@ -24,10 +24,10 @@ const ScoutStack = class {
      */
     gapSize = "m";
     render() {
-        return (h(Host, { key: '768d68ecb7184d322a181d5917f2eaee3d270c52', style: {
+        return (h(Host, { key: 'cf8f24869700a8f07be858433970b07f77a15c70', style: {
                 "--stack-flex-direction": `${this.direction}`,
                 "--stack-gap-spacing": `var(--spacing-${GapSizeValues[this.gapSize]})`,
-            } }, h("slot", { key: '01a68b251dcbc2b46a2902f922fe56c57daf840c' })));
+            } }, h("slot", { key: '5673836639ec9e40da4e6558b8e42029dda5ff95' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-switch.entry.js

@@ -1,5 +1,5 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-CBq_WkdR.js';
-import { i as inputMixin } from './inputMixin-CArDsEiI.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-BtN0bCWb.js';
+import { i as inputMixin } from './inputMixin-DC4hF1Lp.js';
 
 const switchCss = () => `.switch{width:var(--spacing-10);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--spacing-8);background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative;display:flex;align-content:center;justify-content:center;transition-property:border-color;transition-duration:0.3s;transition-timing-function:ease-in-out;cursor:pointer;--switch-ball-padding:calc(var(--spacing-1) / 4);--switch-ball-size:calc(var(--spacing-5) - var(--switch-ball-padding) * 2)}@media (hover: hover){.switch:hover{transition-property:none;border-color:var(--color-gray-400);background-color:var(--color-background-brand-subtle-hovered)}}.switch:active{background-color:var(--color-background-brand-subtle-pressed)}.switch:checked{border-color:var(--color-background-brand-base)}@media (hover: hover){.switch:hover::before{background-color:var(--color-gray-400)}}.switch::before{content:"";background-color:var(--color-gray-300);width:var(--switch-ball-size);height:var(--switch-ball-size);border-radius:50%;position:absolute;top:var(--switch-ball-padding);left:var(--switch-ball-padding);transition-duration:0.3s;transition-property:left, right}.switch:checked::before{content:"";background-color:var(--color-background-brand-base);left:calc(100% - (var(--switch-ball-size) + var(--switch-ball-padding)));left:calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)))}.switch:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.switch:disabled::before{background-color:var(--color-gray-300)}label{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider{width:var(--spacing-2)}`;
 
@@ -35,7 +35,7 @@ const ScoutSwitch = class extends Mixin(inputMixin) {
     }
     render() {
         const Tag = this.label?.length ? "label" : "div";
-        return (h(Tag, { key: 'b577bb6c1a4bde37ea76ae1c14bbdad4e3c11200' }, this.label, h("span", { key: 'b93dc86e4fa270efb3e8983c957731015d9709b4', class: "inlineDivider" }), h("input", { key: 'ca377aea983a9702fe9f292908048746c31433b9', ref: (el) => this.setInputRef(el), id: this.ariaId, type: "checkbox", class: "switch", "aria-labelledby": this.ariaLabelledby, "aria-disabled": this.disabled, disabled: this.disabled, checked: this.toggled, onChange: (event) => {
+        return (h(Tag, { key: '6d15a65d5338857bcecb4f5e80dce58d37c03153' }, this.label, h("span", { key: 'b398f86314685fe31394fe35eef10a515f5d9936', class: "inlineDivider" }), h("input", { key: '555d43eb9526f3831a127b316fa4142140056fb6', ref: (el) => this.setInputRef(el), id: this.ariaId, type: "checkbox", class: "switch", "aria-labelledby": this.ariaLabelledby, "aria-disabled": this.disabled, disabled: this.disabled, checked: this.toggled, onChange: (event) => {
                 this.onInput();
                 this.onChange(event);
             }, onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() })));

package/dist/esm/scout-tabs-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CBq_WkdR.js';
+import { r as registerInstance, h } from './index-BtN0bCWb.js';
 
 const tabsTabCss = () => `:host{flex:1;display:block;width:auto}.button-native{position:relative;display:block;width:100%;height:100%;color:var(--color-gray-600);background-color:transparent;border:none;cursor:pointer;padding:var(--spacing-1) var(--spacing-1)     calc(var(--spacing-1) + var(--tabs-indicator-height)) var(--spacing-1);font-weight:500;text-transform:uppercase;font-size:0.875rem;letter-spacing:0.04em}.inner-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:var(--spacing-2);background-color:transparent}.button-native:hover{color:var(--color-text-base)}.button-native:hover .inner-container{background-color:var(--color-background-brand-subtle-hovered)}:host([data-active]) .button-native{color:var(--color-text-base)}`;
 
@@ -7,7 +7,7 @@ const ScoutTabsTab = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("button", { key: '59f92f5a3d9b5a022a78d9adc7756bda10b68be3', class: "button-native", type: "button" }, h("div", { key: '96fc99711da308360451041dd44e21391c08d6eb', class: "inner-container" }, h("slot", { key: '83234bf67c2605179c7d80febbc6d0fbff730670' }))));
+        return (h("button", { key: 'ba1a973a3eaf5e02ca19525aa1bb66616d5b56ac', class: "button-native", type: "button" }, h("div", { key: 'f0daa636e1b3d0058d198e469e0f4874c37a7ca1', class: "inner-container" }, h("slot", { key: '19587f0a7794cbfa646c383e0b57ffb90ce4b67c' }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/scout-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CBq_WkdR.js';
+import { r as registerInstance, c as createEvent, d as getElement, h, H as Host } from './index-BtN0bCWb.js';
 
 const tabsCss = () => `:host{position:relative;width:100%;display:flex;height:var(--spacing-12);--tabs-indicator-height:2px}.indicator{position:absolute;bottom:0;left:0;width:0;height:var(--tabs-indicator-height);background-color:var(--color-background-brand-base);transition:all 0.3s ease}`;
 
@@ -7,7 +7,6 @@ const ScoutTabs = class {
         registerInstance(this, hostRef);
         this.scoutChange = createEvent(this, "scoutChange");
     }
-    get el() { return getElement(this); }
     /**
      * Zero-based index of the currently active tab.
      */
@@ -19,8 +18,9 @@ const ScoutTabs = class {
     scoutChange;
     widths = [];
     lefts = [];
+    get el() { return getElement(this); }
     render() {
-        return (h(Host, { key: 'dffbae0bba3543f50cbe7046bad52c7bdff7ba55' }, h("slot", { key: 'cad95b2ae6c8b2bc659bfa6510c0b193d2e08dd9' }), this.getIndicator()));
+        return (h(Host, { key: '929deee05337a8f617c4e429db7b79a210d4aa9d' }, h("slot", { key: '1fe4833315de956310d25206d5bcc5cd82be93cf' }), this.getIndicator()));
     }
     componentDidLoad() {
         this.updateChildrenClasses();

package/dist/esm/ui-webc.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CBq_WkdR.js';
-export { s as setNonce } from './index-CBq_WkdR.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BtN0bCWb.js';
+export { s as setNonce } from './index-BtN0bCWb.js';
 
 /*
  Stencil Client Patch Browser v4.41.1 | MIT Licensed | https://stenciljs.com
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["scout-list-view-item",[[529,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[1],"action":[1],"href":[1],"target":[1],"rel":[1],"name":[1],"value":[1],"checked":[4],"disabled":[4]}]]],["scout-app-bar",[[785,"scout-app-bar",{"titleText":[1,"title-text"]}]]],["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[529,"scout-bottom-bar-item",{"type":[1],"href":[1],"target":[1],"rel":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[772,"scout-button",{"type":[1],"href":[1],"target":[1],"rel":[1],"size":[1],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[17,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidityChanged","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[514,"scout-input",{"validity":[1],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-link",[[529,"scout-link",{"href":[1],"label":[1],"rel":[1],"linkAriaLabel":[1,"link-aria-label"],"type":[1],"target":[1]}]]],["scout-list-view",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["scout-list-view-subheader",[[529,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[513,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"validity":[1],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[529,"scout-switch",{"validity":[1],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-tabs",[[785,"scout-tabs",{"value":[2],"widths":[32],"lefts":[32]},[[2,"click","handleClick"]],{"value":[{"updateChildrenClasses":0},{"calculateIndicatorSizes":0}]}]]],["scout-tabs-tab",[[273,"scout-tabs-tab"]]],["scout-checkbox_2",[[514,"scout-checkbox",{"validity":[1],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}],[514,"scout-radio-button",{"validity":[1],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]]], options);
+  return bootstrapLazy([["scout-list-view-item",[[529,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[1],"action":[1],"href":[1],"target":[1],"rel":[1],"name":[1],"value":[1],"checked":[4],"disabled":[4]}]]],["scout-app-bar",[[785,"scout-app-bar",{"titleText":[1,"title-text"]}]]],["scout-avatar",[[529,"scout-avatar",{"imageSrc":[1,"image-src"],"alt":[1]}]]],["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[529,"scout-bottom-bar-item",{"type":[1],"href":[1],"target":[1],"rel":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[772,"scout-button",{"type":[1],"href":[1],"target":[1],"rel":[1],"size":[1],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[17,"scout-divider"]]],["scout-drawer",[[785,"scout-drawer",{"open":[4],"heading":[1],"showBackButton":[4,"show-back-button"],"backButtonLabel":[1,"back-button-label"],"showExitButton":[4,"show-exit-button"],"exitButtonLabel":[1,"exit-button-label"],"disableBackdrop":[4,"disable-backdrop"],"disableContentPadding":[4,"disable-content-padding"],"drawerState":[32],"focusedNode":[32]},null,{"open":[{"setDrawerOpenState":0}]}]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidityChanged","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[514,"scout-input",{"validity":[1],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-link",[[529,"scout-link",{"href":[1],"label":[1],"rel":[1],"linkAriaLabel":[1,"link-aria-label"],"type":[1],"target":[1]}]]],["scout-list-view",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["scout-list-view-subheader",[[529,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[513,"scout-loader",{"text":[1],"size":[1]}]]],["scout-segmented-control",[[785,"scout-segmented-control",{"size":[1],"value":[2],"widths":[32],"lefts":[32],"enableAnimations":[32]},[[2,"click","handleClick"]],{"value":[{"updateChildrenAttributes":0},{"calculateIndicatorSizes":0}]}]]],["scout-select",[[774,"scout-select",{"validity":[1],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[529,"scout-switch",{"validity":[1],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]],["scout-tabs",[[785,"scout-tabs",{"value":[2],"widths":[32],"lefts":[32]},[[2,"click","handleClick"]],{"value":[{"updateChildrenClasses":0},{"calculateIndicatorSizes":0}]}]]],["scout-tabs-tab",[[273,"scout-tabs-tab"]]],["scout-checkbox_2",[[514,"scout-checkbox",{"validity":[1],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}],[514,"scout-radio-button",{"validity":[1],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]},null,{"validity":[{"runValidation":0}]}]]]], options);
 });

package/dist/types/components/avatar/avatar.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentInterface } from "../../stencil-public-runtime";
+/**
+ * The avatar component is used to display the user's profile picture.
+ * Wrap it with a container, to determine its size, since it scales to fit container.
+ */
+export declare class ScoutAvatar implements ComponentInterface {
+    /**
+     * The source URL of the user image.
+     */
+    imageSrc: string;
+    /**
+     * The name of the user.
+     */
+    alt: string;
+    render(): any;
+}

package/dist/types/components/drawer/drawer.d.ts

@@ -0,0 +1,53 @@
+import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
+export declare class ScoutDrawer implements ComponentInterface {
+    rootElement: HTMLElement;
+    /**
+     * Open/close state of the drawer.
+     */
+    open: boolean;
+    /**
+     * Heading within the sheet.
+     */
+    heading: string;
+    /**
+     * Render back button.
+     */
+    showBackButton: boolean;
+    /**
+     * Back button label.
+     */
+    backButtonLabel: string;
+    /**
+     * Render exit button.
+     */
+    showExitButton: boolean;
+    /**
+     * Exit button label.
+     */
+    exitButtonLabel: string;
+    /**
+     * Disable backdrop for the drawer.
+     */
+    disableBackdrop: boolean;
+    /**
+     * Disable drawer content padding. Use only if you have specific use case and you need to use full width.
+     */
+    disableContentPadding: boolean;
+    drawerState: "opening" | "closing" | "open" | "closed";
+    focusedNode: Element;
+    componentWillLoad(): Promise<void> | void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Fired when clicking backButton (<-)
+     */
+    backButtonClicked: EventEmitter<void>;
+    /**
+     * Fired when clicking backButton (X). Also sent when clicking the backdrop.
+     */
+    exitButtonClicked: EventEmitter<void>;
+    onBackButtonClick(): void;
+    onExitButtonClick(): void;
+    setDrawerOpenState(open: boolean): void;
+    render(): any;
+}

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,40 @@
+import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
+export type Size = "small" | "medium";
+/**
+ * The segmented control component presents a set of options where exactly one
+ * option is active at a time.
+ *
+ * The component displays an indicator under the selected option and emits a
+ * `scoutChange` event when the user picks a different option, so you can update
+ * `value`.
+ *
+ * Use button elements as the slotted segment options.
+ */
+export declare class ScoutSegmentedControl implements ComponentInterface {
+    /**
+     * Visual size of the segmented control.
+     * Use `small` for dense layouts and `medium` for the default size.
+     */
+    size: Size;
+    /**
+     * Zero-based index of the currently active segment.
+     */
+    value: number;
+    /**
+     * Emitted when the active segment changes as a result of a user click.
+     * The `value` in the event detail is the zero-based index of the newly selected segment.
+     */
+    scoutChange: EventEmitter<{
+        value: number;
+    }>;
+    private widths;
+    private lefts;
+    private enableAnimations;
+    el: HTMLElement;
+    render(): any;
+    componentDidLoad(): void;
+    getIndicator(): any;
+    handleClick(event: MouseEvent): void;
+    updateChildrenAttributes(): void;
+    calculateIndicatorSizes(): void;
+}

package/dist/types/components/tabs/tabs.d.ts

@@ -8,7 +8,6 @@ import { type ComponentInterface, type EventEmitter } from "../../stencil-public
  * handled programmatically for now.
  */
 export declare class ScoutTabs implements ComponentInterface {
-    el: HTMLElement;
     /**
      * Zero-based index of the currently active tab.
      */
@@ -22,6 +21,7 @@ export declare class ScoutTabs implements ComponentInterface {
     }>;
     private widths;
     private lefts;
+    el: HTMLElement;
     render(): any;
     componentDidLoad(): void;
     getIndicator(): any;