@scouterna/ui-webc 2.2.0 → 2.2.2

package/dist/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-17T17:56:47",
+  "timestamp": "2026-01-03T14:23:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -283,7 +283,7 @@
     },
     {
       "filePath": "src/components/button/button.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "scoped",
       "tag": "scout-button",
       "readme": "# scout-button\n\n\n",
       "docs": "A simple button component.",
@@ -365,6 +365,40 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "iconPosition",
+          "type": "\"after\" | \"before\"",
+          "complexType": {
+            "original": "\"before\" | \"after\"",
+            "resolved": "\"after\" | \"before\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon-position",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"after\""
+            }
+          ],
+          "default": "\"after\"",
+          "values": [
+            {
+              "value": "after",
+              "type": "string"
+            },
+            {
+              "value": "before",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "rel",
           "type": "string",
@@ -686,6 +720,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "validate",
+          "type": "(value: string) => string",
+          "complexType": {
+            "original": "(value: string) => string | null",
+            "resolved": "(value: string) => string",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Custom validation function run on top of the implicit validation performed\nby the browser. Return a string with the validation message to mark the\ninput as invalid, or null to mark it as valid.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(value: string) => string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -713,7 +769,7 @@
       "methods": [],
       "events": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "detail": "string",
           "bubbles": true,
           "complexType": {
@@ -726,6 +782,53 @@
           "docs": "Internal event used for form field association.",
           "docsTags": []
         },
+        {
+          "event": "_scoutInvalid",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "_scoutValidate",
+          "detail": "{ element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ element: HTMLElement }",
+            "resolved": "{ element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "scoutBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "scoutChecked",
           "detail": "{ checked: boolean; element: HTMLInputElement; }",
@@ -744,6 +847,25 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "scoutInputChange",
+          "detail": "{ value: string; element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n      value: string;\n      element: HTMLElement;\n    }",
+            "resolved": "{ value: string; element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -839,12 +961,12 @@
       "events": [],
       "listeners": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "capture": false,
           "passive": false
         },
         {
-          "event": "scoutInputChange",
+          "event": "_scoutValidate",
           "capture": false,
           "passive": false
         },
@@ -852,6 +974,11 @@
           "event": "scoutBlur",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "_scoutInvalid",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -1120,7 +1247,7 @@
       "methods": [],
       "events": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "detail": "string",
           "bubbles": true,
           "complexType": {
@@ -1133,6 +1260,39 @@
           "docs": "Internal event used for form field association.",
           "docsTags": []
         },
+        {
+          "event": "_scoutInvalid",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "_scoutValidate",
+          "detail": "{ element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ element: HTMLElement }",
+            "resolved": "{ element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
         {
           "event": "scoutBlur",
           "detail": "void",
@@ -1149,15 +1309,15 @@
         },
         {
           "event": "scoutInputChange",
-          "detail": "{ value: string; element: HTMLInputElement; }",
+          "detail": "{ value: string; element: HTMLElement; }",
           "bubbles": true,
           "complexType": {
-            "original": "{\n    value: string;\n    element: HTMLInputElement;\n  }",
-            "resolved": "{ value: string; element: HTMLInputElement; }",
+            "original": "{\n      value: string;\n      element: HTMLElement;\n    }",
+            "resolved": "{ value: string; element: HTMLElement; }",
             "references": {
-              "HTMLInputElement": {
+              "HTMLElement": {
                 "location": "global",
-                "id": "global::HTMLInputElement"
+                "id": "global::HTMLElement"
               }
             }
           },
@@ -2028,6 +2188,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "validate",
+          "type": "(value: string) => string",
+          "complexType": {
+            "original": "(value: string) => string | null",
+            "resolved": "(value: string) => string",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Custom validation function run on top of the implicit validation performed\nby the browser. Return a string with the validation message to mark the\ninput as invalid, or null to mark it as valid.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(value: string) => string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "value",
           "type": "string",
@@ -2055,7 +2237,7 @@
       "methods": [],
       "events": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "detail": "string",
           "bubbles": true,
           "complexType": {
@@ -2068,6 +2250,53 @@
           "docs": "Internal event used for form field association.",
           "docsTags": []
         },
+        {
+          "event": "_scoutInvalid",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "_scoutValidate",
+          "detail": "{ element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ element: HTMLElement }",
+            "resolved": "{ element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "scoutBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "scoutChecked",
           "detail": "{ checked: boolean; element: HTMLInputElement; }",
@@ -2086,6 +2315,25 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "scoutInputChange",
+          "detail": "{ value: string; element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n      value: string;\n      element: HTMLElement;\n    }",
+            "resolved": "{ value: string; element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -2173,7 +2421,7 @@
           },
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "Custom validation function run on top of the implicit validation performed\nby the browser. Return a string with the validation message to mark the\nselect as invalid, or null to mark it as valid.",
+          "docs": "Custom validation function run on top of the implicit validation performed\nby the browser. Return a string with the validation message to mark the\ninput as invalid, or null to mark it as valid.",
           "docsTags": [],
           "values": [
             {
@@ -2218,7 +2466,7 @@
       "methods": [],
       "events": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "detail": "string",
           "bubbles": true,
           "complexType": {
@@ -2231,6 +2479,39 @@
           "docs": "Internal event used for form field association.",
           "docsTags": []
         },
+        {
+          "event": "_scoutInvalid",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "_scoutValidate",
+          "detail": "{ element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ element: HTMLElement }",
+            "resolved": "{ element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
         {
           "event": "scoutBlur",
           "detail": "void",
@@ -2247,15 +2528,15 @@
         },
         {
           "event": "scoutInputChange",
-          "detail": "{ value: string; element: HTMLSelectElement; }",
+          "detail": "{ value: string; element: HTMLElement; }",
           "bubbles": true,
           "complexType": {
-            "original": "{\n    value: string;\n    element: HTMLSelectElement;\n  }",
-            "resolved": "{ value: string; element: HTMLSelectElement; }",
+            "original": "{\n      value: string;\n      element: HTMLElement;\n    }",
+            "resolved": "{ value: string; element: HTMLElement; }",
             "references": {
-              "HTMLSelectElement": {
+              "HTMLElement": {
                 "location": "global",
-                "id": "global::HTMLSelectElement"
+                "id": "global::HTMLElement"
               }
             }
           },
@@ -2501,12 +2782,34 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "validate",
+          "type": "(value: string) => string",
+          "complexType": {
+            "original": "(value: string) => string | null",
+            "resolved": "(value: string) => string",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Custom validation function run on top of the implicit validation performed\nby the browser. Return a string with the validation message to mark the\ninput as invalid, or null to mark it as valid.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(value: string) => string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
       "events": [
         {
-          "event": "_fieldId",
+          "event": "_scoutFieldId",
           "detail": "string",
           "bubbles": true,
           "complexType": {
@@ -2520,12 +2823,59 @@
           "docsTags": []
         },
         {
-          "event": "scoutSwitchToggled",
-          "detail": "{ toggled: boolean; element: HTMLInputElement; }",
+          "event": "_scoutInvalid",
+          "detail": "void",
           "bubbles": true,
           "complexType": {
-            "original": "{\n    toggled: boolean;\n    element: HTMLInputElement;\n  }",
-            "resolved": "{ toggled: boolean; element: HTMLInputElement; }",
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "_scoutValidate",
+          "detail": "{ element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ element: HTMLElement }",
+            "resolved": "{ element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Internal event used for form field validation.",
+          "docsTags": []
+        },
+        {
+          "event": "scoutBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "scoutChecked",
+          "detail": "{ checked: boolean; element: HTMLInputElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    checked: boolean;\n    element: HTMLInputElement;\n  }",
+            "resolved": "{ checked: boolean; element: HTMLInputElement; }",
             "references": {
               "HTMLInputElement": {
                 "location": "global",
@@ -2537,6 +2887,25 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "scoutInputChange",
+          "detail": "{ value: string; element: HTMLElement; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n      value: string;\n      element: HTMLElement;\n    }",
+            "resolved": "{ value: string; element: HTMLElement; }",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],

package/dist/esm/{index-Cp4mWtfs.js → index-ksA_9NPe.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'ui-webc';
 const BUILD = /* ui-webc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = ":root{--misc-color-annotations:#ff00ff;--color-blue-50:#e6eeff;--color-blue-100:#d0e0ff;--color-blue-200:#9cc3ff;--color-blue-300:#58a6ff;--color-blue-400:#0087e3;--color-blue-500:#006bb5;--color-blue-600:#00508a;--color-blue-700:#003660;--color-blue-800:#002748;--color-blue-900:#00162d;--color-blue-950:#000f21;--color-neutral-50:#ebf1f7;--color-neutral-100:#d7e4f0;--color-neutral-200:#b1cde3;--color-neutral-300:#87b3d4;--color-neutral-400:#749bb7;--color-neutral-500:#608199;--color-neutral-600:#4c667a;--color-neutral-700:#374b5a;--color-neutral-800:#25343f;--color-neutral-900:#131d24;--color-neutral-950:#0a1217;--color-white:#ffffff;--color-challengerpink-50:#fff0f2;--color-challengerpink-100:#ffdde3;--color-challengerpink-200:#ffbac7;--color-challengerpink-300:#ff93ab;--color-challengerpink-400:#ff668e;--color-challengerpink-500:#ff1271;--color-challengerpink-600:#da005e;--color-challengerpink-700:#a60046;--color-challengerpink-800:#72002e;--color-challengerpink-900:#470019;--color-challengerpink-950:#30000f;--color-orange-50:#fffbeb;--color-orange-100:#fef3c7;--color-orange-200:#fde68a;--color-orange-300:#fcd34d;--color-orange-400:#fbbf24;--color-orange-500:#f59e0b;--color-orange-600:#d97706;--color-orange-700:#b45309;--color-orange-800:#92400e;--color-orange-900:#78350f;--color-orange-950:#451a03;--color-gray-50:#f3f3f4;--color-gray-100:#e5e5e6;--color-gray-200:#cbccce;--color-gray-300:#b2b3b6;--color-gray-400:#9c9ea1;--color-gray-500:#85868a;--color-gray-600:#6e7073;--color-gray-700:#585a5c;--color-gray-800:#444547;--color-gray-900:#252627;--color-gray-950:#151616;--color-discovererblue-50:#eaf5ff;--color-discovererblue-100:#cde9ff;--color-discovererblue-200:#92d4ff;--color-discovererblue-300:#1ec0ff;--color-discovererblue-400:#00a8e1;--color-discovererblue-500:#008bbb;--color-discovererblue-600:#006d94;--color-discovererblue-700:#01516f;--color-discovererblue-800:#00394f;--color-discovererblue-900:#00202f;--color-discovererblue-950:#00131d;--color-trackergreen-50:#ccfec6;--color-trackergreen-100:#85fd72;--color-trackergreen-200:#5be23d;--color-trackergreen-300:#4ec333;--color-trackergreen-400:#41a629;--color-trackergreen-500:#348821;--color-trackergreen-600:#286c18;--color-trackergreen-700:#1c5110;--color-trackergreen-800:#113808;--color-trackergreen-900:#072103;--color-trackergreen-950:#031501;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c950;--color-green-600:#00a63e;--color-green-700:#008236;--color-green-800:#016630;--color-green-900:#0d542b;--color-green-950:#032e15;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffc9c9;--color-red-300:#ffa2a2;--color-red-400:#ff6467;--color-red-500:#fb2c36;--color-red-600:#e7000b;--color-red-700:#c10007;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-black:#000000;--color-roveryellow-50:#fffd62;--color-roveryellow-100:#f4f203;--color-roveryellow-200:#e2e000;--color-roveryellow-300:#c3c100;--color-roveryellow-400:#a4a300;--color-roveryellow-500:#878500;--color-roveryellow-600:#6a6900;--color-roveryellow-700:#515000;--color-roveryellow-800:#373700;--color-roveryellow-900:#1f1f00;--color-roveryellow-950:#121200;--color-adventurerorange-50:#fff1ee;--color-adventurerorange-100:#fee2dd;--color-adventurerorange-200:#fec0b4;--color-adventurerorange-300:#fda18b;--color-adventurerorange-400:#fd7a4c;--color-adventurerorange-500:#e95f13;--color-adventurerorange-600:#b94a0d;--color-adventurerorange-700:#8e3708;--color-adventurerorange-800:#622303;--color-adventurerorange-900:#3c1301;--color-adventurerorange-950:#280a01;--fontsize-base:16px;--fontfamily-sans:\"Source Sans 3 Variable\", sans-serif;--spacing-base:4px;--color-text-caution-base:var(--color-orange-700);--color-text-caution-bold-base:var(--color-orange-50);--color-text-brand-base:var(--color-blue-700);--color-text-brand-inverse:var(--color-white);--color-text-danger-base:var(--color-red-700);--color-text-danger-bold-base:var(--color-red-50);--color-text-positive-bold-base:var(--color-green-50);--color-text-positive-base:var(--color-green-700);--color-text-base:var(--color-neutral-800);--color-background-danger-base:var(--color-red-100);--color-background-danger-bold-base:var(--color-red-700);--color-background-danger-bold-hovered:var(--color-red-800);--color-background-danger-bold-pressed:var(--color-red-900);--color-background-brand-subtle-hovered:var(--color-blue-50);--color-background-brand-subtle-pressed:var(--color-blue-100);--color-background-brand-subtle-base:var(--color-blue-700);--color-background-brand-hovered:var(--color-blue-800);--color-background-brand-pressed:var(--color-blue-900);--color-background-brand-base:var(--color-blue-700);--color-background-positive-base:var(--color-green-100);--color-background-positive-bold-base:var(--color-green-700);--color-background-positive-bold-hovered:var(--color-green-800);--color-background-positive-bold-pressed:var(--color-green-900);--color-background-caution-base:var(--color-orange-100);--color-background-caution-bold-base:var(--color-orange-700);--color-background-caution-bold-hovered:var(--color-orange-800);--color-background-caution-bold-pressed:var(--color-orange-900);--fontsize-lg:calc(var(--fontsize-base)*1.125);--fontsize-sm:calc(var(--fontsize-base)*0.875);--fontsize-xs:calc(var(--fontsize-base)*0.75);--fontsize-3xl:calc(var(--fontsize-base)*1.875);--fontsize-4xl:calc(var(--fontsize-base)*2.25);--fontsize-2xl:calc(var(--fontsize-base)*1.5);--fontsize-xl:calc(var(--fontsize-base)*1.25);--fontsize-6xl:calc(var(--fontsize-base)*3.75);--fontsize-5xl:calc(var(--fontsize-base)*3);--spacing-1:calc(var(--spacing-base)*1);--spacing-2:calc(var(--spacing-base)*2);--spacing-3:calc(var(--spacing-base)*3);--spacing-4:calc(var(--spacing-base)*4);--spacing-5:calc(var(--spacing-base)*5);--spacing-6:calc(var(--spacing-base)*6);--spacing-7:calc(var(--spacing-base)*7);--spacing-8:calc(var(--spacing-base)*8);--spacing-10:calc(var(--spacing-base)*10);--spacing-11:calc(var(--spacing-base)*11);--spacing-12:calc(var(--spacing-base)*12);--spacing-14:calc(var(--spacing-base)*14);--spacing-16:calc(var(--spacing-base)*16);--spacing-17:calc(var(--spacing-base)*17);--spacing-18:calc(var(--spacing-base)*18);--spacing-20:calc(var(--spacing-base)*20);--spacing-24:calc(var(--spacing-base)*24);--spacing-28:calc(var(--spacing-base)*28);--spacing-32:calc(var(--spacing-base)*32);--spacing-36:calc(var(--spacing-base)*36);--spacing-40:calc(var(--spacing-base)*40);--spacing-48:calc(var(--spacing-base)*48);--spacing-52:calc(var(--spacing-base)*52);--spacing-56:calc(var(--spacing-base)*56);--spacing-60:calc(var(--spacing-base)*60);--spacing-64:calc(var(--spacing-base)*64);--spacing-72:calc(var(--spacing-base)*72);--spacing-80:calc(var(--spacing-base)*80);--spacing-96:calc(var(--spacing-base)*96);--spacing-180:calc(var(--spacing-base)*180);--spacing-195:calc(var(--spacing-base)*195);--spacing-212:calc(var(--spacing-base)*212);--spacing-380:calc(var(--spacing-base)*380);--type-body-base:400 var(--fontsize-base)/1.5 var(--fontfamily-sans);--type-body-sm:400 var(--fontsize-sm)/1.5 var(--fontfamily-sans);--type-body-lg:400 var(--fontsize-lg)/1.5 var(--fontfamily-sans);--type-body-xl:400 var(--fontsize-xl)/1.5 var(--fontfamily-sans);--type-body-2xl:400 var(--fontsize-2xl)/1.5 var(--fontfamily-sans);--type-heading-xl:600 var(--fontsize-6xl)/1.2 var(--fontfamily-sans);--type-heading-lg:600 var(--fontsize-5xl)/1.2 var(--fontfamily-sans);--type-heading-base:600 var(--fontsize-4xl)/1.2 var(--fontfamily-sans);--type-heading-sm:600 var(--fontsize-3xl)/1.2 var(--fontfamily-sans);--type-heading-xs:600 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-base:400 var(--fontsize-base)/1.2 var(--fontfamily-sans);--type-label-2xl:400 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-lg:400 var(--fontsize-lg)/1.2 var(--fontfamily-sans);--type-label-sm:400 var(--fontsize-sm)/1.2 var(--fontfamily-sans);--type-label-xl:400 var(--fontsize-xl)/1.2 var(--fontfamily-sans)}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}.scout-type-body-base{font:400 16px/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base)}.scout-type-body-sm{font:400 calc(16px*0.875)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-sm)}.scout-type-body-lg{font:400 calc(16px*1.125)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-lg)}.scout-type-body-xl{font:400 calc(16px*1.25)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-xl)}.scout-type-body-2xl{font:400 calc(16px*1.5)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-2xl)}.scout-type-heading-xl{font:600 calc(16px*3.75)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xl)}.scout-type-heading-lg{font:600 calc(16px*3)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-lg)}.scout-type-heading-base{font:600 calc(16px*2.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-base)}.scout-type-heading-sm{font:600 calc(16px*1.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-sm)}.scout-type-heading-xs{font:600 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xs)}.scout-type-label-base{font:400 16px/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-base)}.scout-type-label-2xl{font:400 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-2xl)}.scout-type-label-lg{font:400 calc(16px*1.125)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-lg)}.scout-type-label-sm{font:400 calc(16px*0.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-sm)}.scout-type-label-xl{font:400 calc(16px*1.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-xl)}:root{font-family:\"Source Sans 3 Variable\", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}";
+const globalStyles = ":root{--misc-color-annotations:#ff00ff;--color-blue-50:#e6eeff;--color-blue-100:#d0e0ff;--color-blue-200:#9cc3ff;--color-blue-300:#58a6ff;--color-blue-400:#0087e3;--color-blue-500:#006bb5;--color-blue-600:#00508a;--color-blue-700:#003660;--color-blue-800:#002748;--color-blue-900:#00162d;--color-blue-950:#000f21;--color-neutral-50:#ebf1f7;--color-neutral-100:#d7e4f0;--color-neutral-200:#b1cde3;--color-neutral-300:#87b3d4;--color-neutral-400:#749bb7;--color-neutral-500:#608199;--color-neutral-600:#4c667a;--color-neutral-700:#374b5a;--color-neutral-800:#25343f;--color-neutral-900:#131d24;--color-neutral-950:#0a1217;--color-white:#ffffff;--color-challengerpink-50:#fff0f2;--color-challengerpink-100:#ffdde3;--color-challengerpink-200:#ffbac7;--color-challengerpink-300:#ff93ab;--color-challengerpink-400:#ff668e;--color-challengerpink-500:#ff1271;--color-challengerpink-600:#da005e;--color-challengerpink-700:#a60046;--color-challengerpink-800:#72002e;--color-challengerpink-900:#470019;--color-challengerpink-950:#30000f;--color-orange-50:#fffbeb;--color-orange-100:#fef3c7;--color-orange-200:#fde68a;--color-orange-300:#fcd34d;--color-orange-400:#fbbf24;--color-orange-500:#f59e0b;--color-orange-600:#d97706;--color-orange-700:#b45309;--color-orange-800:#92400e;--color-orange-900:#78350f;--color-orange-950:#451a03;--color-gray-50:#f3f3f4;--color-gray-100:#e5e5e6;--color-gray-200:#cbccce;--color-gray-300:#b2b3b6;--color-gray-400:#9c9ea1;--color-gray-500:#85868a;--color-gray-600:#6e7073;--color-gray-700:#585a5c;--color-gray-800:#444547;--color-gray-900:#252627;--color-gray-950:#151616;--color-discovererblue-50:#eaf5ff;--color-discovererblue-100:#cde9ff;--color-discovererblue-200:#92d4ff;--color-discovererblue-300:#1ec0ff;--color-discovererblue-400:#00a8e1;--color-discovererblue-500:#008bbb;--color-discovererblue-600:#006d94;--color-discovererblue-700:#01516f;--color-discovererblue-800:#00394f;--color-discovererblue-900:#00202f;--color-discovererblue-950:#00131d;--color-trackergreen-50:#ccfec6;--color-trackergreen-100:#85fd72;--color-trackergreen-200:#5be23d;--color-trackergreen-300:#4ec333;--color-trackergreen-400:#41a629;--color-trackergreen-500:#348821;--color-trackergreen-600:#286c18;--color-trackergreen-700:#1c5110;--color-trackergreen-800:#113808;--color-trackergreen-900:#072103;--color-trackergreen-950:#031501;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c950;--color-green-600:#00a63e;--color-green-700:#008236;--color-green-800:#016630;--color-green-900:#0d542b;--color-green-950:#032e15;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffc9c9;--color-red-300:#ffa2a2;--color-red-400:#ff6467;--color-red-500:#fb2c36;--color-red-600:#e7000b;--color-red-700:#c10007;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-black:#000000;--color-roveryellow-50:#fffd62;--color-roveryellow-100:#f4f203;--color-roveryellow-200:#e2e000;--color-roveryellow-300:#c3c100;--color-roveryellow-400:#a4a300;--color-roveryellow-500:#878500;--color-roveryellow-600:#6a6900;--color-roveryellow-700:#515000;--color-roveryellow-800:#373700;--color-roveryellow-900:#1f1f00;--color-roveryellow-950:#121200;--color-adventurerorange-50:#fff1ee;--color-adventurerorange-100:#fee2dd;--color-adventurerorange-200:#fec0b4;--color-adventurerorange-300:#fda18b;--color-adventurerorange-400:#fd7a4c;--color-adventurerorange-500:#e95f13;--color-adventurerorange-600:#b94a0d;--color-adventurerorange-700:#8e3708;--color-adventurerorange-800:#622303;--color-adventurerorange-900:#3c1301;--color-adventurerorange-950:#280a01;--fontsize-base:1rem;--fontfamily-sans:\"Source Sans 3 Variable\", sans-serif;--spacing-base:0.25rem;--color-text-caution-base:var(--color-orange-700);--color-text-caution-bold-base:var(--color-orange-50);--color-text-brand-base:var(--color-blue-700);--color-text-brand-inverse:var(--color-white);--color-text-danger-base:var(--color-red-700);--color-text-danger-bold-base:var(--color-red-50);--color-text-positive-bold-base:var(--color-green-50);--color-text-positive-base:var(--color-green-700);--color-text-base:var(--color-neutral-800);--color-background-danger-base:var(--color-red-100);--color-background-danger-bold-base:var(--color-red-700);--color-background-danger-bold-hovered:var(--color-red-800);--color-background-danger-bold-pressed:var(--color-red-900);--color-background-brand-subtle-hovered:var(--color-blue-50);--color-background-brand-subtle-pressed:var(--color-blue-100);--color-background-brand-subtle-base:var(--color-blue-700);--color-background-brand-hovered:var(--color-blue-800);--color-background-brand-pressed:var(--color-blue-900);--color-background-brand-base:var(--color-blue-700);--color-background-positive-base:var(--color-green-100);--color-background-positive-bold-base:var(--color-green-700);--color-background-positive-bold-hovered:var(--color-green-800);--color-background-positive-bold-pressed:var(--color-green-900);--color-background-caution-base:var(--color-orange-100);--color-background-caution-bold-base:var(--color-orange-700);--color-background-caution-bold-hovered:var(--color-orange-800);--color-background-caution-bold-pressed:var(--color-orange-900);--fontsize-lg:calc(var(--fontsize-base)*1.125);--fontsize-sm:calc(var(--fontsize-base)*0.875);--fontsize-xs:calc(var(--fontsize-base)*0.75);--fontsize-3xl:calc(var(--fontsize-base)*1.875);--fontsize-4xl:calc(var(--fontsize-base)*2.25);--fontsize-2xl:calc(var(--fontsize-base)*1.5);--fontsize-xl:calc(var(--fontsize-base)*1.25);--fontsize-6xl:calc(var(--fontsize-base)*3.75);--fontsize-5xl:calc(var(--fontsize-base)*3);--spacing-1:calc(var(--spacing-base)*1);--spacing-2:calc(var(--spacing-base)*2);--spacing-3:calc(var(--spacing-base)*3);--spacing-4:calc(var(--spacing-base)*4);--spacing-5:calc(var(--spacing-base)*5);--spacing-6:calc(var(--spacing-base)*6);--spacing-7:calc(var(--spacing-base)*7);--spacing-8:calc(var(--spacing-base)*8);--spacing-10:calc(var(--spacing-base)*10);--spacing-11:calc(var(--spacing-base)*11);--spacing-12:calc(var(--spacing-base)*12);--spacing-14:calc(var(--spacing-base)*14);--spacing-16:calc(var(--spacing-base)*16);--spacing-17:calc(var(--spacing-base)*17);--spacing-18:calc(var(--spacing-base)*18);--spacing-20:calc(var(--spacing-base)*20);--spacing-24:calc(var(--spacing-base)*24);--spacing-28:calc(var(--spacing-base)*28);--spacing-32:calc(var(--spacing-base)*32);--spacing-36:calc(var(--spacing-base)*36);--spacing-40:calc(var(--spacing-base)*40);--spacing-48:calc(var(--spacing-base)*48);--spacing-52:calc(var(--spacing-base)*52);--spacing-56:calc(var(--spacing-base)*56);--spacing-60:calc(var(--spacing-base)*60);--spacing-64:calc(var(--spacing-base)*64);--spacing-72:calc(var(--spacing-base)*72);--spacing-80:calc(var(--spacing-base)*80);--spacing-96:calc(var(--spacing-base)*96);--spacing-180:calc(var(--spacing-base)*180);--spacing-195:calc(var(--spacing-base)*195);--spacing-212:calc(var(--spacing-base)*212);--spacing-380:calc(var(--spacing-base)*380);--type-body-base:400 var(--fontsize-base)/1.5 var(--fontfamily-sans);--type-body-sm:400 var(--fontsize-sm)/1.5 var(--fontfamily-sans);--type-body-lg:400 var(--fontsize-lg)/1.5 var(--fontfamily-sans);--type-body-xl:400 var(--fontsize-xl)/1.5 var(--fontfamily-sans);--type-body-2xl:400 var(--fontsize-2xl)/1.5 var(--fontfamily-sans);--type-heading-xl:600 var(--fontsize-6xl)/1.2 var(--fontfamily-sans);--type-heading-lg:600 var(--fontsize-5xl)/1.2 var(--fontfamily-sans);--type-heading-base:600 var(--fontsize-4xl)/1.2 var(--fontfamily-sans);--type-heading-sm:600 var(--fontsize-3xl)/1.2 var(--fontfamily-sans);--type-heading-xs:600 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-base:400 var(--fontsize-base)/1.2 var(--fontfamily-sans);--type-label-2xl:400 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-lg:400 var(--fontsize-lg)/1.2 var(--fontfamily-sans);--type-label-sm:400 var(--fontsize-sm)/1.2 var(--fontfamily-sans);--type-label-xl:400 var(--fontsize-xl)/1.2 var(--fontfamily-sans)}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}.scout-type-body-base{font:400 1rem/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base)}.scout-type-body-sm{font:400 calc(1rem*0.875)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-sm)}.scout-type-body-lg{font:400 calc(1rem*1.125)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-lg)}.scout-type-body-xl{font:400 calc(1rem*1.25)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-xl)}.scout-type-body-2xl{font:400 calc(1rem*1.5)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-2xl)}.scout-type-heading-xl{font:600 calc(1rem*3.75)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xl)}.scout-type-heading-lg{font:600 calc(1rem*3)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-lg)}.scout-type-heading-base{font:600 calc(1rem*2.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-base)}.scout-type-heading-sm{font:600 calc(1rem*1.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-sm)}.scout-type-heading-xs{font:600 calc(1rem*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xs)}.scout-type-label-base{font:400 1rem/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-base)}.scout-type-label-2xl{font:400 calc(1rem*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-2xl)}.scout-type-label-lg{font:400 calc(1rem*1.125)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-lg)}.scout-type-label-sm{font:400 calc(1rem*0.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-sm)}.scout-type-label-xl{font:400 calc(1rem*1.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-xl)}:root{font-family:\"Source Sans 3 Variable\", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}";
 
 /*
  Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
@@ -1940,11 +1940,16 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
   passive: (flags & 1 /* Passive */) !== 0,
   capture: (flags & 2 /* Capture */) !== 0
 } : (flags & 2 /* Capture */) !== 0;
+var baseClass = class {
+} ;
+function Mixin(...mixins) {
+  return mixins.reduceRight((acc, mixin) => mixin(acc), baseClass);
+}
 
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-Cp4mWtfs.js.map
+export { Host as H, Mixin as M, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+//# sourceMappingURL=index-ksA_9NPe.js.map
 
-//# sourceMappingURL=index-Cp4mWtfs.js.map
+//# sourceMappingURL=index-ksA_9NPe.js.map