@scouterna/ui-webc 2.2.4 → 2.2.6

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

@@ -1,85 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-fr5CaUFu.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 ScoutBottomBarItem$1 = /*@__PURE__*/ proxyCustomElement(class ScoutBottomBarItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutClick = createEvent(this, "scoutClick");
-    }
-    /**
-     * The type of the bottom bar item, either a button or a link.
-     */
-    type = "button";
-    /**
-     * An optional link to navigate to when the item is clicked. Only used when
-     * `type` is set to "link".
-     */
-    href;
-    target;
-    rel;
-    /**
-     * An icon to display above the label. Must be an SVG string.
-     */
-    icon;
-    /**
-     * The label to display below the icon.
-     */
-    label;
-    /**
-     * Whether the item is currently active. Should be set to true when the item
-     * represents the current page.
-     */
-    active;
-    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),
-            }
-            : {};
-        return (h(Tag, { key: '96f414836614c63073d7d4250e5d51e9b4f0fe18', class: clsx("button", this.active && "active"), onClick: () => this.scoutClick.emit(), ...props }, h("span", { key: '9a6715eb90b616aa62bd4120ff49aeb687d43d27', class: "icon", innerHTML: this.icon }), h("span", { key: 'b66e620d12e0da541e4b6366a2eb373383dff4b8', class: "label" }, this.label)));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return bottomBarItemCss; }
-}, [785, "scout-bottom-bar-item", {
-        "type": [1],
-        "href": [1],
-        "target": [1],
-        "rel": [1],
-        "icon": [1],
-        "label": [1],
-        "active": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-bottom-bar-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-bottom-bar-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutBottomBarItem$1);
-            }
-            break;
-    } });
-}
-
-const ScoutBottomBarItem = ScoutBottomBarItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutBottomBarItem, defineCustomElement };
-//# sourceMappingURL=scout-bottom-bar-item.js.map
-
-//# sourceMappingURL=scout-bottom-bar-item.js.map
+import{p as t,H as e,c as o,h as r,t as n}from"./p-CmHrcz9s.js";function s(t){var e,o,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t)){var n=t.length;for(e=0;e<n;e++)t[e]&&(o=s(t[e]))&&(r&&(r+=" "),r+=o)}else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function a(){for(var t,e,o=0,r="",n=arguments.length;o<n;o++)(t=arguments[o])&&(e=s(t))&&(r&&(r+=" "),r+=e);return r}const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scoutClick=o(this,"scoutClick")}type="button";href;target;rel;icon;label;active;scoutClick;render(){const t="link"===this.type?{href:this.href,target:this.target,rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)}:{};return r("link"===this.type?"a":"button",{key:"96f414836614c63073d7d4250e5d51e9b4f0fe18",class:a("button",this.active&&"active"),onClick:()=>this.scoutClick.emit(),...t},r("span",{key:"9a6715eb90b616aa62bd4120ff49aeb687d43d27",class:"icon",innerHTML:this.icon}),r("span",{key:"b66e620d12e0da541e4b6366a2eb373383dff4b8",class:"label"},this.label))}static get delegatesFocus(){return!0}static get style(){return":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}"}},[529,"scout-bottom-bar-item",{type:[1],href:[1],target:[1],rel:[1],icon:[1],label:[1],active:[4]}]),i=c,l=function(){"undefined"!=typeof customElements&&["scout-bottom-bar-item"].forEach((t=>{"scout-bottom-bar-item"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{i as ScoutBottomBarItem,l as defineCustomElement}

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 } from './p-fr5CaUFu.js';
-
-const buttonCss = ".sc-scout-button-h{display:inline-block}.button.sc-scout-button{flex:1;display:inline-flex;height:var(--spacing-10);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}.icon.sc-scout-button{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}.icon.sc-scout-button svg.sc-scout-button{width:100%;height:100%}.button.icon-only.sc-scout-button{aspect-ratio:1 / 1;justify-content:center;padding:0}.button.icon-only.sc-scout-button .icon.sc-scout-button{margin:0}.button.icon-only.sc-scout-button .content.sc-scout-button{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.button.primary.sc-scout-button{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}.button.primary.sc-scout-button:hover{background-color:var(--color-background-brand-hovered)}.button.primary.sc-scout-button:active{background-color:var(--color-background-brand-pressed)}.button.outlined.sc-scout-button{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}.button.outlined.sc-scout-button:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.outlined.sc-scout-button:active{background-color:var(--color-background-brand-subtle-pressed)}.button.text.sc-scout-button{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}.button.text.sc-scout-button:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.text.sc-scout-button:active{background-color:var(--color-background-brand-subtle-pressed)}.button.caution.sc-scout-button{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}.button.caution.sc-scout-button:hover{background-color:var(--color-background-caution-bold-hovered)}.button.caution.sc-scout-button:active{background-color:var(--color-background-caution-bold-pressed)}.button.danger.sc-scout-button{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}.button.danger.sc-scout-button:hover{background-color:var(--color-background-danger-bold-hovered)}.button.danger.sc-scout-button: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: '8f27b9e6a50427afef8d323212742f031f70db94', class: "icon", innerHTML: this.icon });
-        return (h(Tag, { key: '8f59580f38d9eafc86ac2ce9a0243cf94e1e87e0', class: `button ${this.variant} ${this.iconOnly ? "icon-only" : ""}`, onClick: () => this.scoutClick.emit(), ...props }, this.iconPosition === "before" && icon, h("span", { key: 'c6a68e20086b2da562324d4a15a973ba24fca90d', class: "content" }, h("slot", { key: '4d52b30c5addf5389494c994d91ab7f35a51d734' })), this.iconPosition === "after" && icon));
-    }
-    static get style() { return buttonCss; }
-}, [774, "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: 'ffeed5909a251bf61e750ebb575b278e90490945', class: "card" }, h("slot", { key: 'a8d457f36995146e722c2d53ddfb03f36848f6d1' })));
-    }
-    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-CwrP_ZZM.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: '78c9366fcd393e53b579481d31feafa643b63690' });
-    }
-    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: '9205b4607dc3805cb2df4434abf6fa3adc5ce63a', class: "field" }, h("label", { key: 'ac4a5e25d0e7742244a2e50c9627b77cedaf456a', htmlFor: this.inputId, class: "label" }, this.label), h("slot", { key: 'f1ec47e560f3ed6e528cefef95a21d3ca28232bb' }), h("p", { key: '2b6de5c916264287019f1cbd5c73966eff4a9bbd', class: "error-text", "aria-live": "polite" }, !this.errorHidden && this.errorText), this.helpText && h("p", { key: '7cb1582085194921f8dde1ecc138fa048cc6fd75', 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,76 +1 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h } from './p-fr5CaUFu.js';
-import { i as inputMixin } from './p-DaGMxK4K.js';
-
-const inputCss = ".input.sc-scout-input{height:var(--spacing-10);padding:var(--spacing-2);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)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}";
-
-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");
-    }
-    /**
-     * 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;
-    render() {
-        return (h("input", { key: '91a90ed63063ef5533308ff1cb61840aec0bb1d3', 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, onInput: () => this.onInput(), onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() }));
-    }
-    static get style() { return inputCss; }
-}, [770, "scout-input", {
-        "validate": [16],
-        "type": [1],
-        "inputmode": [1],
-        "pattern": [1],
-        "value": [1],
-        "name": [1],
-        "disabled": [4],
-        "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}