@scouterna/ui-webc 2.2.3 → 2.2.5

package/dist/esm/ui-webc.js

@@ -16,6 +16,6 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["scout-list-view-item",[[785,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[1],"href":[1],"target":[1],"rel":[1],"name":[1],"value":[1],"checked":[4]}]]],["scout-app-bar",[[785,"scout-app-bar",{"titleText":[1,"title-text"]}]]],["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[785,"scout-bottom-bar-item",{"type":[1],"href":[1],"target":[1],"rel":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[774,"scout-button",{"type":[1],"href":[1],"target":[1],"rel":[1],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[273,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[770,"scout-input",{"validate":[16],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"ariaId":[32]}]]],["scout-link",[[785,"scout-link",{"href":[1],"label":[1],"rel":[1],"linkAriaLabel":[1,"link-aria-label"],"type":[1],"target":[1]}]]],["scout-list-view",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["scout-list-view-subheader",[[785,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[769,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[785,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[770,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[770,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
+  return bootstrapLazy([["scout-list-view-item",[[785,"scout-list-view-item",{"icon":[1],"primary":[1],"secondary":[1],"type":[1],"href":[1],"target":[1],"rel":[1],"name":[1],"value":[1],"checked":[4],"disabled":[4]}]]],["scout-app-bar",[[785,"scout-app-bar",{"titleText":[1,"title-text"]}]]],["scout-bottom-bar",[[273,"scout-bottom-bar"]]],["scout-bottom-bar-item",[[785,"scout-bottom-bar-item",{"type":[1],"href":[1],"target":[1],"rel":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button",[[772,"scout-button",{"type":[1],"href":[1],"target":[1],"rel":[1],"variant":[1],"icon":[1],"iconPosition":[1,"icon-position"],"iconOnly":[4,"icon-only"]}]]],["scout-card",[[273,"scout-card"]]],["scout-divider",[[273,"scout-divider"]]],["scout-field",[[774,"scout-field",{"label":[1],"helpText":[1,"help-text"],"inputId":[32],"errorText":[32],"errorHidden":[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["scout-input",[[770,"scout-input",{"validate":[16],"size":[1],"variant":[1],"type":[1],"inputmode":[1],"pattern":[1],"value":[1],"name":[1],"disabled":[4],"placeholder":[1],"ariaId":[32]}]]],["scout-link",[[785,"scout-link",{"href":[1],"label":[1],"rel":[1],"linkAriaLabel":[1,"link-aria-label"],"type":[1],"target":[1]}]]],["scout-list-view",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["scout-list-view-subheader",[[785,"scout-list-view-subheader",{"text":[1],"headingLevel":[1,"heading-level"]}]]],["scout-loader",[[769,"scout-loader",{"text":[1],"size":[1]}]]],["scout-select",[[774,"scout-select",{"validate":[16],"value":[1],"disabled":[4],"name":[1],"ariaId":[32]}]]],["scout-stack",[[785,"scout-stack",{"direction":[1],"gapSize":[1,"gap-size"]}]]],["scout-switch",[[785,"scout-switch",{"validate":[16],"toggled":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"ariaId":[32]}]]],["scout-checkbox_2",[[770,"scout-checkbox",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}],[770,"scout-radio-button",{"validate":[16],"checked":[4],"disabled":[4],"ariaLabelledby":[1,"aria-labelledby"],"label":[1],"value":[1],"name":[1],"ariaId":[32]}]]]], options);
 });
 //# sourceMappingURL=ui-webc.js.map

package/dist/types/components/app-bar/app-bar.d.ts

@@ -1,3 +1,8 @@
+/**
+ * The App Bar component is used at the top of a page to display a title and
+ * optional prefix and suffix actions. It's typically used to provide a
+ * native-like navigation experience.
+ */
 export declare class ScoutAppBar {
     titleText?: string;
     render(): any;

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

@@ -1,7 +1,9 @@
 import { type EventEmitter } from "../../stencil-public-runtime";
 export type Variant = "primary" | "outlined" | "text" | "caution" | "danger";
 /**
- * A simple button component.
+ * A button component that can be used either as a normal button or as a link.
+ * Will render a `<button>` element when the `type` is set to "button",
+ * "submit", or "reset", and an `<a>` element when the `type` is set to "link".
  */
 export declare class ScoutButton {
     type: "button" | "submit" | "reset" | "link";

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

@@ -1,3 +1,8 @@
+/**
+ * The field component is used to wrap form fields with a label, help text, and
+ * error messages. It automatically captures validation events from its child
+ * input components and displays error messages accordingly.
+ */
 export declare class ScoutField {
     /**
      * Label shown above the field.

package/dist/types/components/list-view-item/list-view-item.d.ts

@@ -11,6 +11,7 @@ export declare class ScoutListViewItem {
     name?: string;
     value?: string;
     checked?: boolean;
+    disabled?: boolean;
     scoutClick: EventEmitter<void>;
     render(): any;
     private getPrefix;

package/dist/types/components.d.ts

@@ -16,6 +16,11 @@ export { InputMode, InputType } from "./components/input/input";
 export { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
 export { Direction, GapSize } from "./components/stack/stack";
 export namespace Components {
+    /**
+     * The App Bar component is used at the top of a page to display a title and
+     * optional prefix and suffix actions. It's typically used to provide a
+     * native-like navigation experience.
+     */
     interface ScoutAppBar {
         "titleText"?: string;
     }
@@ -55,7 +60,9 @@ export namespace Components {
         "type": ItemType;
     }
     /**
-     * A simple button component.
+     * A button component that can be used either as a normal button or as a link.
+     * Will render a `<button>` element when the `type` is set to "button",
+     * "submit", or "reset", and an `<a>` element when the `type` is set to "link".
      */
     interface ScoutButton {
         "href"?: string;
@@ -88,6 +95,12 @@ export namespace Components {
      */
     interface ScoutCard {
     }
+    /**
+     * The checkbox component is used to let users select one or more options from a
+     * set. For toggling a single option, consider using the Switch component
+     * instead. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface ScoutCheckbox {
         /**
           * Use this prop if you need to connect your checkbox with another element describing its use, other than the property label.
@@ -111,6 +124,11 @@ export namespace Components {
     }
     interface ScoutDivider {
     }
+    /**
+     * The field component is used to wrap form fields with a label, help text, and
+     * error messages. It automatically captures validation events from its child
+     * input components and displays error messages accordingly.
+     */
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -121,6 +139,12 @@ export namespace Components {
          */
         "label": string;
     }
+    /**
+     * The input component is a basic text input field that can be used to capture
+     * user input. It supports various types and input modes for different use
+     * cases. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface ScoutInput {
         /**
           * Whether the input is disabled. Disabled inputs are not editable, excluded from tab order and are not validated.
@@ -136,6 +160,15 @@ export namespace Components {
           * Regex pattern for input validation.
          */
         "pattern"?: string;
+        /**
+          * Placeholder text should rarely be used as it poses a lot of accessibility issues.
+         */
+        "placeholder"?: string;
+        /**
+          * 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.
+          * @default "medium"
+         */
+        "size": "medium" | "large";
         /**
           * 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
           * @default "text"
@@ -150,6 +183,11 @@ export namespace Components {
           * @default ""
          */
         "value": string;
+        /**
+          * 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.
+          * @default "default"
+         */
+        "variant": "default" | "elevated";
     }
     interface ScoutLink {
         /**
@@ -180,6 +218,7 @@ export namespace Components {
     }
     interface ScoutListViewItem {
         "checked"?: boolean;
+        "disabled"?: boolean;
         "href"?: string;
         "icon"?: string;
         "name"?: string;
@@ -207,6 +246,11 @@ export namespace Components {
         "size"?: "xs" | "sm" | "base" | "lg" | "xl";
         "text"?: string;
     }
+    /**
+     * The radio button component is used to let users select one option from a set.
+     * When used in a form, make sure to wrap it in a Field component to display a
+     * label, help text, and error messages.
+     */
     interface ScoutRadioButton {
         /**
           * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
@@ -228,6 +272,11 @@ export namespace Components {
         "validate"?: (value: string) => string | null;
         "value": string;
     }
+    /**
+     * The select component is a dropdown menu that allows users to select one
+     * option from a list. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface ScoutSelect {
         /**
           * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
@@ -257,6 +306,11 @@ export namespace Components {
          */
         "gapSize": GapSize;
     }
+    /**
+     * The switch component is used to toggle between two states, on and off.
+     * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -315,6 +369,11 @@ export interface ScoutSwitchCustomEvent<T> extends CustomEvent<T> {
     target: HTMLScoutSwitchElement;
 }
 declare global {
+    /**
+     * The App Bar component is used at the top of a page to display a title and
+     * optional prefix and suffix actions. It's typically used to provide a
+     * native-like navigation experience.
+     */
     interface HTMLScoutAppBarElement extends Components.ScoutAppBar, HTMLStencilElement {
     }
     var HTMLScoutAppBarElement: {
@@ -356,7 +415,9 @@ declare global {
         "scoutClick": void;
     }
     /**
-     * A simple button component.
+     * A button component that can be used either as a normal button or as a link.
+     * Will render a `<button>` element when the `type` is set to "button",
+     * "submit", or "reset", and an `<a>` element when the `type` is set to "link".
      */
     interface HTMLScoutButtonElement extends Components.ScoutButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutButtonElementEventMap>(type: K, listener: (this: HTMLScoutButtonElement, ev: ScoutButtonCustomEvent<HTMLScoutButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -395,6 +456,12 @@ declare global {
     element: HTMLInputElement;
   };
     }
+    /**
+     * The checkbox component is used to let users select one or more options from a
+     * set. For toggling a single option, consider using the Switch component
+     * instead. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface HTMLScoutCheckboxElement extends Components.ScoutCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutCheckboxElementEventMap>(type: K, listener: (this: HTMLScoutCheckboxElement, ev: ScoutCheckboxCustomEvent<HTMLScoutCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -415,6 +482,11 @@ declare global {
         prototype: HTMLScoutDividerElement;
         new (): HTMLScoutDividerElement;
     };
+    /**
+     * The field component is used to wrap form fields with a label, help text, and
+     * error messages. It automatically captures validation events from its child
+     * input components and displays error messages accordingly.
+     */
     interface HTMLScoutFieldElement extends Components.ScoutField, HTMLStencilElement {
     }
     var HTMLScoutFieldElement: {
@@ -431,6 +503,12 @@ declare global {
         "_scoutInvalid": void;
         "_scoutFieldId": string;
     }
+    /**
+     * The input component is a basic text input field that can be used to capture
+     * user input. It supports various types and input modes for different use
+     * cases. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface HTMLScoutInputElement extends Components.ScoutInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutInputElementEventMap>(type: K, listener: (this: HTMLScoutInputElement, ev: ScoutInputCustomEvent<HTMLScoutInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -511,6 +589,11 @@ declare global {
     element: HTMLInputElement;
   };
     }
+    /**
+     * The radio button component is used to let users select one option from a set.
+     * When used in a form, make sure to wrap it in a Field component to display a
+     * label, help text, and error messages.
+     */
     interface HTMLScoutRadioButtonElement extends Components.ScoutRadioButton, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutRadioButtonElementEventMap>(type: K, listener: (this: HTMLScoutRadioButtonElement, ev: ScoutRadioButtonCustomEvent<HTMLScoutRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -535,6 +618,11 @@ declare global {
         "_scoutInvalid": void;
         "_scoutFieldId": string;
     }
+    /**
+     * The select component is a dropdown menu that allows users to select one
+     * option from a list. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface HTMLScoutSelectElement extends Components.ScoutSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -569,6 +657,11 @@ declare global {
     element: HTMLInputElement;
   };
     }
+    /**
+     * The switch component is used to toggle between two states, on and off.
+     * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface HTMLScoutSwitchElement extends Components.ScoutSwitch, HTMLStencilElement {
         addEventListener<K extends keyof HTMLScoutSwitchElementEventMap>(type: K, listener: (this: HTMLScoutSwitchElement, ev: ScoutSwitchCustomEvent<HTMLScoutSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -605,6 +698,11 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    /**
+     * The App Bar component is used at the top of a page to display a title and
+     * optional prefix and suffix actions. It's typically used to provide a
+     * native-like navigation experience.
+     */
     interface ScoutAppBar {
         "titleText"?: string;
     }
@@ -645,7 +743,9 @@ declare namespace LocalJSX {
         "type"?: ItemType;
     }
     /**
-     * A simple button component.
+     * A button component that can be used either as a normal button or as a link.
+     * Will render a `<button>` element when the `type` is set to "button",
+     * "submit", or "reset", and an `<a>` element when the `type` is set to "link".
      */
     interface ScoutButton {
         "href"?: string;
@@ -679,6 +779,12 @@ declare namespace LocalJSX {
      */
     interface ScoutCard {
     }
+    /**
+     * The checkbox component is used to let users select one or more options from a
+     * set. For toggling a single option, consider using the Switch component
+     * instead. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface ScoutCheckbox {
         /**
           * Use this prop if you need to connect your checkbox with another element describing its use, other than the property label.
@@ -723,6 +829,11 @@ declare namespace LocalJSX {
     }
     interface ScoutDivider {
     }
+    /**
+     * The field component is used to wrap form fields with a label, help text, and
+     * error messages. It automatically captures validation events from its child
+     * input components and displays error messages accordingly.
+     */
     interface ScoutField {
         /**
           * Help text shown below the field.
@@ -733,6 +844,12 @@ declare namespace LocalJSX {
          */
         "label": string;
     }
+    /**
+     * The input component is a basic text input field that can be used to capture
+     * user input. It supports various types and input modes for different use
+     * cases. When used in a form, make sure to wrap it in a Field component to
+     * display a label, help text, and error messages.
+     */
     interface ScoutInput {
         /**
           * Whether the input is disabled. Disabled inputs are not editable, excluded from tab order and are not validated.
@@ -765,6 +882,15 @@ declare namespace LocalJSX {
           * Regex pattern for input validation.
          */
         "pattern"?: string;
+        /**
+          * Placeholder text should rarely be used as it poses a lot of accessibility issues.
+         */
+        "placeholder"?: string;
+        /**
+          * 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.
+          * @default "medium"
+         */
+        "size"?: "medium" | "large";
         /**
           * 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
           * @default "text"
@@ -779,6 +905,11 @@ declare namespace LocalJSX {
           * @default ""
          */
         "value"?: string;
+        /**
+          * 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.
+          * @default "default"
+         */
+        "variant"?: "default" | "elevated";
     }
     interface ScoutLink {
         /**
@@ -813,6 +944,7 @@ declare namespace LocalJSX {
     }
     interface ScoutListViewItem {
         "checked"?: boolean;
+        "disabled"?: boolean;
         "href"?: string;
         "icon"?: string;
         "name"?: string;
@@ -841,6 +973,11 @@ declare namespace LocalJSX {
         "size"?: "xs" | "sm" | "base" | "lg" | "xl";
         "text"?: string;
     }
+    /**
+     * The radio button component is used to let users select one option from a set.
+     * When used in a form, make sure to wrap it in a Field component to display a
+     * label, help text, and error messages.
+     */
     interface ScoutRadioButton {
         /**
           * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
@@ -883,6 +1020,11 @@ declare namespace LocalJSX {
         "validate"?: (value: string) => string | null;
         "value"?: string;
     }
+    /**
+     * The select component is a dropdown menu that allows users to select one
+     * option from a list. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface ScoutSelect {
         /**
           * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
@@ -929,6 +1071,11 @@ declare namespace LocalJSX {
          */
         "gapSize"?: GapSize;
     }
+    /**
+     * The switch component is used to toggle between two states, on and off.
+     * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field
+     * component to display a label, help text, and error messages.
+     */
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -995,6 +1142,11 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * The App Bar component is used at the top of a page to display a title and
+             * optional prefix and suffix actions. It's typically used to provide a
+             * native-like navigation experience.
+             */
             "scout-app-bar": LocalJSX.ScoutAppBar & JSXBase.HTMLAttributes<HTMLScoutAppBarElement>;
             /**
              * The bottom bar component is used in the Jamboree26 app to provide
@@ -1007,25 +1159,59 @@ declare module "@stencil/core" {
              */
             "scout-bottom-bar-item": LocalJSX.ScoutBottomBarItem & JSXBase.HTMLAttributes<HTMLScoutBottomBarItemElement>;
             /**
-             * A simple button component.
+             * A button component that can be used either as a normal button or as a link.
+             * Will render a `<button>` element when the `type` is set to "button",
+             * "submit", or "reset", and an `<a>` element when the `type` is set to "link".
              */
             "scout-button": LocalJSX.ScoutButton & JSXBase.HTMLAttributes<HTMLScoutButtonElement>;
             /**
              * A general surface to hold various types of content.
              */
             "scout-card": LocalJSX.ScoutCard & JSXBase.HTMLAttributes<HTMLScoutCardElement>;
+            /**
+             * The checkbox component is used to let users select one or more options from a
+             * set. For toggling a single option, consider using the Switch component
+             * instead. When used in a form, make sure to wrap it in a Field component to
+             * display a label, help text, and error messages.
+             */
             "scout-checkbox": LocalJSX.ScoutCheckbox & JSXBase.HTMLAttributes<HTMLScoutCheckboxElement>;
             "scout-divider": LocalJSX.ScoutDivider & JSXBase.HTMLAttributes<HTMLScoutDividerElement>;
+            /**
+             * The field component is used to wrap form fields with a label, help text, and
+             * error messages. It automatically captures validation events from its child
+             * input components and displays error messages accordingly.
+             */
             "scout-field": LocalJSX.ScoutField & JSXBase.HTMLAttributes<HTMLScoutFieldElement>;
+            /**
+             * The input component is a basic text input field that can be used to capture
+             * user input. It supports various types and input modes for different use
+             * cases. When used in a form, make sure to wrap it in a Field component to
+             * display a label, help text, and error messages.
+             */
             "scout-input": LocalJSX.ScoutInput & JSXBase.HTMLAttributes<HTMLScoutInputElement>;
             "scout-link": LocalJSX.ScoutLink & JSXBase.HTMLAttributes<HTMLScoutLinkElement>;
             "scout-list-view": LocalJSX.ScoutListView & JSXBase.HTMLAttributes<HTMLScoutListViewElement>;
             "scout-list-view-item": LocalJSX.ScoutListViewItem & JSXBase.HTMLAttributes<HTMLScoutListViewItemElement>;
             "scout-list-view-subheader": LocalJSX.ScoutListViewSubheader & JSXBase.HTMLAttributes<HTMLScoutListViewSubheaderElement>;
             "scout-loader": LocalJSX.ScoutLoader & JSXBase.HTMLAttributes<HTMLScoutLoaderElement>;
+            /**
+             * The radio button component is used to let users select one option from a set.
+             * When used in a form, make sure to wrap it in a Field component to display a
+             * label, help text, and error messages.
+             */
             "scout-radio-button": LocalJSX.ScoutRadioButton & JSXBase.HTMLAttributes<HTMLScoutRadioButtonElement>;
+            /**
+             * The select component is a dropdown menu that allows users to select one
+             * option from a list. When used in a form, make sure to wrap it in a Field
+             * component to display a label, help text, and error messages.
+             */
             "scout-select": LocalJSX.ScoutSelect & JSXBase.HTMLAttributes<HTMLScoutSelectElement>;
             "scout-stack": LocalJSX.ScoutStack & JSXBase.HTMLAttributes<HTMLScoutStackElement>;
+            /**
+             * The switch component is used to toggle between two states, on and off.
+             * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field
+             * component to display a label, help text, and error messages.
+             */
             "scout-switch": LocalJSX.ScoutSwitch & JSXBase.HTMLAttributes<HTMLScoutSwitchElement>;
         }
     }

package/dist/ui-webc/p-08499152.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r}from"./p-ksA_9NPe.js";const s=":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 c=class{constructor(r){a(this,r)}render(){return r("div",{key:"1ea5b0a2ea2a8f342e0153d9e90565cc69e2f336",class:"card"},r("slot",{key:"328519393a7ad17aa158dea8835f16ebdc0cc7bc"}))}static get delegatesFocus(){return true}};c.style=s;export{c as scout_card};
+//# sourceMappingURL=p-08499152.entry.js.map

package/dist/ui-webc/{p-97f9cf0a.entry.js.map → p-08499152.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","cardCss","ScoutCard","constructor","hostRef","this","render","key","class","delegatesFocus","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,MAAS,kBAEzC,MAAMC,EAAU,+NAEhB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRL,EAAiBM,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQN,EAAE,MAAO,CAAEO,IAAK,2CAA4CC,MAAO,QAAUR,EAAE,OAAQ,CAAEO,IAAK,6CAC1G,CACA,yBAAWE,GAAmB,OAAO,IAAM,GAE/CP,EAAUQ,MAAQT,SAETC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","cardCss","ScoutCard","constructor","hostRef","this","render","key","class","delegatesFocus","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,MAAS,kBAEzC,MAAMC,EAAU,+NAEhB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRL,EAAiBM,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQN,EAAE,MAAO,CAAEO,IAAK,2CAA4CC,MAAO,QAAUR,EAAE,OAAQ,CAAEO,IAAK,6CAC1G,CACA,yBAAWE,GAAmB,OAAO,IAAM,GAE/CP,EAAUQ,MAAQT,SAETC","ignoreList":[]}

package/dist/ui-webc/{p-d8084e5c.entry.js → p-0b8a7cc9.entry.js}

@@ -1,2 +1,2 @@
-import{M as e,r as a,c as s,h as c}from"./p-ksA_9NPe.js";import{i as t}from"./p-BzgciO7w.js";const o="data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1kb3duIgo+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTYgOWw2IDZsNiAtNiIgLz4KPC9zdmc+";const i=".select-wrapper.sc-scout-select{position:relative;display:inline-flex;width:100%}.select.sc-scout-select{width:100%;height:var(--spacing-10);padding:var(--spacing-2);padding-right:var(--spacing-8);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select.sc-scout-select:hover:not(:disabled){border-color:var(--color-gray-400)}.select.sc-scout-select:focus{outline:2px solid var(--color-background-brand-base);outline-offset:1px}.select.sc-scout-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.select-icon.sc-scout-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background-color:var(--color-text-base);-webkit-mask-image:var(--icon-chevron);mask-image:var(--icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.select.sc-scout-select:disabled+.select-icon.sc-scout-select{background-color:var(--color-gray-500)}";const r=class extends(e(t)){constructor(e){super();a(this,e);this.scoutInputChange=s(this,"scoutInputChange");this.scoutBlur=s(this,"scoutBlur");this._scoutValidate=s(this,"_scoutValidate");this._scoutInvalid=s(this,"_scoutInvalid");this._scoutFieldId=s(this,"_scoutFieldId")}value="";disabled=false;name;render(){return c("div",{key:"df8da542b4f1b6a90c1899ae2ebe3f1c24328d82",class:"select-wrapper"},c("select",{key:"ece339ed62a6395c282766f534a0290a25e10f03",id:this.ariaId,name:this.name,class:"select",disabled:this.disabled,onChange:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()},c("slot",{key:"53baa52177e1a72c4b0f40ceda8f5de227958c38"})),c("span",{key:"b19185c3f2152e3ee4abcab0e61c1a9f17fa2442",class:"select-icon",style:{"--icon-chevron":`url(${o})`},"aria-hidden":"true"}))}};r.style=i;export{r as scout_select};
-//# sourceMappingURL=p-d8084e5c.entry.js.map
+import{M as e,r as s,c as a,h as c}from"./p-ksA_9NPe.js";import{i as t}from"./p-BsG0XL4c.js";const o="data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1kb3duIgo+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTYgOWw2IDZsNiAtNiIgLz4KPC9zdmc+";const i=".select-wrapper.sc-scout-select{position:relative;display:inline-flex;width:100%}.select.sc-scout-select{width:100%;height:var(--spacing-10);padding:var(--spacing-2);padding-right:var(--spacing-8);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select.sc-scout-select:hover:not(:disabled){border-color:var(--color-gray-400)}.select.sc-scout-select:focus{outline:2px solid var(--color-background-brand-base);outline-offset:1px}.select.sc-scout-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.select-icon.sc-scout-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background-color:var(--color-text-base);-webkit-mask-image:var(--icon-chevron);mask-image:var(--icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.select.sc-scout-select:disabled+.select-icon.sc-scout-select{background-color:var(--color-gray-500)}";const r=class extends(e(t)){constructor(e){super();s(this,e);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")}value="";disabled=false;name;render(){return c("div",{key:"12bf95188935ab6b11101c829970800199b53e9a",class:"select-wrapper"},c("select",{key:"1c373cc25f6de17b7139baab0af69fd23adf3b85",id:this.ariaId,name:this.name,class:"select",disabled:this.disabled,onChange:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()},c("slot",{key:"99f4430d6433e96c95651acba4ff0068235d1cb8"})),c("span",{key:"4f36424bd7395db03ea9caf10751cd570fc06853",class:"select-icon",style:{"--icon-chevron":`url(${o})`},"aria-hidden":"true"}))}};r.style=i;export{r as scout_select};
+//# sourceMappingURL=p-0b8a7cc9.entry.js.map

package/dist/ui-webc/p-2a842a24.entry.js

@@ -0,0 +1,2 @@
+import{M as t,r as s,c as a,h as i,H as r}from"./p-ksA_9NPe.js";import{i as o}from"./p-BsG0XL4c.js";const e=".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 c=class extends(t(o)){constructor(t){super();s(this,t);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=false;placeholder;render(){const t=this.size==="large"?"large":"";const s=this.variant==="elevated"?"elevated":"";return i(r,{key:"769603f718f511a0a2202814a7621d60a2a9f34c",class:`${t} ${s}`},i("input",{key:"6a4e1ad8173dfe37ce5facf8627990fd797dfc60",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()}))}};c.style=e;export{c as scout_input};
+//# sourceMappingURL=p-2a842a24.entry.js.map

package/dist/ui-webc/p-2a842a24.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Mixin","registerInstance","createEvent","h","Host","inputMixin","inputCss","ScoutInput","constructor","hostRef","super","this","scoutInputChange","scoutBlur","_scoutValidate","_scoutInvalid","_scoutFieldId","size","variant","type","inputmode","pattern","value","name","disabled","placeholder","render","sizeClass","variantClass","key","class","ref","el","setInputRef","id","ariaId","inputMode","onInput","onBlur","onInvalid","style"],"sources":["0"],"mappings":"YAAcA,OAAYC,OAAuBC,OAAaC,OAAQC,MAAY,8BACpEC,MAAkB,kBAEhC,MAAMC,EAAW,42BAEjB,MAAMC,EAAa,cAAcP,EAAMK,IACnC,WAAAG,CAAYC,GACRC,QACAT,EAAiBU,KAAMF,GACvBE,KAAKC,iBAAmBV,EAAYS,KAAM,oBAC1CA,KAAKE,UAAYX,EAAYS,KAAM,aACnCA,KAAKG,eAAiBZ,EAAYS,KAAM,kBACxCA,KAAKI,cAAgBb,EAAYS,KAAM,iBACvCA,KAAKK,cAAgBd,EAAYS,KAAM,gBAC3C,CAMAM,KAAO,SAMPC,QAAU,UAMVC,KAAO,OAIPC,UAIAC,QAIAC,MAAQ,GACRC,KAKAC,SAAW,MAKXC,YACA,MAAAC,GACI,MAAMC,EAAYhB,KAAKM,OAAS,QAAU,QAAU,GACpD,MAAMW,EAAejB,KAAKO,UAAY,WAAa,WAAa,GAChE,OAAQf,EAAEC,EAAM,CAAEyB,IAAK,2CAA4CC,MAAO,GAAGH,KAAaC,KAAkBzB,EAAE,QAAS,CAAE0B,IAAK,2CAA4CE,IAAMC,GAAOrB,KAAKsB,YAAYD,GAAKE,GAAIvB,KAAKwB,OAAQhB,KAAMR,KAAKQ,KAAMI,KAAMZ,KAAKY,KAAMa,UAAWzB,KAAKS,UAAWC,QAASV,KAAKU,QAASS,MAAO,QAASR,MAAOX,KAAKW,MAAOE,SAAUb,KAAKa,SAAUC,YAAad,KAAKc,YAAaY,QAAS,IAAM1B,KAAK0B,UAAWC,OAAQ,IAAM3B,KAAK2B,SAAUC,UAAW,IAAM5B,KAAK4B,cACne,GAEJhC,EAAWiC,MAAQlC,SAEVC","ignoreList":[]}

package/dist/ui-webc/{p-3018f46f.entry.js → p-30b75968.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as r}from"./p-ksA_9NPe.js";const n=":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 s=class{constructor(i){t(this,i);this.scoutClick=e(this,"scoutClick")}icon;primary;secondary;type="button";href;target;rel;name;value;checked;scoutClick;render(){const t=this.type==="link"?"a":this.type==="radio"||this.type==="checkbox"?"label":"button";const e=this.type==="link"?{href:this.href,target:this.target,rel:this.rel??(this.target==="_blank"?"noopener noreferrer":undefined)}:{};return i(r,{key:"413bfec2ce5b069cb065b25e6a388b87d9bf972d",role:"listitem"},i(t,{key:"8bd4978a887d2769bf537d7cf74fc02772055144",class:"button",...e,onClick:()=>this.scoutClick.emit()},this.getPrefix(),this.getContent(),this.getSuffix()))}getPrefix(){if(!this.icon){return null}return i("div",{class:"prefix-icon",innerHTML:this.icon})}getContent(){return i("div",{class:"content"},this.primary&&i("div",{class:"primary"},this.primary),this.secondary&&i("div",{class:"secondary"},this.secondary))}getSuffix(){if(this.type==="radio"){return i("scout-radio-button",{name:this.name,value:this.value,checked:this.checked})}if(this.type==="checkbox"){return i("scout-checkbox",{name:this.name,value:this.value,checked:this.checked})}return null}static get delegatesFocus(){return true}};s.style=n;export{s as scout_list_view_item};
-//# sourceMappingURL=p-3018f46f.entry.js.map
+import{r as t,c as e,h as i,H as r}from"./p-ksA_9NPe.js";const n=":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 s=class{constructor(i){t(this,i);this.scoutClick=e(this,"scoutClick")}icon;primary;secondary;type="button";href;target;rel;name;value;checked;disabled;scoutClick;render(){const t=this.type==="link"?"a":this.type==="radio"||this.type==="checkbox"?"label":"button";const e=this.type==="link"?{href:this.href,target:this.target,rel:this.rel??(this.target==="_blank"?"noopener noreferrer":undefined)}:{};return i(r,{key:"329bcf60c9b9df6af329d833500b673f3de7e0ff",role:"listitem"},i(t,{key:"864c0c388e72a544afac7b73dc715fc992f913aa",class:"button",...e,onClick:()=>this.scoutClick.emit()},this.getPrefix(),this.getContent(),this.getSuffix()))}getPrefix(){if(!this.icon){return null}return i("div",{class:"prefix-icon",innerHTML:this.icon})}getContent(){return i("div",{class:"content"},this.primary&&i("div",{class:"primary"},this.primary),this.secondary&&i("div",{class:"secondary"},this.secondary))}getSuffix(){if(this.type==="radio"){return i("scout-radio-button",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled})}if(this.type==="checkbox"){return i("scout-checkbox",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled})}return null}static get delegatesFocus(){return true}};s.style=n;export{s as scout_list_view_item};
+//# sourceMappingURL=p-30b75968.entry.js.map

package/dist/ui-webc/p-30b75968.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","listViewItemCss","ScoutListViewItem","constructor","hostRef","this","scoutClick","icon","primary","secondary","type","href","target","rel","name","value","checked","disabled","render","Tag","linkProps","undefined","key","role","class","onClick","emit","getPrefix","getContent","getSuffix","innerHTML","delegatesFocus","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAkB,mlCAExB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,WAAaR,EAAYO,KAAM,aACxC,CACAE,KACAC,QACAC,UACAC,KAAO,SACPC,KACAC,OACAC,IACAC,KACAC,MACAC,QACAC,SACAX,WACA,MAAAY,GACI,MAAMC,EAAMd,KAAKK,OAAS,OACpB,IACAL,KAAKK,OAAS,SAAWL,KAAKK,OAAS,WACnC,QACA,SACV,MAAMU,EAAYf,KAAKK,OAAS,OAC1B,CACEC,KAAMN,KAAKM,KACXC,OAAQP,KAAKO,OAEbC,IAAKR,KAAKQ,MACLR,KAAKO,SAAW,SAAW,sBAAwBS,YAE1D,CAAC,EACP,OAAQtB,EAAEC,EAAM,CAAEsB,IAAK,2CAA4CC,KAAM,YAAcxB,EAAEoB,EAAK,CAAEG,IAAK,2CAA4CE,MAAO,YAAaJ,EAAWK,QAAS,IAAMpB,KAAKC,WAAWoB,QAAUrB,KAAKsB,YAAatB,KAAKuB,aAAcvB,KAAKwB,aACvQ,CACA,SAAAF,GACI,IAAKtB,KAAKE,KAAM,CACZ,OAAO,IACX,CACA,OAAOR,EAAE,MAAO,CAAEyB,MAAO,cAAeM,UAAWzB,KAAKE,MAC5D,CACA,UAAAqB,GACI,OAAQ7B,EAAE,MAAO,CAAEyB,MAAO,WAAanB,KAAKG,SAAWT,EAAE,MAAO,CAAEyB,MAAO,WAAanB,KAAKG,SAAUH,KAAKI,WAAaV,EAAE,MAAO,CAAEyB,MAAO,aAAenB,KAAKI,WACjK,CACA,SAAAoB,GACI,GAAIxB,KAAKK,OAAS,QAAS,CACvB,OAAQX,EAAE,qBAAsB,CAAEe,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,MAAOC,QAASX,KAAKW,QAASC,SAAUZ,KAAKY,UAChH,CACA,GAAIZ,KAAKK,OAAS,WAAY,CAC1B,OAAQX,EAAE,iBAAkB,CAAEe,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,MAAOC,QAASX,KAAKW,QAASC,SAAUZ,KAAKY,UAC5G,CACA,OAAO,IACX,CACA,yBAAWc,GAAmB,OAAO,IAAM,GAE/C7B,EAAkB8B,MAAQ/B,SAEjBC","ignoreList":[]}

package/dist/ui-webc/p-3ac00412.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,H as n}from"./p-ksA_9NPe.js";const c="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 a=class{constructor(r){o(this,r);this.scoutClick=t(this,"scoutClick")}type="button";href;target;rel;variant="outlined";icon;iconPosition="after";iconOnly=false;scoutClick;render(){const o=this.type==="link"?"a":"button";const t=this.type==="link"?{href:this.href,target:this.target,rel:this.rel??(this.target==="_blank"?"noopener noreferrer":undefined)}:{type:this.type};const c=this.icon&&r("span",{key:"0f03bad87dbcaf10cc387fd20121bd6b3ecdf42d",class:"icon",innerHTML:this.icon});return r(n,{key:"7a2f998327c5e3dc7139c11f3fcbbe827346c0ee",class:this.iconOnly?"icon-only":""},r(o,{key:"cabe4acf010df2880a83d5b27f2e885bf326673c",class:`button ${this.variant}`,onClick:()=>this.scoutClick.emit(),...t},this.iconPosition==="before"&&c,r("span",{key:"7388a6a872149b4cff84256017ee251196612e1a",class:"content"},r("slot",{key:"0002a40443d7da3b386a708543185cbc572bb461"})),this.iconPosition==="after"&&c))}};a.style=c;export{a as scout_button};
+//# sourceMappingURL=p-3ac00412.entry.js.map

package/dist/ui-webc/p-3ac00412.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","createEvent","h","Host","buttonCss","ScoutButton","constructor","hostRef","this","scoutClick","type","href","target","rel","variant","icon","iconPosition","iconOnly","render","Tag","props","undefined","key","class","innerHTML","onClick","emit","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAY,21EAElB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,WAAaR,EAAYO,KAAM,aACxC,CACAE,KAAO,SACPC,KACAC,OACAC,IAIAC,QAAU,WAIVC,KACAC,aAAe,QACfC,SAAW,MACXR,WACA,MAAAS,GACI,MAAMC,EAAMX,KAAKE,OAAS,OAAS,IAAM,SACzC,MAAMU,EAAQZ,KAAKE,OAAS,OACtB,CACEC,KAAMH,KAAKG,KACXC,OAAQJ,KAAKI,OAEbC,IAAKL,KAAKK,MACLL,KAAKI,SAAW,SAAW,sBAAwBS,YAE1D,CACEX,KAAMF,KAAKE,MAEnB,MAAMK,EAAOP,KAAKO,MAAQb,EAAE,OAAQ,CAAEoB,IAAK,2CAA4CC,MAAO,OAAQC,UAAWhB,KAAKO,OACtH,OAAQb,EAAEC,EAAM,CAAEmB,IAAK,2CAA4CC,MAAOf,KAAKS,SAAW,YAAc,IAAMf,EAAEiB,EAAK,CAAEG,IAAK,2CAA4CC,MAAO,UAAUf,KAAKM,UAAWW,QAAS,IAAMjB,KAAKC,WAAWiB,UAAWN,GAASZ,KAAKQ,eAAiB,UAAYD,EAAMb,EAAE,OAAQ,CAAEoB,IAAK,2CAA4CC,MAAO,WAAarB,EAAE,OAAQ,CAAEoB,IAAK,8CAAgDd,KAAKQ,eAAiB,SAAWD,GAC3d,GAEJV,EAAYsB,MAAQvB,SAEXC","ignoreList":[]}

package/dist/ui-webc/p-4f28520e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a as t,h as s,H as c}from"./p-ksA_9NPe.js";const o=":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";const r=class{constructor(t){e(this,t)}get el(){return t(this)}onScoutChecked(e){const{checked:t,element:s}=e.detail;if(s.type!=="radio"||!s.name||!t){return}const c=this.el.querySelectorAll("scout-list-view-item");const o=[];c.forEach((e=>{const t=e.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(s.name)}"]`);t.forEach((e=>{if(e!==s){o.push(e)}}))}));for(const e of o){e.checked=false}}render(){return s(c,{key:"68c7e8924c60ba15c6c8a64724eebeea1731909f",role:"list"},s("slot",{key:"7b686b0f83c138ab0d497f9b6a0d7d5927bce63c"}))}static get delegatesFocus(){return true}};r.style=o;export{r as scout_list_view};
+//# sourceMappingURL=p-4f28520e.entry.js.map