@scouterna/ui-webc 2.2.5 → 2.2.6

package/dist/components/scout-bottom-bar.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h } from './p-fr5CaUFu.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 ScoutBottomBar$1 = /*@__PURE__*/ proxyCustomElement(class ScoutBottomBar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("nav", { key: '5f2fb6d34977a9a83fb2c2e254562b129fe40535', class: "container" }, h("slot", { key: '6833b584719bf53edfa90875d8798707a7fccbe4' })));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return bottomBarCss; }
-}, [273, "scout-bottom-bar"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-bottom-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-bottom-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutBottomBar$1);
-            }
-            break;
-    } });
-}
-
-const ScoutBottomBar = ScoutBottomBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutBottomBar, defineCustomElement };
-//# sourceMappingURL=scout-bottom-bar.js.map
-
-//# sourceMappingURL=scout-bottom-bar.js.map
+import{p as t,H as e,h as s,t as o}from"./p-CmHrcz9s.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s("nav",{key:"5f2fb6d34977a9a83fb2c2e254562b129fe40535",class:"container"},s("slot",{key:"6833b584719bf53edfa90875d8798707a7fccbe4"}))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;width:100%}.container{display:flex;flex:1;height:var(--spacing-14);border-top:1px solid var(--color-neutral-100)}"}},[273,"scout-bottom-bar"]),a=r,c=function(){"undefined"!=typeof customElements&&["scout-bottom-bar"].forEach((t=>{"scout-bottom-bar"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))};export{a as ScoutBottomBar,c as defineCustomElement}

package/dist/components/scout-button.js

@@ -1,75 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fr5CaUFu.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 ScoutButton$1 = /*@__PURE__*/ proxyCustomElement(class ScoutButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.scoutClick = createEvent(this, "scoutClick");
-    }
-    type = "button";
-    href;
-    target;
-    rel;
-    /**
-     * The variant primarily affects the color of the button.
-     */
-    variant = "outlined";
-    /**
-     * An optional icon to display alongside the button text. Must be an SVG string.
-     */
-    icon;
-    iconPosition = "after";
-    iconOnly = false;
-    scoutClick;
-    render() {
-        const Tag = this.type === "link" ? "a" : "button";
-        const props = this.type === "link"
-            ? {
-                href: this.href,
-                target: this.target,
-                // This might not be our job, but better safe than sorry.
-                rel: this.rel ??
-                    (this.target === "_blank" ? "noopener noreferrer" : undefined),
-            }
-            : {
-                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)));
-    }
-    static get style() { return buttonCss; }
-}, [772, "scout-button", {
-        "type": [1],
-        "href": [1],
-        "target": [1],
-        "rel": [1],
-        "variant": [1],
-        "icon": [1],
-        "iconPosition": [1, "icon-position"],
-        "iconOnly": [4, "icon-only"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutButton$1);
-            }
-            break;
-    } });
-}
-
-const ScoutButton = ScoutButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutButton, defineCustomElement };
-//# sourceMappingURL=scout-button.js.map
-
-//# sourceMappingURL=scout-button.js.map
+import{p as o,H as t,c as n,h as r,d as a,t as c}from"./p-CmHrcz9s.js";const e=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.scoutClick=n(this,"scoutClick")}type="button";href;target;rel;size="medium";variant="outlined";icon;iconPosition="after";iconOnly=!1;scoutClick;render(){const o="link"===this.type?"a":"button",t="link"===this.type?{href:this.href,target:this.target,rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)}:{type:this.type},n=this.icon&&r("span",{key:"9a16653774acda8b34ff428fbe21cca1e481c9e4",class:"icon",innerHTML:this.icon});return r(a,{key:"05da4122d7e1b6e80c5230b43c42de366c2a570a","data-size":this.size,"data-icon-only":this.iconOnly},r(o,{key:"d95abeb01118b1c00439aa66b308302bcded9871",class:"button "+this.variant,onClick:()=>this.scoutClick.emit(),...t},"before"===this.iconPosition&&n,r("span",{key:"623acd0ca7b801027515f52e5ff984769ccee5d8",class:"content"},r("slot",{key:"17ba121fdc0522f7a7857d7d8abd937fe51d105b"})),"after"===this.iconPosition&&n))}static get style(){return'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)}'}},[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"]}]),s=e,b=function(){"undefined"!=typeof customElements&&["scout-button"].forEach((o=>{"scout-button"===o&&(customElements.get(c(o))||customElements.define(c(o),e))}))};export{s as ScoutButton,b as defineCustomElement}

package/dist/components/scout-card.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h } from './p-fr5CaUFu.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 ScoutCard$1 = /*@__PURE__*/ proxyCustomElement(class ScoutCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '1ea5b0a2ea2a8f342e0153d9e90565cc69e2f336', class: "card" }, h("slot", { key: '328519393a7ad17aa158dea8835f16ebdc0cc7bc' })));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return cardCss; }
-}, [273, "scout-card"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutCard$1);
-            }
-            break;
-    } });
-}
-
-const ScoutCard = ScoutCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutCard, defineCustomElement };
-//# sourceMappingURL=scout-card.js.map
-
-//# sourceMappingURL=scout-card.js.map
+import{p as s,H as e,h as t,t as a}from"./p-CmHrcz9s.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"1ea5b0a2ea2a8f342e0153d9e90565cc69e2f336",class:"card"},t("slot",{key:"328519393a7ad17aa158dea8835f16ebdc0cc7bc"}))}static get delegatesFocus(){return!0}static get style(){return":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)}"}},[273,"scout-card"]),r=c,o=function(){"undefined"!=typeof customElements&&["scout-card"].forEach((s=>{"scout-card"===s&&(customElements.get(a(s))||customElements.define(a(s),c))}))};export{r as ScoutCard,o as defineCustomElement}

package/dist/components/scout-checkbox.js

@@ -1,9 +1 @@
-import { S as ScoutCheckbox$1, d as defineCustomElement$1 } from './p-CLzh39Ll.js';
-
-const ScoutCheckbox = ScoutCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutCheckbox, defineCustomElement };
-//# sourceMappingURL=scout-checkbox.js.map
-
-//# sourceMappingURL=scout-checkbox.js.map
+import{S as o,d as s}from"./p-CToGnlms.js";const m=o,p=s;export{m as ScoutCheckbox,p as defineCustomElement}

package/dist/components/scout-divider.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fr5CaUFu.js';
-
-const dividerCss = ":host{display:block;height:1px;background-color:var(--color-gray-200)}";
-
-const ScoutDivider$1 = /*@__PURE__*/ proxyCustomElement(class ScoutDivider extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return h(Host, { key: '6a4d3d0bed1689875ec867b16f0c77f391662fc8' });
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return dividerCss; }
-}, [273, "scout-divider"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutDivider$1);
-            }
-            break;
-    } });
-}
-
-const ScoutDivider = ScoutDivider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutDivider, defineCustomElement };
-//# sourceMappingURL=scout-divider.js.map
-
-//# sourceMappingURL=scout-divider.js.map
+import{p as t,H as e,h as s,d as r,t as c}from"./p-CmHrcz9s.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(r,{key:"6a4d3d0bed1689875ec867b16f0c77f391662fc8"})}static get delegatesFocus(){return!0}static get style(){return":host{display:block;height:1px;background-color:var(--color-gray-200)}"}},[17,"scout-divider"]),d=o,i=function(){"undefined"!=typeof customElements&&["scout-divider"].forEach((t=>{"scout-divider"===t&&(customElements.get(c(t))||customElements.define(c(t),o))}))};export{d as ScoutDivider,i as defineCustomElement}

package/dist/components/scout-field.js

@@ -1,72 +1 @@
-import { p as proxyCustomElement, H, h } from './p-fr5CaUFu.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 ScoutField$1 = /*@__PURE__*/ proxyCustomElement(class ScoutField extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    /**
-     * Label shown above the field.
-     */
-    label;
-    /**
-     * Help text shown below the field.
-     */
-    helpText;
-    inputId;
-    errorText = null;
-    errorHidden = false;
-    get hostElement() { return this; }
-    catchFieldId(event) {
-        event.stopPropagation();
-        this.inputId = event.detail;
-    }
-    handleValidation(event) {
-        const { element } = event.detail;
-        this.errorHidden = true;
-        if (element.validity.valid) {
-            this.errorText = null;
-        }
-        else {
-            this.errorText = element.validationMessage;
-        }
-    }
-    showError() {
-        this.errorHidden = false;
-    }
-    render() {
-        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)));
-    }
-    static get style() { return fieldCss; }
-}, [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"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-field"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-field":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutField$1);
-            }
-            break;
-    } });
-}
-
-const ScoutField = ScoutField$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutField, defineCustomElement };
-//# sourceMappingURL=scout-field.js.map
-
-//# sourceMappingURL=scout-field.js.map
+import{p as e,H as t,h as l,t as s}from"./p-CmHrcz9s.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}label;helpText;inputId;errorText=null;errorHidden=!1;get hostElement(){return this}catchFieldId(e){e.stopPropagation(),this.inputId=e.detail}handleValidation(e){const{element:t}=e.detail;this.errorHidden=!0,this.errorText=t.validity.valid?null:t.validationMessage}showError(){this.errorHidden=!1}render(){return l("div",{key:"e7539abfb11fac14a5ffd87cfb1a70dd9c41cca7",class:"field"},l("label",{key:"c4501be15aafbb2d6e3c447c5893aa2510e20b89",htmlFor:this.inputId,class:"label"},this.label),l("slot",{key:"5806c8d41926245074fb395b08226272a2432d96"}),l("p",{key:"f1a36881c2ce2f8485d31e8faac452c9c2423d74",class:"error-text","aria-live":"polite"},!this.errorHidden&&this.errorText),this.helpText&&l("p",{key:"0d9ea374551b527d085ef33595fdee27e80d08fb",class:"help-text"},this.helpText))}static get style(){return".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}"}},[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"]]]),a=r,o=function(){"undefined"!=typeof customElements&&["scout-field"].forEach((e=>{"scout-field"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{a as ScoutField,o as defineCustomElement}

package/dist/components/scout-input.js

@@ -1,98 +1 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h, d as Host } from './p-fr5CaUFu.js';
-import { i as inputMixin } from './p-B-kEl-ny.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 ScoutInput$1 = /*@__PURE__*/ proxyCustomElement(class ScoutInput extends Mixin(inputMixin) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.scoutInputChange = createEvent(this, "scoutInputChange");
-        this.scoutBlur = createEvent(this, "scoutBlur");
-        this._scoutValidate = createEvent(this, "_scoutValidate");
-        this._scoutInvalid = createEvent(this, "_scoutInvalid");
-        this._scoutFieldId = createEvent(this, "_scoutFieldId");
-    }
-    /**
-     * Size of the input element. Large fields are typically used for prominent
-     * inputs, such as a top search field on a page, while medium fields are used
-     * for regular form inputs.
-     */
-    size = "medium";
-    /**
-     * Visual variant of the input element. Elevated inputs have a shadow to help
-     * them stand out from the background and should only be used when absolutely
-     * positioned above other content.
-     */
-    variant = "default";
-    /**
-     * Type of input element. If you need a number input, read the accessibility
-     * section of this MDN article first:
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number#accessibility
-     */
-    type = "text";
-    /**
-     * Input mode hints for devices with dynamic keyboards.
-     */
-    inputmode;
-    /**
-     * Regex pattern for input validation.
-     */
-    pattern;
-    /**
-     * Value of the input element, in case you want to control it yourself.
-     */
-    value = "";
-    name;
-    /**
-     * Whether the input is disabled. Disabled inputs are not editable, excluded
-     * from tab order and are not validated.
-     */
-    disabled = false;
-    /**
-     * Placeholder text should rarely be used as it poses a lot of accessibility
-     * issues.
-     */
-    placeholder;
-    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() })));
-    }
-    static get style() { return inputCss; }
-}, [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]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutInput$1);
-            }
-            break;
-    } });
-}
-
-const ScoutInput = ScoutInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutInput, defineCustomElement };
-//# sourceMappingURL=scout-input.js.map
-
-//# sourceMappingURL=scout-input.js.map
+import{p as t,M as s,c as a,h as i,d as e,t as o}from"./p-CmHrcz9s.js";import{i as r}from"./p-CFwvojTA.js";const u=t(class extends(s(r)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.scoutInputChange=a(this,"scoutInputChange"),this.scoutBlur=a(this,"scoutBlur"),this._scoutValidate=a(this,"_scoutValidate"),this._scoutInvalid=a(this,"_scoutInvalid"),this._scoutFieldId=a(this,"_scoutFieldId")}size="medium";variant="default";type="text";inputmode;pattern;value="";name;disabled=!1;placeholder;render(){return i(e,{key:"800efa151d522ef1d7a483128baa6c0958dcd100",class:`${"large"===this.size?"large":""} ${"elevated"===this.variant?"elevated":""}`},i("input",{key:"92756a5cdf529455fffaadcbcdd2bc36a5087c65",ref:t=>this.setInputRef(t),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()}))}static get style(){return".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}"}},[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]}]),c=u,n=function(){"undefined"!=typeof customElements&&["scout-input"].forEach((t=>{"scout-input"===t&&(customElements.get(o(t))||customElements.define(o(t),u))}))};export{c as ScoutInput,n as defineCustomElement}

package/dist/components/scout-link.js

@@ -1,91 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-fr5CaUFu.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 ScoutLink$1 = /*@__PURE__*/ proxyCustomElement(class ScoutLink extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutLinkClick = createEvent(this, "scoutLinkClick");
-    }
-    /**
-     * The URL that the link points to. Required when type is set to link
-     */
-    href;
-    /**
-     * Text to be displayed for the link
-     */
-    label;
-    rel;
-    /**
-     * If the label property is not sufficient to describe its use, add an aria-label describing what happens
-     * when pressing the button or where the user navigates if it is a link.
-     */
-    linkAriaLabel;
-    /**
-     * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it
-     * as a normal link, a link with href is rendered.
-     */
-    type = "link";
-    /**
-     * _blank	Opens the linked document in a new window or tab
-     *
-     * _self	Opens the linked document in the same frame as it was clicked (this is default)
-     *
-     * _parent	Opens the linked document in the parent frame
-     *
-     * _top	Opens the linked document in the full body of the window
-     *
-     * _framename	Opens the linked document in the named iframe
-     */
-    target = "_self";
-    /**
-     * Only sent if the link is a button.
-     */
-    scoutLinkClick;
-    render() {
-        if (this.type === "button") {
-            return (h("button", { type: "button", "aria-label": this.linkAriaLabel || "", onClick: () => this.scoutLinkClick.emit() }, this.label));
-        }
-        if (!this.href) {
-            throw new Error("Href is requied when type is set to link");
-        }
-        return (h("a", { href: this.href, target: this.target, "aria-label": this.linkAriaLabel || "", rel: 
-            // This might not be our job, but better safe than sorry.
-            this.rel ??
-                (this.target === "_blank" ? "noopener noreferrer" : undefined) }, this.label));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return linkCss; }
-}, [785, "scout-link", {
-        "href": [1],
-        "label": [1],
-        "rel": [1],
-        "linkAriaLabel": [1, "link-aria-label"],
-        "type": [1],
-        "target": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutLink$1);
-            }
-            break;
-    } });
-}
-
-const ScoutLink = ScoutLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutLink, defineCustomElement };
-//# sourceMappingURL=scout-link.js.map
-
-//# sourceMappingURL=scout-link.js.map
+import{p as t,H as e,c as r,h as n,t as o}from"./p-CmHrcz9s.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scoutLinkClick=r(this,"scoutLinkClick")}href;label;rel;linkAriaLabel;type="link";target="_self";scoutLinkClick;render(){if("button"===this.type)return n("button",{type:"button","aria-label":this.linkAriaLabel||"",onClick:()=>this.scoutLinkClick.emit()},this.label);if(!this.href)throw Error("Href is requied when type is set to link");return n("a",{href:this.href,target:this.target,"aria-label":this.linkAriaLabel||"",rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)},this.label)}static get delegatesFocus(){return!0}static get style(){return":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}"}},[529,"scout-link",{href:[1],label:[1],rel:[1],linkAriaLabel:[1,"link-aria-label"],type:[1],target:[1]}]),s=i,a=function(){"undefined"!=typeof customElements&&["scout-link"].forEach((t=>{"scout-link"===t&&(customElements.get(o(t))||customElements.define(o(t),i))}))};export{s as ScoutLink,a as defineCustomElement}

package/dist/components/scout-list-view-item.js

@@ -1,108 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fr5CaUFu.js';
-import { d as defineCustomElement$3 } from './p-CLzh39Ll.js';
-import { d as defineCustomElement$2 } from './p-4RT-nIeK.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 ScoutListViewItem$1 = /*@__PURE__*/ proxyCustomElement(class ScoutListViewItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutClick = createEvent(this, "scoutClick");
-    }
-    icon;
-    primary;
-    secondary;
-    type = "button";
-    href;
-    target;
-    rel;
-    name;
-    value;
-    checked;
-    disabled;
-    scoutClick;
-    render() {
-        const Tag = this.type === "link"
-            ? "a"
-            : this.type === "radio" || this.type === "checkbox"
-                ? "label"
-                : "button";
-        const linkProps = this.type === "link"
-            ? {
-                href: this.href,
-                target: this.target,
-                // This might not be our job, but better safe than sorry.
-                rel: this.rel ??
-                    (this.target === "_blank" ? "noopener noreferrer" : undefined),
-            }
-            : {};
-        return (h(Host, { key: '329bcf60c9b9df6af329d833500b673f3de7e0ff', role: "listitem" }, h(Tag, { key: '864c0c388e72a544afac7b73dc715fc992f913aa', class: "button", ...linkProps, onClick: () => this.scoutClick.emit() }, this.getPrefix(), this.getContent(), this.getSuffix())));
-    }
-    getPrefix() {
-        if (!this.icon) {
-            return null;
-        }
-        return h("div", { class: "prefix-icon", innerHTML: this.icon });
-    }
-    getContent() {
-        return (h("div", { class: "content" }, this.primary && h("div", { class: "primary" }, this.primary), this.secondary && h("div", { class: "secondary" }, this.secondary)));
-    }
-    getSuffix() {
-        if (this.type === "radio") {
-            return (h("scout-radio-button", { name: this.name, value: this.value, checked: this.checked, disabled: this.disabled }));
-        }
-        if (this.type === "checkbox") {
-            return (h("scout-checkbox", { name: this.name, value: this.value, checked: this.checked, disabled: this.disabled }));
-        }
-        return null;
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return listViewItemCss; }
-}, [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]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-list-view-item", "scout-checkbox", "scout-radio-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-list-view-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutListViewItem$1);
-            }
-            break;
-        case "scout-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "scout-radio-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ScoutListViewItem = ScoutListViewItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutListViewItem, defineCustomElement };
-//# sourceMappingURL=scout-list-view-item.js.map
-
-//# sourceMappingURL=scout-list-view-item.js.map
+import{p as t,H as e,c as i,h as s,d as o,t as r}from"./p-CmHrcz9s.js";import{d as c}from"./p-CToGnlms.js";import{d as n}from"./p-FVW0-50y.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scoutClick=i(this,"scoutClick")}icon;primary;secondary;type="button";href;target;rel;name;value;checked;disabled;scoutClick;render(){return s(o,{key:"329bcf60c9b9df6af329d833500b673f3de7e0ff",role:"listitem"},s("link"===this.type?"a":"radio"===this.type||"checkbox"===this.type?"label":"button",{key:"864c0c388e72a544afac7b73dc715fc992f913aa",class:"button",..."link"===this.type?{href:this.href,target:this.target,rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)}:{},onClick:()=>this.scoutClick.emit()},this.getPrefix(),this.getContent(),this.getSuffix()))}getPrefix(){return this.icon?s("div",{class:"prefix-icon",innerHTML:this.icon}):null}getContent(){return s("div",{class:"content"},this.primary&&s("div",{class:"primary"},this.primary),this.secondary&&s("div",{class:"secondary"},this.secondary))}getSuffix(){return"radio"===this.type?s("scout-radio-button",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):"checkbox"===this.type?s("scout-checkbox",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):null}static get delegatesFocus(){return!0}static get style(){return":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)}"}},[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]}]),l=a,d=function(){"undefined"!=typeof customElements&&["scout-list-view-item","scout-checkbox","scout-radio-button"].forEach((t=>{switch(t){case"scout-list-view-item":customElements.get(r(t))||customElements.define(r(t),a);break;case"scout-checkbox":customElements.get(r(t))||c();break;case"scout-radio-button":customElements.get(r(t))||n()}}))};export{l as ScoutListViewItem,d as defineCustomElement}