@scouterna/ui-webc 2.2.5 → 2.2.6

package/dist/esm/index.js

@@ -3,4 +3,3 @@ function format(first, middle, last) {
 }
 
 export { format };
-//# sourceMappingURL=index.js.map

package/dist/{components/p-B-kEl-ny.js → esm/inputMixin-BuDdNX3m.js}

@@ -1,9 +1,10 @@
-import './p-fr5CaUFu.js';
+import { r as registerInstance } from './index-xD2pOo_x.js';
 
 const inputMixin = (Base) => {
     const InputMixin = class extends Base {
-        constructor() {
+        constructor(hostRef) {
             super();
+            registerInstance(this, hostRef);
         }
         /**
          * Custom validation function run on top of the implicit validation performed
@@ -63,6 +64,3 @@ const inputMixin = (Base) => {
 };
 
 export { inputMixin as i };
-//# sourceMappingURL=p-B-kEl-ny.js.map
-
-//# sourceMappingURL=p-B-kEl-ny.js.map

package/dist/esm/loader.js

@@ -1,11 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-ksA_9NPe.js';
-export { s as setNonce } from './index-ksA_9NPe.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-xD2pOo_x.js';
+export { s as setNonce } from './index-xD2pOo_x.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["scout-list-view-item",[[785,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[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",[[785,"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],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[273,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[770,"scout-input",{"validate":[16],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]}]]],["scout-link",[[785,"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",[[785,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[769,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[785,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[770,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[770,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
+  return bootstrapLazy([["scout-list-view-item",[[529,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[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,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[514,"scout-input",{"validate":[16],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]}]]],["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",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[529,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[514,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[514,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=loader.js.map

package/dist/esm/scout-app-bar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, h } from './index-xD2pOo_x.js';
 
-const appBarCss = ":host{display:flex;width:100%}::slotted(scout-button){height:100% !important}.container{display:flex;flex:1;height:var(--spacing-14);background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-100);color:var(--color-text-brand-base);padding:var(--spacing-1)}.title{flex:1;display:flex;align-items:center;font:var(--type-body-lg);font-weight:500;padding:0 var(--spacing-2)}";
+const appBarCss = () => `:host{display:flex;width:100%}::slotted(scout-button){height:100% !important}.container{display:flex;flex:1;height:var(--spacing-14);background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-100);color:var(--color-text-brand-base);padding:var(--spacing-1)}.title{flex:1;display:flex;align-items:center;font:var(--type-body-lg);font-weight:500;padding:0 var(--spacing-2)}`;
 
 const ScoutAppBar = class {
     constructor(hostRef) {
@@ -12,7 +12,6 @@ const ScoutAppBar = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutAppBar.style = appBarCss;
+ScoutAppBar.style = appBarCss();
 
 export { ScoutAppBar as scout_app_bar };
-//# sourceMappingURL=scout-app-bar.entry.js.map

package/dist/esm/scout-bottom-bar-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, c as createEvent, h } from './index-xD2pOo_x.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-const bottomBarItemCss = ":host{display:flex;flex:1}.button{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;background-color:transparent;border:none;color:var(--color-text-base);cursor:pointer}.button:hover{background-color:var(--color-neutral-50)}.button.active{background-color:var(--color-blue-50);color:var(--color-blue-500)}.button .icon{width:var(--spacing-6);height:var(--spacing-6)}.button .label{font:var(--type-label-sm)}a{-webkit-text-decoration:none;text-decoration:none}";
+const bottomBarItemCss = () => `:host{display:flex;flex:1}.button{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;background-color:transparent;border:none;color:var(--color-text-base);cursor:pointer}.button:hover{background-color:var(--color-neutral-50)}.button.active{background-color:var(--color-blue-50);color:var(--color-blue-500)}.button .icon{width:var(--spacing-6);height:var(--spacing-6)}.button .label{font:var(--type-label-sm)}a{-webkit-text-decoration:none;text-decoration:none}`;
 
 const ScoutBottomBarItem = class {
     constructor(hostRef) {
@@ -49,7 +49,6 @@ const ScoutBottomBarItem = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutBottomBarItem.style = bottomBarItemCss;
+ScoutBottomBarItem.style = bottomBarItemCss();
 
 export { ScoutBottomBarItem as scout_bottom_bar_item };
-//# sourceMappingURL=scout-bottom-bar-item.entry.js.map

package/dist/esm/scout-bottom-bar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, h } from './index-xD2pOo_x.js';
 
-const bottomBarCss = ":host{display:flex;width:100%}.container{display:flex;flex:1;height:var(--spacing-14);border-top:1px solid var(--color-neutral-100)}";
+const bottomBarCss = () => `:host{display:flex;width:100%}.container{display:flex;flex:1;height:var(--spacing-14);border-top:1px solid var(--color-neutral-100)}`;
 
 const ScoutBottomBar = class {
     constructor(hostRef) {
@@ -11,7 +11,6 @@ const ScoutBottomBar = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutBottomBar.style = bottomBarCss;
+ScoutBottomBar.style = bottomBarCss();
 
 export { ScoutBottomBar as scout_bottom_bar };
-//# sourceMappingURL=scout-bottom-bar.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-xD2pOo_x.js';
 
-const buttonCss = "scout-button{display:inline-block;height:var(--spacing-10)}scout-button .button{flex:1;display:inline-flex;height:100%;align-items:center;justify-content:center;gap:var(--spacing-3);padding:0 var(--spacing-4);font:var(--type-body-base);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box}scout-button .icon{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}scout-button .icon svg{width:100%;height:100%}scout-button.icon-only .button{aspect-ratio:1 / 1;justify-content:center;padding:0}scout-button.icon-only .icon{margin:0}scout-button.icon-only .content{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}scout-button .button.primary{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}scout-button .button.primary:hover{background-color:var(--color-background-brand-hovered)}scout-button .button.primary:active{background-color:var(--color-background-brand-pressed)}scout-button .button.outlined{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}scout-button .button.outlined:hover{background-color:var(--color-background-brand-subtle-hovered)}scout-button .button.outlined:active{background-color:var(--color-background-brand-subtle-pressed)}scout-button .button.text{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}scout-button .button.text:hover{background-color:var(--color-background-brand-subtle-hovered)}scout-button .button.text:active{background-color:var(--color-background-brand-subtle-pressed)}scout-button .button.caution{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}scout-button .button.caution:hover{background-color:var(--color-background-caution-bold-hovered)}scout-button .button.caution:active{background-color:var(--color-background-caution-bold-pressed)}scout-button .button.danger{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}scout-button .button.danger:hover{background-color:var(--color-background-danger-bold-hovered)}scout-button .button.danger:active{background-color:var(--color-background-danger-bold-pressed)}";
+const buttonCss = () => `scout-button{display:inline-block;height:var(--spacing-10);font:var(--type-body-base)}scout-button[data-size="large"]{height:var(--spacing-12);font:var(--type-body-lg)}scout-button .button{flex:1;display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--spacing-3);padding:0 var(--spacing-4);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box}scout-button[data-size="large"] .button{padding:0 var(--spacing-5)}scout-button .icon{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}scout-button .icon svg{width:100%;height:100%}scout-button[data-icon-only] .button{aspect-ratio:1 / 1;justify-content:center;padding:0}scout-button[data-icon-only] .icon{margin:0}scout-button[data-icon-only] .content{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}scout-button .button.primary{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}scout-button .button.primary:hover{background-color:var(--color-background-brand-hovered)}scout-button .button.primary:active{background-color:var(--color-background-brand-pressed)}scout-button .button.outlined{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}scout-button .button.outlined:hover{background-color:var(--color-background-brand-subtle-hovered)}scout-button .button.outlined:active{background-color:var(--color-background-brand-subtle-pressed)}scout-button .button.text{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}scout-button .button.text:hover{background-color:var(--color-background-brand-subtle-hovered)}scout-button .button.text:active{background-color:var(--color-background-brand-subtle-pressed)}scout-button .button.caution{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}scout-button .button.caution:hover{background-color:var(--color-background-caution-bold-hovered)}scout-button .button.caution:active{background-color:var(--color-background-caution-bold-pressed)}scout-button .button.danger{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}scout-button .button.danger:hover{background-color:var(--color-background-danger-bold-hovered)}scout-button .button.danger:active{background-color:var(--color-background-danger-bold-pressed)}`;
 
 const ScoutButton = class {
     constructor(hostRef) {
@@ -11,6 +11,10 @@ const ScoutButton = class {
     href;
     target;
     rel;
+    /**
+     * Size of the button.
+     */
+    size = "medium";
     /**
      * The variant primarily affects the color of the button.
      */
@@ -35,11 +39,13 @@ const ScoutButton = class {
             : {
                 type: this.type,
             };
-        const icon = this.icon && h("span", { key: '0f03bad87dbcaf10cc387fd20121bd6b3ecdf42d', class: "icon", innerHTML: this.icon });
-        return (h(Host, { key: '7a2f998327c5e3dc7139c11f3fcbbe827346c0ee', class: this.iconOnly ? "icon-only" : "" }, h(Tag, { key: 'cabe4acf010df2880a83d5b27f2e885bf326673c', class: `button ${this.variant}`, onClick: () => this.scoutClick.emit(), ...props }, this.iconPosition === "before" && icon, h("span", { key: '7388a6a872149b4cff84256017ee251196612e1a', class: "content" }, h("slot", { key: '0002a40443d7da3b386a708543185cbc572bb461' })), this.iconPosition === "after" && icon)));
+        const icon = this.icon && h("span", { key: '9a16653774acda8b34ff428fbe21cca1e481c9e4', class: "icon", innerHTML: this.icon });
+        return (h(Host
+        // Using data- attributes instead of classes because React fights and
+        // removes them sometimes. Hopefully we can find a proper fix later.
+        , { key: '05da4122d7e1b6e80c5230b43c42de366c2a570a', "data-size": this.size, "data-icon-only": this.iconOnly }, h(Tag, { key: 'd95abeb01118b1c00439aa66b308302bcded9871', class: `button ${this.variant}`, onClick: () => this.scoutClick.emit(), ...props }, this.iconPosition === "before" && icon, h("span", { key: '623acd0ca7b801027515f52e5ff984769ccee5d8', class: "content" }, h("slot", { key: '17ba121fdc0522f7a7857d7d8abd937fe51d105b' })), this.iconPosition === "after" && icon)));
     }
 };
-ScoutButton.style = buttonCss;
+ScoutButton.style = buttonCss();
 
 export { ScoutButton as scout_button };
-//# sourceMappingURL=scout-button.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, h } from './index-xD2pOo_x.js';
 
-const cardCss = ":host{display:contents}.card{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),\n    0 1px 2px -1px rgba(0, 0, 0, 0.1)}";
+const cardCss = () => `:host{display:contents}.card{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),     0 1px 2px -1px rgba(0, 0, 0, 0.1)}`;
 
 const ScoutCard = class {
     constructor(hostRef) {
@@ -11,7 +11,6 @@ const ScoutCard = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutCard.style = cardCss;
+ScoutCard.style = cardCss();
 
 export { ScoutCard as scout_card };
-//# sourceMappingURL=scout-card.entry.js.map

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

@@ -1,9 +1,9 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-ksA_9NPe.js';
-import { i as inputMixin } from './inputMixin-C9OB0DNj.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-xD2pOo_x.js';
+import { i as inputMixin } from './inputMixin-BuDdNX3m.js';
 
 const checkSvg = 'data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hlY2siCj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNSAxMmw1IDVsMTAgLTEwIiAvPgo8L3N2Zz4=';
 
-const checkboxCss = ".checkbox.sc-scout-checkbox{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:3px;background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative}.checkbox.sc-scout-checkbox:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}.checkbox.sc-scout-checkbox:active{background-color:var(--color-background-brand-subtle-pressed)}.checkbox.sc-scout-checkbox:checked:hover{background-color:var(--color-background-brand-hovered);border-color:var(--color-background-brand-hovered);box-shadow:none}.checkbox.sc-scout-checkbox:checked{background-color:var(--color-background-brand-base);border-color:var(--color-background-brand-base)}.checkbox.sc-scout-checkbox::after{content:\"\";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox.sc-scout-checkbox:checked::before{content:\"\";background-color:var(--color-text-brand-inverse);width:var(--spacing-6);height:var(--spacing-6);position:absolute;top:50%;left:50%;right:0;bottom:0;transform:translate(-50%, -50%);-webkit-mask-image:var(--icon-checkbox);mask-image:var(--icon-checkbox);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox.sc-scout-checkbox:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-checkbox{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}";
+const checkboxCss = () => `.checkbox.sc-scout-checkbox{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:3px;background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative}.checkbox.sc-scout-checkbox:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}.checkbox.sc-scout-checkbox:active{background-color:var(--color-background-brand-subtle-pressed)}.checkbox.sc-scout-checkbox:checked:hover{background-color:var(--color-background-brand-hovered);border-color:var(--color-background-brand-hovered);box-shadow:none}.checkbox.sc-scout-checkbox:checked{background-color:var(--color-background-brand-base);border-color:var(--color-background-brand-base)}.checkbox.sc-scout-checkbox::after{content:"";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox.sc-scout-checkbox:checked::before{content:"";background-color:var(--color-text-brand-inverse);width:var(--spacing-6);height:var(--spacing-6);position:absolute;top:50%;left:50%;right:0;bottom:0;transform:translate(-50%, -50%);-webkit-mask-image:var(--icon-checkbox);mask-image:var(--icon-checkbox);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox.sc-scout-checkbox:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-checkbox{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}`;
 
 const ScoutCheckbox = class extends Mixin(inputMixin) {
     constructor(hostRef) {
@@ -41,9 +41,9 @@ const ScoutCheckbox = class extends Mixin(inputMixin) {
             }, onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }), this.label));
     }
 };
-ScoutCheckbox.style = checkboxCss;
+ScoutCheckbox.style = checkboxCss();
 
-const radioButtonCss = ".radio.sc-scout-radio-button{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:100%;background-color:var(--color-white);border:2px solid var(--color-gray-300);position:relative}.radio.sc-scout-radio-button:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}.radio.sc-scout-radio-button:active{background-color:var(--color-background-brand-subtle-pressed)}.radio.sc-scout-radio-button:checked:hover{border-color:var(--color-background-brand-hovered);box-shadow:none}.radio.sc-scout-radio-button:checked:hover::before{background-color:var(--color-background-brand-hovered)}.radio.sc-scout-radio-button:checked{border-color:var(--color-background-brand-base)}.radio.sc-scout-radio-button::after{content:\"\";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.radio.sc-scout-radio-button:checked::before{content:\"\";background-color:var(--color-background-brand-base);width:var(--spacing-4);height:var(--spacing-4);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:100%}.radio.sc-scout-radio-button:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-radio-button{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}";
+const radioButtonCss = () => `.radio.sc-scout-radio-button{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:100%;background-color:var(--color-white);border:2px solid var(--color-gray-300);position:relative}.radio.sc-scout-radio-button:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}.radio.sc-scout-radio-button:active{background-color:var(--color-background-brand-subtle-pressed)}.radio.sc-scout-radio-button:checked:hover{border-color:var(--color-background-brand-hovered);box-shadow:none}.radio.sc-scout-radio-button:checked:hover::before{background-color:var(--color-background-brand-hovered)}.radio.sc-scout-radio-button:checked{border-color:var(--color-background-brand-base)}.radio.sc-scout-radio-button::after{content:"";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.radio.sc-scout-radio-button:checked::before{content:"";background-color:var(--color-background-brand-base);width:var(--spacing-4);height:var(--spacing-4);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:100%}.radio.sc-scout-radio-button:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-radio-button{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}`;
 
 const ScoutRadioButton = class extends Mixin(inputMixin) {
     constructor(hostRef) {
@@ -81,7 +81,6 @@ const ScoutRadioButton = class extends Mixin(inputMixin) {
             }, onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }), this.label));
     }
 };
-ScoutRadioButton.style = radioButtonCss;
+ScoutRadioButton.style = radioButtonCss();
 
 export { ScoutCheckbox as scout_checkbox, ScoutRadioButton as scout_radio_button };
-//# sourceMappingURL=scout-checkbox.scout-radio-button.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, h, H as Host } from './index-xD2pOo_x.js';
 
-const dividerCss = ":host{display:block;height:1px;background-color:var(--color-gray-200)}";
+const dividerCss = () => `:host{display:block;height:1px;background-color:var(--color-gray-200)}`;
 
 const ScoutDivider = class {
     constructor(hostRef) {
@@ -11,7 +11,6 @@ const ScoutDivider = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutDivider.style = dividerCss;
+ScoutDivider.style = dividerCss();
 
 export { ScoutDivider as scout_divider };
-//# sourceMappingURL=scout-divider.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, a as getElement, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, a as getElement, h } from './index-xD2pOo_x.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}";
+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}`;
 
 const ScoutField = class {
     constructor(hostRef) {
@@ -39,7 +39,6 @@ const ScoutField = class {
         return (h("div", { key: 'e7539abfb11fac14a5ffd87cfb1a70dd9c41cca7', class: "field" }, h("label", { key: 'c4501be15aafbb2d6e3c447c5893aa2510e20b89', htmlFor: this.inputId, class: "label" }, this.label), h("slot", { key: '5806c8d41926245074fb395b08226272a2432d96' }), h("p", { key: 'f1a36881c2ce2f8485d31e8faac452c9c2423d74', class: "error-text", "aria-live": "polite" }, !this.errorHidden && this.errorText), this.helpText && h("p", { key: '0d9ea374551b527d085ef33595fdee27e80d08fb', class: "help-text" }, this.helpText)));
     }
 };
-ScoutField.style = fieldCss;
+ScoutField.style = fieldCss();
 
 export { ScoutField as scout_field };
-//# sourceMappingURL=scout-field.entry.js.map

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

@@ -1,7 +1,7 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h, H as Host } from './index-ksA_9NPe.js';
-import { i as inputMixin } from './inputMixin-C9OB0DNj.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h, H as Host } from './index-xD2pOo_x.js';
+import { i as inputMixin } from './inputMixin-BuDdNX3m.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),\n    0 2px 4px -2px rgba(0, 0, 0, 0.1);border-color:transparent}";
+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}`;
 
 const ScoutInput = class extends Mixin(inputMixin) {
     constructor(hostRef) {
@@ -57,10 +57,9 @@ const ScoutInput = class extends Mixin(inputMixin) {
     render() {
         const sizeClass = this.size === "large" ? "large" : "";
         const variantClass = this.variant === "elevated" ? "elevated" : "";
-        return (h(Host, { key: '769603f718f511a0a2202814a7621d60a2a9f34c', class: `${sizeClass} ${variantClass}` }, h("input", { key: '6a4e1ad8173dfe37ce5facf8627990fd797dfc60', ref: (el) => this.setInputRef(el), id: this.ariaId, type: this.type, name: this.name, inputMode: this.inputmode, pattern: this.pattern, class: "input", value: this.value, disabled: this.disabled, placeholder: this.placeholder, onInput: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() })));
+        return (h(Host, { key: '800efa151d522ef1d7a483128baa6c0958dcd100', class: `${sizeClass} ${variantClass}` }, h("input", { key: '92756a5cdf529455fffaadcbcdd2bc36a5087c65', ref: (el) => this.setInputRef(el), id: this.ariaId, type: this.type, name: this.name, inputMode: this.inputmode, pattern: this.pattern, class: "input", value: this.value, disabled: this.disabled, placeholder: this.placeholder, onInput: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() })));
     }
 };
-ScoutInput.style = inputCss;
+ScoutInput.style = inputCss();
 
 export { ScoutInput as scout_input };
-//# sourceMappingURL=scout-input.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-ksA_9NPe.js';
+import { r as registerInstance, c as createEvent, h } from './index-xD2pOo_x.js';
 
-const linkCss = ":host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}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}";
+const linkCss = () => `:host{display:inline}a,button{color:var(--color-text-brand-base);-webkit-text-decoration:none;text-decoration:none}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}`;
 
 const ScoutLink = class {
     constructor(hostRef) {
@@ -56,7 +56,6 @@ const ScoutLink = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutLink.style = linkCss;
+ScoutLink.style = linkCss();
 
 export { ScoutLink as scout_link };
-//# sourceMappingURL=scout-link.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-xD2pOo_x.js';
 
-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}.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-2) var(--spacing-4);cursor:pointer;border:none;background-color:transparent;-webkit-text-decoration:none;text-decoration:none}.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 ScoutListViewItem = class {
     constructor(hostRef) {
@@ -56,7 +56,6 @@ const ScoutListViewItem = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutListViewItem.style = listViewItemCss;
+ScoutListViewItem.style = listViewItemCss();
 
 export { ScoutListViewItem as scout_list_view_item };
-//# sourceMappingURL=scout-list-view-item.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, h, H as Host } from './index-xD2pOo_x.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}";
+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}`;
 
 const ScoutListViewSubheader = class {
     constructor(hostRef) {
@@ -13,7 +13,6 @@ const ScoutListViewSubheader = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutListViewSubheader.style = listViewSubheaderCss;
+ScoutListViewSubheader.style = listViewSubheaderCss();
 
 export { ScoutListViewSubheader as scout_list_view_subheader };
-//# sourceMappingURL=scout-list-view-subheader.entry.js.map

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-ksA_9NPe.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-xD2pOo_x.js';
 
-const listViewCss = ":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";
+const listViewCss = () => `:host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}`;
 
 const ScoutListView = class {
     constructor(hostRef) {
@@ -31,7 +31,6 @@ const ScoutListView = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutListView.style = listViewCss;
+ScoutListView.style = listViewCss();
 
 export { ScoutListView as scout_list_view };
-//# sourceMappingURL=scout-list-view.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, h, H as Host } from './index-xD2pOo_x.js';
 
 const adventurerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTA2NSwwLDAsMy43Nzk1MDY1LC0zMDkuODc3MDcsLTM3OS41OTg3MSkiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gOTYuNzE5NTg3LDE2NS42NTE2OSBjIDAuMDMyMSwtMC4wNzU4IDAuMDgwMiwtMC4yNTQ5OCAwLjEwNjgzLC0wLjM5ODIyIDAuMDI5NSwtMC4xNTg4MiAyLjUwNjA1LC00LjAwNjA1IDYuMzQ2NjkzLC05Ljg1OTQ2IDYuMDQ0NTgsLTkuMjEyMzggNi4zMDc4MSwtOS41OTkwNiA2LjUzNTI0LC05LjYwMDI4IDAuMjE5NzksLTAuMDAxIDAuMzQ0MzUsMC4xNDcwMyAxLjcxODYxLDIuMDQ0OSAwLjgxNDksMS4xMjUzOSAxLjUwNjkxLDIuMDYxNzkgMS41Mzc4MSwyLjA4MDg4IDAuMDMwOSwwLjAxOTEgMC42Nzc5NSwtMS40NTk2NiAxLjQzNzkxLC0zLjI4NjEzIDEuMzY3NjYsLTMuMjg3MDEgMS4zODQwNSwtMy4zMjA4NSAxLjYwODUzLC0zLjMyMDg1IDAuMjIzMzQsMCAwLjIzNDg5LDAuMDIyOCAwLjc1NzMsMS40OTU4MyAyLjEwMjI0LDUuOTI3NjEgMi41NDAxMiw3LjEyMDgyIDIuNTkzNTcsNy4wNjczNCAwLjA4MzgsLTAuMDgzOSAzLjA2MDEsLTUuNzEyMDIgMy4wNjAxLC01Ljc4NjY2IDAsLTAuMDMzMiAwLjEwNTIsLTAuMDYwNCAwLjIzMzc5LC0wLjA2MDQgMC4yMDIzOCwwIDAuMjg1NDEsMC4wNzY3IDAuNjE4MTUsMC41NzA3OCAwLjIxMTQxLDAuMzEzOTMgMi45MTA0NSw0LjYwOTU1IDUuOTk3ODgsOS41NDU4MSA0LjMxNTgsNi45MDAyMSA1LjYyNjAyLDkuMDUyMzggNS42Njc2Myw5LjMwOTYzIGwgMC4wNTQxLDAuMzM0NTkgaCAtMTkuMTY2MjkgYyAtMTguMjIzMzczLDAgLTE5LjE2MzQxMywtMC4wMDcgLTE5LjEwNzg3MywtMC4xMzc3NyB6IG0gMjIuNzI5NDkzLC0yMC41ODc0NiBjIC0wLjE3ODY5LC0wLjIyMTM4IC0wLjkzODA0LC0xLjgzNDQ4IC0yLjE0MDk2LC00LjU0ODA4IC0wLjcwMDI0LC0xLjU3OTYzIC0xLjMwMTE1LC0yLjkwMDU4IC0xLjMzNTM2LC0yLjkzNTQzIC0wLjA5ODksLTAuMTAwOCAtMS4yMzMzOCwyLjUxOTEzIC0yLjU1ODY2LDUuOTA4OTQgLTAuNzE3MTMsMS44MzQyOSAtMC41NzMwMiwxLjg1MjYgLTIuMjk5NDUsLTAuMjkyMTcgLTAuNzMwNiwtMC45MDc2NCAtMS4zNTE1LC0xLjY1MTYyIC0xLjM3OTc5LC0xLjY1MzMgLTAuMDI4MywtMC4wMDIgLTAuNTI0MjcsMC42NTIyNiAtMS4xMDIxOSwxLjQ1MzE5IC0xLjM0OTQzLDEuODcwMTQgLTEuMzMwMDEsMS44NjQ3OSAtMS43ODQ5MywwLjQ5MjI4IC0wLjU1NzU2LC0xLjY4MjIxIC0wLjY2NDUyLC0yLjM4NjgzIC0wLjYxODQ0LC00LjA3NDE5IDAuMDMxNSwtMS4xNTE1NyAwLjA5MTgsLTEuNzUzMTMgMC4yODg0NiwtMi44NzM1OCAwLjI4Nzg1LC0xLjY0MDM0IDAuMzMzMjIsLTIuODg3MjQgMC4xMzc2MywtMy43ODI2MiAtMC4wODQ2LC0wLjM4NzMzIC0wLjM1NjQzLC0xLjAxNyAtMC45MDA2NSwtMi4wODYzIC0wLjgzMDQxLC0xLjYzMTYyIC0xLjI1MTA4LC0yLjc2MDUyIC0xLjUwOTQ5LC00LjA1MDg1IC0wLjg0MzQxLC00LjIxMTM2IC0wLjAwNiwtOS45ODc0MyAyLjA1MTU4LC0xNC4xNDMzMSAxLjYxNTM2LC0zLjI2MzQgNC4wMzYyNywtNS45NzY5NiA3LjE4OTY5LC04LjA1ODgxIDEuMjQxMTYsLTAuODE5NCAyLjM2NTI2LC0xLjQwMTYxIDIuODM0MjIsLTEuNDY3OTUgMC4yMTY1LC0wLjAzMDYgMC40OTYzMywtMC4wODEgMC42MjE4NCwtMC4xMTE4OCAwLjE2MjUsLTAuMDQgMC4yMTIxNiwtMC4wMzAyIDAuMTcyNDksMC4wMzQgLTAuMDMxNiwwLjA1MTIgLTAuMDA4LDAuMDkwMSAwLjA1MzgsMC4wOTAxIDAuMDg4MywwIDAuMDY1NiwwLjIyNTM1IC0wLjExNjY1LDEuMTYxMjQgLTAuMzUzMzIsMS44MTQxNiAtMC45MDE2Nyw1LjEyNTAzIC0xLjA4NTQ5LDYuNTU0MTQgLTAuMzUyNjcsMi43NDE4NiAtMC4yOTM4MiwzLjk0NDM0IDAuMjc2NDcsNS42NDg3OSAwLjI4NTc2LDAuODU0MDkgMC45OTE3LDIuMzMzODcgMS4zODg1NSwyLjkxMDY3IGwgMC4yMzczNywwLjM0NSAxLjUwMTQ1LC0zLjExMzg1IGMgMS43Mzc0MiwtMy42MDMyMyAxLjYzNTAyLC0zLjQ4MzY3IDIuMjExODMsLTIuNTgyNDQgMS44OTkyOCwyLjk2NzUgNC4yOTMwMSw3LjM2NDQ3IDUuMjM5NjUsOS42MjQ1NCAxLjE1MzcyLDIuNzU0NDkgMS45NDkzMSw1LjIwNDg3IDIuMzQ4MjksNy4yMzI2OCAwLjE5NzgsMS4wMDUzMiAwLjIxMTM1LDEuMjEyNTIgMC4yMTQyMywzLjI3NzU1IDAuMDAzLDIuMTEzMzggLTAuMDA2LDIuMjQ1ODYgLTAuMjEyOTgsMy4yMDg2NSAtMC40OTA1MywyLjI3OTk4IC0xLjQyMTU4LDQuNDM1NDQgLTIuOTA1MDMsNi43MjU0IC0wLjcwNTgxLDEuMDg5NTQgLTAuNjA1NzgsMS4xNDMwNyAtMi4yMzA0NSwtMS4xOTM3OCAtMC43MzYxMSwtMS4wNTg3OSAtMS4zNTk2NSwtMS45MjYyNCAtMS4zODU2NCwtMS45Mjc2NyAtMC4wMjYsLTAuMDAxIC0wLjQ2NjI3LDAuNjc5MzkgLTAuOTc4NDEsMS41MTI5MiAtMS42MjE0MSwyLjYzODk1IC0xLjc0MzM1LDIuODE0NTQgLTEuOTU0NiwyLjgxNDU0IC0wLjEwMzkyLDAgLTAuMjI0NywtMC4wNDQzIC0wLjI2ODM4LC0wLjA5ODQgeiBtIC0wLjczNDEyLC0xMi4xNTIwNiBjIDEuMDk5NywtMS41Mzg3OCAxLjcxNDU0LC0yLjc3NTE4IDIuMDkxMzEsLTQuMjA1NDcgMC4yMTYzNiwtMC44MjEzNSAwLjU0NjY2LC0yLjcwMTA4IDAuNjMyNTksLTMuNjAwMSAwLjA1MjgsLTAuNTUyNzYgMC4wNjEyLC0wLjU3MDc4IDAuMjY1MjMsLTAuNTcwNzggMC4zMDIzLDAgMS42MjkwNCwxLjI2Nzk5IDIuNTgwODgsMi40NjY2IDAuNDE4NDcsMC41MjY5NCAwLjgwODY5LDEuMDEwNDMgMC44NjcxOCwxLjA3NDQxIDAuMTExOTQsMC4xMjI0NSAtMC4yOTMyOCwtMC45NTg2NyAtMC44OTAyLC0yLjM3NTAyIC0wLjQxNTMzLC0wLjk4NTQ5IC0xLjE2MTA0LC0yLjMxMjE0IC0yLjIyNjM5LC0zLjk2MDg1IC0xLjE0NzUsLTEuNzc1ODMgLTEuMzAxODMsLTIuMDA0NjEgLTEuMzUzMjQsLTIuMDA2MTUgLTAuMDI2LC03LjhlLTQgLTAuNTQxODEsMS4yMTE5OCAtMS4xNDYzNCwyLjY5NTAzIC0xLjM0MDc0LDMuMjg5MTggLTEuMjM4NDksMy4xOTMxNiAtMi4wMTY4OSwxLjg5Mzk2IC0xLjYxMjM4LC0yLjY5MTE1IC0zLjE4MTIzLC01LjYwNzU2IC0zLjUyNzc1LC02LjU1Nzg3IC0wLjQ2MjQ1LC0xLjI2ODI5IC0xLjA4NTI3LC00LjAzOTIxIC0xLjM0MzAyLC01Ljk3NTA5IC0wLjA1MjUsLTAuMzk0NjYgLTAuMTIxMDMsLTAuNzE3NTYgLTAuMTUyMTgsLTAuNzE3NTYgLTAuMDg3NywwIC0wLjgyNTUyLDAuODI5MzIgLTEuNDM1OTUsMS42MTM5MyAtMS44NzY0NiwyLjQxMTg5IC0zLjI3MzE2LDUuMjM4NSAtMy43NTM3NCw3LjU5Njc1IC0wLjM0ODk1LDEuNzEyMzUgLTAuMzYyMjQsMy45OTkxNiAtMC4wMzM1LDUuNzY3NDEgMC4xNTE4LDAuODE2NDkgMC41MTI1NiwyLjE4NDcgMC41NzYwMywyLjE4NDYyIDAuMDI2MywtNGUtNSAwLjE4MjgzLC0wLjY5OTc0IDAuMzQ3ODIsLTEuNTU0ODkgMC4zNzA3NCwtMS45MjE1NCAwLjYyMjczLC0yLjY5MzA5IDEuMzA1NzUsLTMuOTk4MDIgMC40ODM1NCwtMC45MjM4MyAwLjU1NjA4LC0xLjAyMzA0IDAuNzYzMzEsLTEuMDQzOTIgMC4yMjc2NSwtMC4wMjI5IDAuMjM5NjMsLTAuMDAyIDIuMDM5NzQsMy42MTYwNiAxLjg0OTI5LDMuNzE2NiAyLjExMzg4LDQuMTY1NzIgMy4xOTUsNS40MjMzNiAwLjU4NTc2LDAuNjgxNCAyLjY2NzksMi44MzI4OCAyLjczOTc0LDIuODMwOTggMC4wMjY3LC03LjFlLTQgMC4yNDAzMiwtMC4yNjk1MyAwLjQ3NDYzLC0wLjU5NzM5IHoiCiAgICAgICBpZD0icGF0aDUiIC8+CiAgPC9nPgo8L3N2Zz4K';
 
@@ -12,7 +12,7 @@ const roverSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGlu
 
 const trackerSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjU2IgogICBoZWlnaHQ9IjI1NiIKICAgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpZD0ibGF5ZXIxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDMuNzc5NTM5OCwwLDAsMy43Nzk1Mzk4LC0zMDkuODgwOTQsLTM3OS42MDMxNikiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOmN1cnJlbnRDb2xvciIKICAgICAgIGQ9Im0gMTExLjQ3NjM1LDE2NS43MTYgYyAtMC4wMjk0LC0wLjA0NzUgLTAuMTM5MDcsLTAuMDg2NCAtMC4yNDM3NywtMC4wODY0IC0wLjQ0NzA4LDAgLTAuNjM1NTgsLTAuODcyOCAtMC4zNjU1NywtMS42OTI2NiAwLjA4NTYsLTAuMjU5OCAwLjM1ODkxLC0wLjkzMjkzIDAuNjA3NDUsLTEuNDk1ODQgMC4zMjA3NCwtMC43MjY0MiAwLjU0ODMxLC0xLjQxMTkgMC43ODQxLC0yLjM2MTg1IDAuNDQwMzQsLTEuNzc0MDMgMC43MjY3MSwtMy4yODcxNyAwLjYyODYxLC0zLjMyMTUyIC0wLjA0MjUsLTAuMDE0OSAtMC43Njc3OSwtMC40Mjg4MiAtMS42MTE4NCwtMC45MTk4OSBsIC0xLjUzNDY1LC0wLjg5Mjg2IC0wLjQyMTM4LDAuNzk1NzUgYyAtMS4yNDkwOSwyLjM1ODg0IC0yLjY1NDU5LDQuNTU4MTUgLTMuNDU3NzUsNS40MTA2NSAtMC42MTAyOSwwLjY0Nzc4IC0xLjA2OTY4LDAuODY2NzkgLTEuOTI3LDAuOTE4NjggLTEuMDY0OTQsMC4wNjQ1IC0xLjM5OTYxLC0wLjIwMjgyIC0xLjM5NzA0LC0xLjExNTczIDAuMDAyLC0wLjYxNDQ4IDAuMTExMTYsLTEuMDggMC44NjA3NywtMy42NjE3MiAwLjU4OTMsLTIuMDI5NiAwLjcyOTA2LC0yLjczMTE0IDAuOTQyNywtNC43MzE5MSAwLjA5MDIsLTAuODQ0MzYgMC4xNzg2OCwtMS42NDY4NyAwLjE5NjcxLC0xLjc4MzM1IDAuMDMwOSwtMC4yMzQwNyAtMC4wMDUsLTAuMjczOTQgLTAuNjI5NTQsLTAuNzAyNjcgLTAuMzY0MjcsLTAuMjQ5OTkgLTAuNjc5NDksLTAuNDM3MzQgLTAuNzAwNSwtMC40MTYzNCAtMC4wODk4LDAuMDg5OCAtMC41MjM1OSwxLjEyNTc4IC0wLjg1Njg2LDIuMDQ2NDIgLTAuMzc2MDMsMS4wMzg3MyAtMC43MzQ4OCwyLjI4MDE4IC0wLjk1ODU4LDMuMzE2MiAtMC4xMTg5NiwwLjU1MDk2IC0wLjE0OTcyLDAuNjEwMTQgLTAuMzE3MDksMC42MTAxNCAtMC4yMDcyNywwIC0wLjIwMzQsMC4wMTQyIC0wLjM0MzA5LC0xLjI2MDM0IC0wLjA4LC0wLjcyOTczIC0wLjMzMzY3LC0xLjYzMzEzIC0wLjU4Nzg5LC0yLjA5MzQ2IC0wLjExOTY2LC0wLjIxNjY2IC0wLjEyMzU5LC0wLjE4MTk2IC0wLjA3NywwLjY3ODcxIDAuMDI4MywwLjUyMTc4IDAuMDA4LDEuMzU4MzMgLTAuMDQ3MiwxLjk2OTQ4IGwgLTAuMDk2NCwxLjA2MjQyIDAuMzkzMSwwLjM5MzEgYyAwLjUwOTQ0LDAuNTA5NDMgMC42Nzg4MiwxLjAzNzgzIDAuNjI4LDEuOTU5MDMgLTAuMDQzLDAuNzgwMjIgLTAuMjgwMTEsMS4yOTU3NiAtMC44MTA1OCwxLjc2MjY5IC0wLjM1Nzc0LDAuMzE0OSAtMC45MjE2NywwLjU2Njk5IC0xLjI2ODM5LDAuNTY2OTkgLTAuMDk4LDAgLTAuMjAwMDQsMC4wMzU0IC0wLjIyNjgsMC4wNzg3IC0wLjA1OTQsMC4wOTYxIC0wLjQzMzAxLDAuMTA1NTggLTAuNDMzMDEsMC4wMTEgMCwtMC4wMzczIC0wLjE3NDcyLC0wLjA4ODQgLTAuMzg4MjYsLTAuMTEzNzQgLTAuNzkyNiwtMC4wOTM5IC0xLjUyNzA1LC0wLjY3Nzg3IC0xLjgxMjcxLC0xLjQ0MTM0IC0wLjIwMzY3LC0wLjU0NDM2IC0wLjIxNjAyLC0xLjU3MjIgLTAuMDI0NSwtMi4wMzgwMiAwLjE4ODQ2LC0wLjQ1ODM3IDAuMTU0NjcsLTAuOTQxMDMgLTAuMTcwOSwtMi40NDA1OCAtMC4zMzIwOSwtMS41Mjk2NiAtMC43MzI4NiwtMi44MDAxMSAtMS4wNjgxOSwtMy4zODYyIC0wLjQ1MzMsLTAuNzkyMyAtMS4zODkzMSwtMS41MjA4MSAtMi43NzA0NSwtMi4xNTYzMSAtMS4zNjcyLC0wLjYyOTA3IC0zLjg0MzU3LC0xLjQyNTggLTQuNDI1NzQsLTEuNDIzOSAtMC40MzgyNiwwLjAwMSAtMS41MDM1MiwwLjM4MzY2IC0yLjE2NTc1LDAuNzc3MDggLTAuMzAwMDIsMC4xNzgyNCAtMC42MTkwMSwwLjMyNDA3IC0wLjcwODg2LDAuMzI0MDcgLTAuMjU5MjUsMCAtMC4yMDA5NCwtMC4zNjIxOSAwLjE1MTUsLTAuOTQxIDAuMTcwMTMsLTAuMjc5MzkgMC4yOTc3MiwtMC41MTk1OCAwLjI4MzU0LC0wLjUzMzc2IC0wLjAxNDIsLTAuMDE0MiAtMC40NTg4NiwwLjAyNzggLTAuOTg4MiwwLjA5MzQgLTAuODY2NjUsMC4xMDczIC0wLjk3NDU1LDAuMTA3MDMgLTEuMDg0MjksLTAuMDAzIC0wLjA5MDksLTAuMDkwOSAtMC4wOTkyLC0wLjE0NDU0IC0wLjAzMjQsLTAuMjExMjggMC4wNDkyLC0wLjA0OTIgMC4wODk0LC0wLjE0NzIgMC4wODk0LC0wLjIxNzgzIDAsLTAuMDcwNiAwLjI1NjYzLC0wLjMxMTU0IDAuNTcwMjksLTAuNTM1MzUgbCAwLjU3MDI5LC0wLjQwNjkzIGggLTAuNTM2NTUgYyAtMC4zNjEzNywwIC0wLjU3MzQ2LC0wLjAzNjkgLTAuNjQ5NjIsLTAuMTEzMDggLTAuMDcwNywtMC4wNzA3IC0wLjA4MzMsLTAuMTMxNDUgLTAuMDMzNywtMC4xNjIxIDAuMDQzNiwtMC4wMjcgMC4wNzkzLC0wLjExNDYzIDAuMDc5MywtMC4xOTQ4MiAwLC0wLjE3MDYxIDAuNDE3MDUsLTAuMzkxMDEgMS4xOTA2NiwtMC42MjkyNSAwLjcwOTA2LC0wLjIxODM2IDEuMTE3NTEsLTAuNjQ4ODEgMS4yNDQ1MywtMS4zMTE1NiAwLjM0OTg2LC0xLjgyNTQxIDAuNTk1OCwtMi42MjY0MSAxLjE1MjY0LC0zLjc1NDA4IDAuNjY4NjEsLTEuMzU0MDEgMS42ODM5OCwtMi42MTkyOSAyLjc0NDA2LC0zLjQxOTQ3IDAuMjYyOTYsLTAuMTk4NDkgMC41MDc5OCwtMC4zODY4IDAuNTQ0NDksLTAuNDE4NDcgMC4wMzY1LC0wLjAzMTcgLTAuMTY4NjEsLTAuMzM1OTMgLTAuNDU1ODMsLTAuNjc2MTMgLTAuNTg1NTYsLTAuNjkzNiAtMS4wODEyLC0xLjYyMzkzIC0xLjI3MzI1LC0yLjM4OTk0IC0wLjE2OTMyLC0wLjY3NTM3IC0wLjExMDkxLC0yLjA3NDMxIDAuMTIyNTYsLTIuOTM1ODEgMC40ODQzMywtMS43ODcwNyAxLjU1NTM3LC0zLjU5MDM2IDMuMjY2ODUsLTUuNTAwMzEgMC43MTAwMSwtMC43OTIzNCAwLjg3MDY2LC0wLjkzMjU2IDEuMDY4NDksLTAuOTMyNTYgMC4yNTc1NywwIDAuMjQ3NDcsLTAuMDIzMyAwLjM5MjQ1LDAuOTA1MzggMC4yMjIsMS40MjE5NyAwLjUwMjk1LDIuMDk1NTUgMS4zNTU2LDMuMjUwMDQgMC45MTg4NSwxLjI0NDExIDEuNTQyNzIsMi4yNDQ3MyAyLjAwMjA4LDMuMjExMTIgMC40NTYwNCwwLjk1OTQgMC44MTU3NywyLjE3NjU1IDAuODE1NzcsMi43NjAxNSB2IDAuMzQ0MTggaCAwLjY1MDIxIDAuNjUwMjEgbCAwLjE4OTIyLC0wLjUzMTQxIGMgMC4xMDQwNiwtMC4yOTIyOCAwLjQwNDAzLC0wLjk1NjU1IDAuNjY2NTksLTEuNDc2MTYgMC40MDA3MSwtMC43OTMwMSAwLjU3MjUyLC0xLjAzOTg0IDEuMDY5NzMsLTEuNTM2ODQgMC45NTY2NCwtMC45NTYyMSAyLjIwMzM2LC0xLjUxNjA1IDQuMjkyNTksLTEuOTI3NTkgMC41NjI5MSwtMC4xMTA4OCAxLjE3ODYzLC0wLjI3NjY4IDEuMzY4MjYsLTAuMzY4NDQgMC40MTYzLC0wLjIwMTQzIDEuMzA3OTcsLTAuOTEzNDUgMS44OTYyOCwtMS41MTQyMyAwLjI4NDg0LC0wLjI5MDg4IDAuNDkzOTQsLTAuNDM5NDMgMC42MTg1MiwtMC40Mzk0MyBoIDAuMTg4MjEgbCAtMC4wMzY3LDIuNjk2NDQgYyAtMC4wMzkzLDIuODkwNSAtMC4xNDA1OCwzLjk4OTQ4IC0wLjQ5ODgxLDUuNDEyNTggLTAuMjM5OTUsMC45NTMyNiAtMC42NTk1NywxLjgxMjI3IC0xLjA0MjE5LDIuMTMzNSBsIC0wLjI5NDA2LDAuMjQ2ODggMC41NDI2MiwwLjUyMjE1IGMgMC41OTQ1OCwwLjU3MjE1IDEuMTE4MTUsMS4yNjEwNiAxLjM5ODUyLDEuODQwMTYgMC4xNDU1LDAuMzAwNTMgMC4yMjc1OSwwLjM4MDgxIDAuNDIxMjMsMC40MTE5NSAwLjEzMjI4LDAuMDIxMyAxLjcyODQ4LDAuMjM2MDQgMy41NDcxLDAuNDc3MjYgNy42MTA3MSwxLjAwOTQ3IDguNzM1NzQsMS4xMzg4NyA5Ljg5Nzg1LDEuMTM4NDkgMC40MDE3NiwtMS40ZS00IDEuMjkwMTQsMC4wMzk1IDEuOTc0MTksMC4wODgxIDAuNjg0MDMsMC4wNDg2IDEuMjU4NDMsMC4wNzM2IDEuMjc2NDQsMC4wNTU2IDAuMDE4LC0wLjAxOCAtMC4wMjAzLC0wLjIwODIzIC0wLjA4NTEsLTAuNDIyNzEgLTAuNDI0MjQsLTEuNDA0MjYgLTAuNTEwMDIsLTQuMDk0NjkgLTAuMTk2OTMsLTYuMTc2NSAwLjI1OTYxLC0xLjcyNjIyIDAuNjE5OCwtMy4yOTY3NCAxLjE0MzAzLC00Ljk4Mzk2IGwgMC4xMTczMiwtMC4zNzgzNSAtMC40ODk1OSwtMC4yMjEwMyBjIC0wLjc1OTQ4LC0wLjM0Mjg2IC0xLjgxNzY5LC0wLjk3Njc2IC0yLjM4NzUyLC0xLjQzMDE4IC0yLjIyMDY3LC0xLjc2NzA0IC00LjY0NTk2LC03LjMxMDQ5IC01LjA3NTE4LC0xMS42MDAyMyAtMC4xMzM5NywtMS4zMzg4OSAtMC4wNTU1LC0zLjc1NTE0IDAuMTYyMTEsLTQuOTk0NjQgMC4zNDg0NiwtMS45ODQ0MSAwLjk1NjI0LC0zLjgxMDg2IDEuODUxNzcsLTUuNTY0NzcgMC41NzIwMSwtMS4xMjAzMiAxLjQ5MjIxLC0yLjU0NzQ5IDEuNjc5NDEsLTIuNjA0NjcgMC4wNzE5LC0wLjAyMiAwLjE5NzQsLTAuMDc2IDAuMjc4OTksLTAuMTIwMTUgMC4wODgzLC0wLjA0NzcgMC4xNjc5NSwtMC4wNTExIDAuMTk2ODIsLTAuMDA4IDAuMDI2NywwLjAzOTYgMC4xMDE2NCwwLjA5MTcgMC4xNjY1OCwwLjExNTc4IDAuMDcwNiwwLjAyNjIgMC4yODgxNywwLjU2MjA0IDAuNTQxMDMsMS4zMzI2NCAxLjE1ODAxLDMuNTI4OTggMi40MDAzNSw2LjUwOTk4IDMuMjg0MDEsNy44Nzk5MyAwLjQyNjI4LDAuNjYwODYgMS4zNzE4NSwxLjY1NjkxIDIuMTA4NTEsMi4yMjEwNiAwLjUyNDQ1LDAuNDAxNjQgMS44NjQ1OCwxLjI1MDY0IDEuOTA0MTIsMS4yMDYzIDAuMDEsLTAuMDEwOSAtMC4wNjU0LC0xLjIyNDQzIC0wLjE2NjkyLC0yLjY5NjY1IC0wLjEwMTU3LC0xLjQ3MjIyIC0wLjE4NjIyLC0yLjg5ODE5IC0wLjE4ODExLC0zLjE2ODgyIC0wLjAwMywtMC40NTMxNiAwLjAxLC0wLjQ5MjA1IDAuMTY3MDUsLTAuNDkyMDUgMC40MTMzOCwwIDQuNzQ5OTEsMi41MTA4MSA3LjM4NzQzLDQuMjc3MjUgMS44NzkyOCwxLjI1ODYzIDQuODg5MjcsMy41NDk2IDUuODMxNzUsNC40Mzg2OCAxLjg5NjMyLDEuNzg4OSAzLjQ4MjM3LDQuNjg1NzcgNC4wODI4MSw3LjQ1NzE2IDAuMzc0MDksMS43MjY2MyAwLjUwOTk5LDQuMzgxOTggMC4zMTU3NSw2LjE2OTE4IC0wLjQxMjA5LDMuNzkxNDkgLTIuMzU2ODEsNy41MDE0IC01Ljc4MTE2LDExLjAyODU4IC0xLjg2NDU2LDEuOTIwNTUgLTQuNjcwMTgsNC4xODI1NiAtNS4xODc3Myw0LjE4MjU2IC0wLjE4ODI3LDAgLTAuMjA2MTcsLTAuMDI3NSAtMC4yMDYxNywtMC4zMTY5MyB2IC0wLjMxNjk0IGwgLTAuMjE4LDAuMTEyNzMgYyAtMC4xMTk4OSwwLjA2MiAtMC41NzE2LDAuMjI2MjUgLTEuMDAzNzgsMC4zNjUgLTAuNDMyMTksMC4xMzg3NCAtMS4xNDI4MiwwLjM5MDM2IC0xLjU3OTE5LDAuNTU5MTQgbCAtMC43OTMzOSwwLjMwNjg5IC0xLjk4MTc4LDMuMTgyNDcgYyAtMS4wODk5OCwxLjc1MDM2IC0xLjk4MTc4LDMuMTk5MjUgLTEuOTgxNzgsMy4yMTk3NCAwLDAuMDIwNSAwLjI0MzM2LDAuMjE3NjggMC41NDA3OSwwLjQzODE4IGwgMC41NDA3OSwwLjQwMDkgMC4xNjYzNSwxLjA0MzM0IGMgMC42OTA2Niw0LjMzMTg0IDAuNjAxMjgsNi44NDQzNiAtMC4zMDc2NSw4LjY0ODU4IC0wLjQ0MzI2LDAuODc5ODcgLTAuODIxODYsMS4xNzQwOCAtMS41MDcxNSwxLjE3MTI0IC0wLjYwMjUzLC0wLjAwMiAtMS4wMjQ4MSwtMC4yMTkzNyAtMS4yODIxNSwtMC42NTg0OSAtMC40NDkxNywtMC43NjY0NSAtMS4wMzg1MSwtMi43MTY5OCAtMS42NTE3OSwtNS40NjY4NyAtMC4xOTYyOCwtMC44ODAxMiAtMC4zNTY4OCwtMS42MjA3IC0wLjM1Njg4LC0xLjY0NTc0IDAsLTAuMDU3MSAtNC44Njg3NiwwLjA0MzYgLTYuMjkzNTMsMC4xMzAwOCAtMS4wMzY3LDAuMDYzIC0xLjA2MTg4LDAuMDY4OCAtMS4yNDQ3LDAuMjkxMDUgLTAuMTAyNjMsMC4xMjQ3MyAtMC42MDk4NiwxLjA5MDM0IC0xLjEyNzE4LDIuMTQ1OCAtMS4zNjY3MiwyLjc4ODQ0IC0yLjEwNzE4LDMuODQ4MyAtMy4zMTMxOSw0Ljc0MjM2IC0wLjYwNjM1LDAuNDQ5NSAtMC44NTM4OCwwLjUyNTk0IC0xLjkyNzIyLDAuNTk1MTIgLTAuNDIyMDUsMC4wMjcyIC0wLjY1ODMsMC4wMTE4IC0wLjY5MzUyLC0wLjA0NTIgeiBtIDEyLjUwMTU3LC05Ljg4MzAzIGMgMi42ODk3MywtMC43MzIwMiA0Ljg0MzE2LC0yLjg0NDE4IDUuNDgzMzYsLTUuMzc4MjcgMC4wNzAyLC0wLjI3Nzc5IDAuMTE2NzcsLTAuMzM0NiAwLjI3NDQsLTAuMzM0NiAwLjEwNDQzLDAgMC4yMjA1OSwwLjA1NDkgMC4yNTgxMiwwLjEyMTk1IDAuMDc4NSwwLjE0MDI1IDAuMTY4NDMsLTAuMDE4NyAwLjQyMTE3LC0wLjc0NDQyIDAuNjAwNTMsLTEuNzI0MzQgLTAuNzA2MDcsLTIuODU3IC0zLjMxNTgxLC0yLjg3NDM4IC0zLjM1ODY4LC0wLjAyMjQgLTUuNzkzNzEsMS45NjM2MiAtNi45OTAzMSw1LjcwMTI0IC0wLjI0OTU3LDAuNzc5NTcgLTAuNTM4NDcsMi4xNTA1NyAtMC41NzkyMywyLjc0ODg4IGwgLTAuMDIzNywwLjM0NzY3IDAuNTQ5MDcsMC4xODY1NSBjIDEuMjQ3MywwLjQyMzc3IDIuODU0NjUsMC41MTYxMiAzLjkyMjkyLDAuMjI1MzggeiBtIC0xMy4zNzU4MywtOC42MzU3MSBjIC0wLjA2MywtMC4xNzg2NSAtMC4xMTQ2LC0wLjQzMTc3IC0wLjExNDYsLTAuNTYyNDkgdiAtMC4yMzc2NyBsIDAuNDkzMDIsMC4wNDYgYyAwLjI3MTE3LDAuMDI1MyAwLjU2MzQ0LDAuMDcxIDAuNjQ5NTEsMC4xMDE2IDAuMDg2MSwwLjAzMDYgMC4wMDYsLTAuMDc2NCAtMC4xNzgxMSwtMC4yMzc2MSAtMC4yNTA0MSwtMC4yMTk0MSAtMC4zMzQ1OSwtMC4zNTEwNSAtMC4zMzQ1OSwtMC41MjMyMiAwLC0wLjIyMTk1IDAuMDEzMiwtMC4yMzAwNSAwLjM3Mzk2LC0wLjIzMDExIGwgMC4zNzM5NiwtN2UtNSAtMC4zMzU4NCwtMC4xNjYyMyBjIC0wLjQxMTU3LC0wLjIwMzczIC0wLjYyMjk4LC0wLjQ2MTYzIC0wLjcyNzEzLC0wLjg4NzA3IC0wLjA0MzcsLTAuMTc4MzcgLTAuMTMwNzQsLTAuNDgzNzQgLTAuMTkzNSwtMC42Nzg1OSBsIC0wLjExNDEsLTAuMzU0MjggMC4wNTU1LDAuMzkzNjQgYyAwLjAzMDUsMC4yMTY1IDAuMDU1NCwwLjgwMTA2IDAuMDU1NCwxLjI5OTAyIHYgMC45MDUzNyBsIC0wLjE5NzI4LDAuMDIzMSBjIC0wLjE3NjQyLDAuMDIwNiAtMC4yMzM0NCwtMC4wNTAxIC0wLjUzOTI0LC0wLjY2OTE5IC0wLjUxNTk4LC0xLjA0NDUyIC0xLjAwMjU4LC0xLjgzMTU0IC0xLjQyNzgsLTIuMzA5MyBsIC0wLjM4MjYxLC0wLjQyOTg5IDAuMjgzNjcsMC43NDc5MiBjIDAuMjQxMjIsMC42MzU5OSAwLjI4ODE2LDAuODY1NzQgMC4zMTM2NCwxLjUzNTIxIDAuMDM3NiwwLjk4NjYzIC0wLjA4NjQsMS40ODQ1IC0wLjM3ODE1LDEuNTE5MDcgLTAuMTY0ODIsMC4wMTk1IC0wLjIyNTEyLC0wLjAzNjYgLTAuMzc4MzQsLTAuMzUxOTMgLTAuNTE2ODgsLTEuMDYzOTEgLTEuMDU4MzUsLTEuNjkwMjkgLTEuNjg4ODksLTEuOTUzNzQgbCAtMC4yOTI2NSwtMC4xMjIyOCAwLjIzMzk2LDAuNDE1MDcgYyAwLjI4ODQ0LDAuNTExNzUgMC40NDg4MSwxLjExMDg2IDAuNTIyMDQsMS45NTAzIDAuMDUyOCwwLjYwNTYxIDAuMDY1NiwwLjYzOTc3IDAuMjIyNDYsMC41OTQwNyAwLjA5MTUsLTAuMDI2NyAwLjYyNjk4LC0wLjA2OTYgMS4xODk4OSwtMC4wOTU0IDEuMTk3OTcsLTAuMDU0OSAxLjc1MDQsMC4wMzQ1IDIuMjUzMDMsMC4zNjQ2NiAwLjE4OTc1LDAuMTI0NjUgMC4zNTIyOSwwLjIyOTQgMC4zNjExOSwwLjIzMjc2IDAuMDA5LDAuMDAzIC0wLjAzNTQsLTAuMTQwMDQgLTAuMDk4NCwtMC4zMTg2OCB6IG0gLTE2LjY5MDEzMywtMC43MDQyMiBjIDAuNjA5NDYsLTAuMjI4MDMgMS4yMzM0NSwtMC44MTk1IDEuNTU2MjEsLTEuNDc1MTEgMC4yMTE1NywtMC40Mjk3NyAwLjI1Nzc2LC0wLjYxNTg4IDAuMjU3NzYsLTEuMDM4NjQgMCwtMS4zNTI4NCAtMS4yODAzNSwtMi42MzE2MiAtMi42MzkwNSwtMi42MzU4MSAtMC40MjI4NSwtMC4wMDEgLTAuNjA1NzMsMC4wNDM5IC0xLjAzNjk5LDAuMjU2MTggLTAuNjYxOTEsMC4zMjU4NiAtMS4yNDU5NiwwLjk0NTM2IC0xLjQ4MjkxLDEuNTcyOTMgLTAuNzM3MDEsMS45NTIgMS4zODE1OCw0LjA1NTA1IDMuMzQ0OTgsMy4zMjA0NSB6IG0gLTEuMDU5NjEsLTAuOTU4MTggYyAtMC41MzIsLTAuMjg1MTggLTAuODExOTQsLTAuNzMzMjMgLTAuODUyMDksLTEuMzYzNzkgLTAuMDQxNiwtMC42NTI5OSAwLjEyNCwtMS4xMDgxNSAwLjUzOTc5LC0xLjQ4Mzc5IDAuMzc5NDIsLTAuMzQyNzkgMC41NDA2MSwtMC4zODU0NyAxLjMyMTU1LC0wLjM0OTk3IDAuNTMwMzUsMC4wMjQxIDAuNjU3NTIsMC4wNTkgMC45MDYwNCwwLjI0ODU2IDAuMjMxNDEsMC4xNzY1MSAwLjI4OTEsMC4yNzMwNiAwLjI4OTEsMC40ODM4NSAwLDAuMjMwNjMgLTAuMDUsMC4yOTU0MyAtMC40MDI3NiwwLjUyMTc4IGwgLTAuNDAyNzUsMC4yNTg0NSAwLjUyMDg1LDAuMjYyNTggYyAwLjU5MDA0LDAuMjk3NDYgMC42NTI5LDAuNDYxMTYgMC4zNTk0MiwwLjkzNjAyIC0wLjI2MTU4LDAuNDIzMjUgLTAuNjM5NDMsMC42MDY2NCAtMS4zMjY1MSwwLjY0MzgzIC0wLjUxOTE1LDAuMDI4MSAtMC42NDUyNywwLjAwNyAtMC45NTI2NCwtMC4xNTc1MiB6IG0gNy42MDEyMDMsMC44MTE1NSBjIDEuMTkwNDIsLTAuNDE4MzkgMi4xMjUzNSwtMS43NDIyOCAxLjk2NTYyLC0yLjc4MzM0IC0wLjA4NDIsLTAuNTQ5MDIgLTAuNDgwMDUsLTEuMjcxNTIgLTAuOTA2NzUsLTEuNjU1MTcgLTAuNjEwNDUsLTAuNTQ4ODQgLTEuMDI2NzksLTAuNzE4MzMgLTEuNzcxMzQzLC0wLjcyMTExIC0wLjU0NDU0LC0wLjAwMiAtMC42OTIxMSwwLjAyOTIgLTEuMDg5NzEsMC4yMzA2NiAtMS4zMTcxNywwLjY2NzQgLTEuOTAzODEsMi4xNDk5IC0xLjMzMjM0LDMuMzY3IDAuMzg2ODMsMC44MjM4NyAwLjg4OTk5LDEuMjg4NDUgMS42OTc3MywxLjU2NzU1IDAuNTMwOTIsMC4xODM0NSAwLjkwMzA3LDAuMTgyIDEuNDM2NzkzLC0wLjAwNiB6IG0gLTAuODQ2OTkzLC0wLjcxMjkxIGMgLTAuNTg0NTcsLTAuMTc2MjEgLTAuOTg3ODksLTAuNzI2MTQgLTEuMDYxOCwtMS40NDc3NSAtMC4wOTUyLC0wLjkyOTQzIDAuNDExMjgsLTEuNjgwNzcgMS4yNTAyNiwtMS44NTQ3MyAwLjk1MjI2MywtMC4xOTc0MyAxLjg3NjczMywwLjI0NTY5IDEuODczODUzLDAuODk4MTkgLTguOWUtNCwwLjIwMTg4IC0wLjA2NzIsMC4yODEyNyAtMC40MzM1LDAuNTE4ODcgbCAtMC40MzI0NCwwLjI4MDUyIDAuNDcyODYsMC4yMjYwMSBjIDAuNDM2MDcsMC4yMDg0MiAwLjQ3Mjg2LDAuMjQ2MTEgMC40NzI4NiwwLjQ4NDQ1IDAsMC4zMjc4MiAtMC40MjE2LDAuNzcxNDQgLTAuODQ0ODUsMC44ODg5OCAtMC4zNDQwNiwwLjA5NTYgLTAuOTg5MzczLDAuMDk4MyAtMS4yOTcyNDMsMC4wMDUgeiBtIDI3LjA1OTg3MywtMjAuMzkxNzcgYyAtMC40ODg4MywtMS42OTQ1OCAtMC41OTA3MywtMi4zMjcwNiAtMC41OTA3MywtMy42NjYzNCB2IC0wLjk3ODQxIGggMC4yMzIyMyBjIDAuMjQxNDIsMCAyLjE2MjE3LDEuMjMzMTQgNC44ODM0LDMuMTM1MjIgMC43MTM1NCwwLjQ5ODczIDEuNTU3NSwxLjAyNyAxLjg3NTUyLDEuMTczOTIgMC43MzQwOCwwLjMzOTE3IDIuMzU0MzUsMC44NzkyNyAzLjY4Nzk2LDEuMjI5MzMgbCAxLjAzNDg4LDAuMjcxNjUgMC4wNDczLC0wLjIzNjM0IGMgMC4xMTc2NCwtMC41ODgyMSAwLjIxNDMyLC0yLjEyNDkgMC4xNjc0MSwtMi42NjA4MyAtMC4xMDQxOSwtMS4xOTAzIC0wLjYxNDM1LC0yLjkzNTIyIC0xLjM0MDYzLC00LjU4NTUgLTAuMTk0MzUsLTAuNDQxNiAtMC4zNTMzNiwtMC44ODgyIC0wLjM1MzM2LC0wLjk5MjQzIDAsLTAuMTgxNDYgMC4wMTY1LC0wLjE4NzM0IDAuMzg2ODEsLTAuMTM4MjEgMC42MDQ3NCwwLjA4MDIgMi4yOTc2NSwwLjU2NTQzIDMuMTc2NDgsMC45MTA0MiAwLjQzODg4LDAuMTcyMjkgMC44MDcxNCwwLjMwNDA4IDAuODE4MzUsMC4yOTI4NyAwLjAzMzEsLTAuMDMzMSAtMS42MDkzMywtMS4zMzE3MSAtMi4zMzQ3MSwtMS44NDU5NSAtMS4wNTg3NCwtMC43NTA1NyAtNC43NDI5MiwtMi43ODA3IC00Ljg1MDcxLC0yLjY3MjkzIC0wLjAxOSwwLjAxOSAwLjEwODE4LDEuMTkyOTQgMC4yODI0OCwyLjYwODg2IDAuMTc0MywxLjQxNTkzIDAuMzE2OSwyLjYyNTQ4IDAuMzE2OSwyLjY4Nzg5IDAsMC4zNDM2NyAtMC45MTAwMywtMC4wOTk4IC0zLjg1NzY4LC0xLjg4MDA3IC0zLjAzMzU0LC0xLjgzMjEgLTMuOTU4ODksLTIuNjQ1NDYgLTYuMjQwOTYsLTUuNDg1NjUgLTAuNDM0ODksLTAuNTQxMjUgLTAuODE1NjYsLTAuOTk0MjggLTAuODQ2MTQsLTEuMDA2NzIgLTAuMDc1OCwtMC4wMzA5IC0wLjM3MTQ5LDEuNDA3MDIgLTAuNTA2NTYsMi40NjMyIC0wLjI2MDY2LDIuMDM4MjYgLTAuMjI0NDQsMy42NDY3NCAwLjEyMDQxLDUuMzQ3MTcgMC40MTcwOSwyLjA1NjU5IDEuMzE3OTMsMy44NzgxNiAyLjk2MjE2LDUuOTg5NzEgMC41ODY2NiwwLjc1MzQgMS4yODgxNywxLjU1NjUgMS4zMjYzMSwxLjUxODM2IDAuMDEyNiwtMC4wMTI2IC0wLjE2NjA2LC0wLjY3ODI5IC0wLjM5NzEsLTEuNDc5MjIgeiIKICAgICAgIGlkPSJwYXRoNCIgLz4KICA8L2c+Cjwvc3ZnPgo=';
 
-const loaderCss = ":host{--loader-symbol-size:var(--spacing-16);--loader-type:var(--type-body-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}:host(.xs){--loader-symbol-size:var(--spacing-8);--loader-type:var(--type-body-sm)}:host(.sm){--loader-symbol-size:var(--spacing-12);--loader-type:var(--type-body-sm)}:host(.lg){--loader-symbol-size:var(--spacing-20);--loader-type:var(--type-body-lg)}:host(.xl){--loader-symbol-size:var(--spacing-24);--loader-type:var(--type-body-2xl)}.frame{position:relative;width:var(--loader-symbol-size);height:var(--loader-symbol-size)}.text{font:var(--loader-type);text-align:center;font-weight:500;color:var(--color-text-brand-base)}.symbol{position:absolute;flex:0 0 auto;width:100%;height:100%;background-color:var(--color-background-brand-base);-webkit-mask-image:var(--symbol);mask-image:var(--symbol);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:90% 90%;mask-size:90% 90%;-webkit-mask-position:center;mask-position:center;transform:translateX(-100%);opacity:0}.symbol.animate-in{animation:slide-in 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,\n    fade-in 1s ease-in-out forwards}.symbol.animate-out{animation:slide-out 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,\n    fade-out 1s ease-in-out forwards}@keyframes slide-in{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes slide-out{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}@keyframes fade-in{0%,50%{opacity:0}80%,100%{opacity:1}}@keyframes fade-out{0%,40%{opacity:1}50%,100%{opacity:0}}";
+const loaderCss = () => `:host{--loader-symbol-size:var(--spacing-16);--loader-type:var(--type-body-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}:host(.xs){--loader-symbol-size:var(--spacing-8);--loader-type:var(--type-body-sm)}:host(.sm){--loader-symbol-size:var(--spacing-12);--loader-type:var(--type-body-sm)}:host(.lg){--loader-symbol-size:var(--spacing-20);--loader-type:var(--type-body-lg)}:host(.xl){--loader-symbol-size:var(--spacing-24);--loader-type:var(--type-body-2xl)}.frame{position:relative;width:var(--loader-symbol-size);height:var(--loader-symbol-size)}.text{font:var(--loader-type);text-align:center;font-weight:500;color:var(--color-text-brand-base)}.symbol{position:absolute;flex:0 0 auto;width:100%;height:100%;background-color:var(--color-background-brand-base);-webkit-mask-image:var(--symbol);mask-image:var(--symbol);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:90% 90%;mask-size:90% 90%;-webkit-mask-position:center;mask-position:center;transform:translateX(-100%);opacity:0}.symbol.animate-in{animation:slide-in 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,     fade-in 1s ease-in-out forwards}.symbol.animate-out{animation:slide-out 1s cubic-bezier(0.83, 0, 0.17, 1) forwards,     fade-out 1s ease-in-out forwards}@keyframes slide-in{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes slide-out{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}@keyframes fade-in{0%,50%{opacity:0}80%,100%{opacity:1}}@keyframes fade-out{0%,40%{opacity:1}50%,100%{opacity:0}}`;
 
 const ScoutLoader = class {
     constructor(hostRef) {
@@ -65,7 +65,6 @@ const ScoutLoader = class {
             }, class: "symbol", style: { "--symbol": `url(${symbol})` }, onAnimationEnd: (event) => this.tickDone(event) })));
     }
 };
-ScoutLoader.style = loaderCss;
+ScoutLoader.style = loaderCss();
 
 export { ScoutLoader as scout_loader };
-//# sourceMappingURL=scout-loader.entry.js.map

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

@@ -1,9 +1,9 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-ksA_9NPe.js';
-import { i as inputMixin } from './inputMixin-C9OB0DNj.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-xD2pOo_x.js';
+import { i as inputMixin } from './inputMixin-BuDdNX3m.js';
 
 const chevronDownSvg = 'data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1kb3duIgo+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTYgOWw2IDZsNiAtNiIgLz4KPC9zdmc+';
 
-const selectCss = ".select-wrapper.sc-scout-select{position:relative;display:inline-flex;width:100%}.select.sc-scout-select{width:100%;height:var(--spacing-10);padding:var(--spacing-2);padding-right:var(--spacing-8);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select.sc-scout-select:hover:not(:disabled){border-color:var(--color-gray-400)}.select.sc-scout-select:focus{outline:2px solid var(--color-background-brand-base);outline-offset:1px}.select.sc-scout-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.select-icon.sc-scout-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background-color:var(--color-text-base);-webkit-mask-image:var(--icon-chevron);mask-image:var(--icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.select.sc-scout-select:disabled+.select-icon.sc-scout-select{background-color:var(--color-gray-500)}";
+const selectCss = () => `.select-wrapper.sc-scout-select{position:relative;display:inline-flex;width:100%}.select.sc-scout-select{width:100%;height:var(--spacing-10);padding:var(--spacing-2);padding-right:var(--spacing-8);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select.sc-scout-select:hover:not(:disabled){border-color:var(--color-gray-400)}.select.sc-scout-select:focus{outline:2px solid var(--color-background-brand-base);outline-offset:1px}.select.sc-scout-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.select-icon.sc-scout-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background-color:var(--color-text-base);-webkit-mask-image:var(--icon-chevron);mask-image:var(--icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.select.sc-scout-select:disabled+.select-icon.sc-scout-select{background-color:var(--color-gray-500)}`;
 
 const ScoutSelect = class extends Mixin(inputMixin) {
     constructor(hostRef) {
@@ -29,7 +29,6 @@ const ScoutSelect = class extends Mixin(inputMixin) {
         return (h("div", { key: '12bf95188935ab6b11101c829970800199b53e9a', class: "select-wrapper" }, h("select", { key: '1c373cc25f6de17b7139baab0af69fd23adf3b85', id: this.ariaId, name: this.name, class: "select", disabled: this.disabled, onChange: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }, h("slot", { key: '99f4430d6433e96c95651acba4ff0068235d1cb8' })), h("span", { key: '4f36424bd7395db03ea9caf10751cd570fc06853', class: "select-icon", style: { "--icon-chevron": `url(${chevronDownSvg})` }, "aria-hidden": "true" })));
     }
 };
-ScoutSelect.style = selectCss;
+ScoutSelect.style = selectCss();
 
 export { ScoutSelect as scout_select };
-//# sourceMappingURL=scout-select.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-ksA_9NPe.js';
+import { r as registerInstance, h, H as Host } from './index-xD2pOo_x.js';
 
-const stackCss = ":host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}";
+const stackCss = () => `:host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}`;
 
 var GapSizeValues;
 (function (GapSizeValues) {
@@ -31,7 +31,6 @@ const ScoutStack = class {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutStack.style = stackCss;
+ScoutStack.style = stackCss();
 
 export { ScoutStack as scout_stack };
-//# sourceMappingURL=scout-stack.entry.js.map

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

@@ -1,7 +1,7 @@
-import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-ksA_9NPe.js';
-import { i as inputMixin } from './inputMixin-C9OB0DNj.js';
+import { M as Mixin, r as registerInstance, c as createEvent, h } from './index-xD2pOo_x.js';
+import { i as inputMixin } from './inputMixin-BuDdNX3m.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)}.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)}.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)}";
+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)}.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)}.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)}`;
 
 const ScoutSwitch = class extends Mixin(inputMixin) {
     constructor(hostRef) {
@@ -41,7 +41,6 @@ const ScoutSwitch = class extends Mixin(inputMixin) {
     }
     static get delegatesFocus() { return true; }
 };
-ScoutSwitch.style = switchCss;
+ScoutSwitch.style = switchCss();
 
 export { ScoutSwitch as scout_switch };
-//# sourceMappingURL=scout-switch.entry.js.map

package/dist/esm/ui-webc.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-ksA_9NPe.js';
-export { s as setNonce } from './index-ksA_9NPe.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-xD2pOo_x.js';
+export { s as setNonce } from './index-xD2pOo_x.js';
 
 /*
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -16,6 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["scout-list-view-item",[[785,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[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",[[785,"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],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[273,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[770,"scout-input",{"validate":[16],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]}]]],["scout-link",[[785,"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",[[785,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[769,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[785,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[770,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[770,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
+  return bootstrapLazy([["scout-list-view-item",[[529,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[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,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[514,"scout-input",{"validate":[16],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]}]]],["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",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[529,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[514,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[514,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
 });
-//# sourceMappingURL=ui-webc.js.map

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

@@ -1,4 +1,5 @@
 import { type EventEmitter } from "../../stencil-public-runtime";
+export type Size = "medium" | "large";
 export type Variant = "primary" | "outlined" | "text" | "caution" | "danger";
 /**
  * A button component that can be used either as a normal button or as a link.
@@ -10,6 +11,10 @@ export declare class ScoutButton {
     href?: string;
     target?: string;
     rel?: string;
+    /**
+     * Size of the button.
+     */
+    size: Size;
     /**
      * The variant primarily affects the color of the button.
      */