@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/types/mixins/anchored.mixin.d.ts

@@ -128,6 +128,11 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * @returns `false` if `triggerSlot` is not set, otherwise delegates to super
          */
         onBeforeShow(target?: HTMLElement): boolean;
+        /**
+         * Hides the focus from the floating element.
+         * This is necessary to prevent the focus from being trapped inside the floating element.
+         */
+        hideFocus(): void;
         /**
          * Hides the floating element using the Popover API
          * and stops position auto-update.

package/dist/types/mixins/index.d.ts

@@ -2,4 +2,6 @@ export * from './form-associated.mixin';
 export * from './floating.mixin';
 export * from './anchored.mixin';
 export * from './backdrop.mixin';
+export * from './menu-behavior.mixin';
+export * from './links.mixin';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/mixins/links.mixin.d.ts

@@ -0,0 +1,85 @@
+import { LinksAttrs } from "../types/links";
+import { MixedInCtor } from '../stencil-public-runtime';
+/**
+ * Creates a mixin that adds link-related properties and behaviors to a base class.
+ * It provides computed attributes for links, handles keyboard interactions, and sanitizes URLs to ensure security.
+ * It allows components to easily handle link attributes and execute link events.
+ *
+ * This mixin includes:
+ *  - `href`: The URL the link points to.
+ *  - `newTab`: Whether the link should open in a new tab.
+ *  - `downloadable`: Whether the link should be treated as a download.
+ *  - `filename`: The filename to use when downloading.
+ *  - `getLinkAttributes`: A computed property that returns the appropriate attributes for the link based on its state and props.
+ *  - `handleLinkKeyDown`: A method to handle keyboard interactions for accessibility.
+ *  - `handleLinkClick`: A method to manage click behavior, including external links and downloads.
+ *  - `sanitizeUrl`: A utility method to sanitize URLs and prevent XSS vulnerabilities.
+ *
+ * @typeParam T - The base constructor type to extend.
+ * @param {T} Base - The base component class to be extended.
+ * @returns {WithLinks} - A class with injected link behaviors.
+ *
+ * @example
+ * ```tsx
+ *  import { Component, h } from '../stencil-public-runtime';
+ *  import { WithLinks } from '@/mixins/links.mixin';
+ *
+ * @Component({
+ *  tag: 'my-link',
+ *  styleUrl: 'my-link.scss',
+ *  })
+ *  class MyLink extends Mixin(WithLinks) {
+ *    @Element() el!: HTMLElement;
+ *    @Prop() href: string = '';
+ *    @Prop() newTab: boolean = false;
+ *    @Prop() downloadable: boolean = false;
+ *    @Prop() filename: string = '';
+ *    @Prop() disabled: boolean = false;
+ *
+ *    private handleKeyDown = (e: KeyboardEvent) => {
+ *      if (this.disabled) return;
+ *      this.handleLinkKeyDown(e);
+ *    };
+ *
+ *   render() {
+ *    return (
+ *      <Host
+ *      {...this.getLinkAttributes}
+ *      onKeyDown={this.handleKeyDown} >
+ *      <slot />
+ *      </Host>
+ *    );
+ *    }
+ * } ```
+ *
+ */
+export declare const WithLinks: <T extends MixedInCtor>(Base: T) => {
+    new (...args: any[]): {
+        /** Props should be declared in the component using the Mixin */
+        el: HTMLElement;
+        href: string;
+        newTab: boolean;
+        download: string;
+        readonly isLink: boolean;
+        /**
+         * Computes the appropriate link attributes based on the component's props and state.
+         * It handles external links, new tab behavior, and download attributes while ensuring accessibility.
+         * @returns {LinksAttrs} - The computed link attributes.
+         * */
+        readonly linkAttributes: LinksAttrs;
+        _isExternalLink(url: string): boolean;
+        /** Keydown handler to allow keyboard interaction with the link */
+        handleLinkKeyDown(event: KeyboardEvent): void;
+        /** Click handler to manage link behavior, including external links and downloads */
+        handleLinkClick(event: MouseEvent): void;
+        /** Sanitizes the URL to prevent XSS vulnerabilities. It removes dangerous protocols and ensures valid URLs.
+         * @param {string} url - The URL to sanitize.
+         * @returns {string} - The sanitized URL, or an empty string if the URL is deemed unsafe.
+         * @example
+         * const safeUrl = sanitizeUrl('https://example.com'); // returns 'https://example.com'
+         * const unsafeUrl = sanitizeUrl('javascript:alert(1)'); // returns ''
+         */
+        sanitizeUrl(url: string): string;
+    };
+} & T;
+//# sourceMappingURL=links.mixin.d.ts.map

package/dist/types/mixins/menu-behavior.mixin.d.ts

@@ -0,0 +1,91 @@
+import { MenuRole, MenuItemRole } from "../types/index";
+import { MixedInCtor } from '../stencil-public-runtime';
+/**
+ * A Mixin that provides menu item behaviors, including ARIA roles,
+ * focus management, and keyboard navigation logic.
+ * This mixin is designed to be used with Stencil components that represent items within a menu or listbox,
+ * allowing them to automatically adapt their behavior based on the context of their parent container.
+ *
+ * The mixin includes:
+ * - Dynamic ARIA role resolution based on the nearest parent menu or listbox.
+ * - Computation of aria-selected and tabIndex attributes for accessibility.
+ * - A method to handle keyboard navigation (Arrow keys, Enter, Space) within the menu context.
+ *
+ *
+ * @typeParam B - The base constructor type.
+ * @param {B} Base - The base component class to be extended.
+ * @returns {MenuBehaviorMixin} - A class with injected menu behaviors.
+ *
+ * @example
+ * ```tsx
+ * import { Component, h } from '../stencil-public-runtime';
+ * import { MenuItemBehavior } from '@/mixins/menu-behavior.mixin';
+ *
+ * @Component({
+ *  tag: 'my-menu-item',
+ *  styleUrl: 'my-menu-item.scss',
+ * })
+ * export class MyMenuItem extends Mixin(MenuItemBehavior) {
+ *   @Element() el!: HTMLElement;
+ *   @Prop() disabled: boolean = false;
+ *   @Prop() selected: boolean = false;
+ *
+ *   private handleKeyDown = (e: KeyboardEvent) => {
+ *     if (this.disabled) return;
+ *     this.handleKeyDownLogic(e, () => this.handleSelection());
+ *   };
+ *
+ *  render() {
+ *   return (
+ *    <Host
+ *      role={this.menuItemRole}
+ *      aria-selected={this.ariaSelected}
+ *      tabIndex={ this.itemTabIndex}
+ *      onKeyDown={this.handleKeyDown} >
+ *      <slot />
+ *    </Host>
+ *   );
+ *  }
+ * } ```
+ *
+ *
+ */
+export declare const MenuItemBehavior: <B extends MixedInCtor>(Base: B) => {
+    new (...args: any[]): {
+        el: HTMLElement;
+        disabled: boolean;
+        selected: boolean;
+        activeItem: boolean;
+        /**
+         * Detects the ARIA role of the nearest parent menu or listbox.
+         * @returns {MenuRole | null} - 'menu', 'listbox', or null if not found.
+         */
+        readonly parentRole: MenuRole | null;
+        /**
+         * Resolves the specific item role ('menuitem' or 'option').
+         * Defaults to 'menuitem' if no parent is detected.
+         * @returns {MenuItemRole}
+         */
+        readonly menuItemRole: MenuItemRole;
+        /**
+         * Returns the 'aria-selected' value as a string for listbox options.
+         * @returns {string | null}
+         */
+        readonly ariaSelected: string | null;
+        /**
+         * Calculates the tabIndex for the item.
+         * @returns {number} 0 for focusable menu items, -1 otherwise.
+         */
+        readonly itemTabIndex: number;
+        /**
+         * Processes keyboard events for arrow navigation and activation.
+         * @param {KeyboardEvent} e - The native keyboard event.
+         * @param {() => void} onActivate - Function to execute when Enter or Space is pressed.
+         * @example
+         * // Inside a component's keydown listener:
+         * this.handleKeyDownLogic(event, () => this.emitSelection());
+         */
+        handleKeyDownLogic(e: KeyboardEvent, onActivate: () => void): void;
+    };
+} & B;
+//# sourceMappingURL=menu-behavior.mixin.d.ts.map

package/dist/types/types/IFormProps.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Interface that define and centralize some props to the form components.
+ * In this way we standardize the props and avoid repetition.
+ * @public
+ * @interface IFormProps
+ * @augments {IFormProps}
+ * @property {string} name - Name of the form control, submitted as a key in the form data.
+ * @property {boolean} disabled - Disables the control. Defaults to `false`.
+ * @property {boolean} required - Marks the control as required for form submission. Defaults to `false`.
+ * @property {string} info - Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.
+ * @property {boolean} error - When `true`, applies the error visual state.
+ * @property {string} errorMessage - Message shown below the input when `error` is `true`. Replaces `helperText`.
+ * @property {string} label - Label displayed next to the input. Defaults to `""`.
+ * @property {string} helperText - Help text displayed below the input. Defaults to `""`.
+ * @example
+ * export interface IToggle extends IFormProps {}
+ */
+export interface IFormProps {
+    info?: string;
+    error?: boolean;
+    errorMessage?: string;
+    label?: string;
+    helperText?: string;
+}
+//# sourceMappingURL=IFormProps.d.ts.map

package/dist/types/types/index.d.ts

@@ -3,4 +3,7 @@ export * from './form';
 export * from './size';
 export * from './states';
 export * from './stylesMap';
+export * from './IFormProps';
+export * from './menu';
+export * from './links';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/types/links.d.ts

@@ -0,0 +1,14 @@
+export type LinksAttrs = {
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string;
+    role?: string;
+    tabindex?: string;
+};
+export interface IWithLinks {
+    href: string;
+    newTab: boolean;
+    download: string;
+}
+//# sourceMappingURL=links.d.ts.map

package/dist/types/types/menu.d.ts

@@ -0,0 +1,16 @@
+export declare const MENU_ROLES: {
+    readonly MENU: "menu";
+    readonly LISTBOX: "listbox";
+};
+export type MenuRole = (typeof MENU_ROLES)[keyof typeof MENU_ROLES];
+export declare const MENU_ITEM_ROLES: {
+    readonly MENUITEM: "menuitem";
+    readonly OPTION: "option";
+};
+export type MenuItemRole = (typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES];
+export interface IMenuBehavior {
+    disabled: boolean;
+    selected: boolean;
+    activeItem: boolean;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/types/types/position.d.ts

@@ -10,10 +10,14 @@ export declare const POSITION: {
     readonly RIGHT: "right";
 };
 export declare const POPOVER_POSITION: {
-    readonly TOP: "top-start";
-    readonly BOTTOM: "bottom-start";
+    readonly TOP_START: "top-start";
+    readonly BOTTOM_START: "bottom-start";
     readonly LEFT: "left";
     readonly RIGHT: "right";
+    readonly TOP_END: "top-end";
+    readonly BOTTOM_END: "bottom-end";
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
 };
 export type Position = (typeof POSITION)[keyof typeof POSITION];
 export type PopoverPosition = (typeof POPOVER_POSITION)[keyof typeof POPOVER_POSITION];

package/dist/types/utils/constants/common/Keys.d.ts

@@ -1,12 +1,13 @@
+/** Type for key types used across components */
+export type KeyTypes = 'Enter' | 'Escape' | 'Space' | 'ArrowUp' | 'ArrowDown';
+export type KeyValues = 'Enter' | 'Escape' | ' ' | 'ArrowUp' | 'ArrowDown';
 /**
  * Type to add keyboard keys to the component.
  */
-type Key = {
-    [key: string]: {
-        key: string;
-        code: number;
-    };
-};
+type Key = Record<KeyTypes, {
+    key: KeyValues;
+    code: number;
+}>;
 /**
  * Default keyboard keys.
  * Add more keys to the `KEYBOARD` object to add more keyboard shortcuts.

package/dist/types/utils/helpers/overlays/getOffset.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Calculates the offset for the floating element based on whether the arrow is hidden and if a custom offset is provided.
+ * @param hideArrow - A boolean indicating whether the arrow is hidden.
+ * @param hasOffset - An optional number indicating the custom offset.
+ * @param offset - The default offset value.
+ * @returns The calculated offset value.
+ */
+export declare const getOffset: (hideArrow: boolean, hasOffset: number, offset: number) => number;
+//# sourceMappingURL=getOffset.d.ts.map

package/dist/types/utils/helpers/validateProps.d.ts

@@ -1,3 +1,14 @@
+/**
+ * Validates a numeric component prop against a min/max range.
+ * Issues a console warning when out of range — does not reset the value.
+ * Silently skips `undefined` (optional props) and `'full'` (valid sentinel for span props).
+ *
+ * @param min - Minimum valid value (inclusive).
+ * @param max - Maximum valid value (inclusive). Omit for unbounded upper limit.
+ * @param element - The host element whose property is being checked.
+ * @param propertyName - The name of the prop to validate.
+ */
+export declare function validateNumericProp(min: number, max: number | undefined, element: HTMLElement, propertyName: string): void;
 /**
  * Validates a component prop against a list of accepted values.
  * If the current value is invalid, the prop is reset to the fallback and a warning is issued.

package/dist/types/utils/index.d.ts

@@ -2,6 +2,7 @@ export * from './a11y';
 export * from './dom';
 export * from './form';
 export * from './helpers';
-export * from './__test__';
+export * from './testing';
 export * from './constants';
+export * from './menu';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu-item.utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/menu/menu-item.utils.d.ts

@@ -0,0 +1,50 @@
+import { MenuRole, MenuItemRole } from "../../types/index";
+/**
+ * Resolves the appropriate ARIA role for a menu item.
+ * @param {MenuRole} role - The role of the parent menu container ('menu' or 'listbox').
+ * @returns {MenuItemRole} - Returns 'menuitem' if parent is 'menu', otherwise 'option'.
+ * @example
+ * const itemRole = resolveMenuItemRole('menu'); // returns 'menuitem'
+ */
+export declare function resolveMenuItemRole(role: MenuRole): MenuItemRole;
+/**
+ * Determines the aria-selected value based on the item's role and state.
+ * @param {MenuItemRole} role - The role of the item ('menuitem' or 'option').
+ * @param {boolean} selected - The current selection state of the item.
+ * @returns {string | null} - Returns the string representation of the boolean if role is 'option', otherwise null.
+ * @example
+ * const attr = resolveAriaSelected('option', true); // returns 'true'
+ * const attrNull = resolveAriaSelected('menuitem', true); // returns null
+ */
+export declare function resolveAriaSelected(role: MenuItemRole, selected: boolean): string | null;
+/**
+ * Resolves the tabIndex attribute for keyboard navigation.
+ * @param {MenuItemRole} role - The role of the item.
+ * @param {boolean} disabled - Whether the item is currently disabled.
+ * @param {boolean} selected - Whether the item is currently selected.
+ * @param {boolean} active - Whether the item is currently active.
+ * @returns {number} - Returns 0 for focusable menu items, or -1 for disabled/options.
+ * @example
+ * const index = resolveTabIndex('menuitem', false); // returns 0
+ * const indexDisabled = resolveTabIndex('menuitem', true); // returns -1
+ */
+export declare function resolveTabIndex(role: MenuItemRole, disabled: boolean, selected: boolean, active: boolean): number;
+/**
+ * Manages focus and activation through keyboard events.
+ * @param {KeyboardEvent} event - The keyboard event object from the listener.
+ * @param {HTMLElement[]} items - An array of focusable HTML elements within the menu.
+ * @param {number} currentIndex - The index of the currently focused item.
+ * @returns {void}
+ * @example
+ * handleMenuKeyNavigation(event, menuItems, 2);
+ */
+export declare function handleMenuKeyNavigation(event: KeyboardEvent, items: HTMLElement[], currentIndex: number): void;
+/** Prevents default browser behavior for specific navigation keys.
+ * @param {KeyboardEvent} e - The keyboard event to evaluate.
+ * @returns {void}
+ * @example
+ * // Inside a keydown listener:
+ * preventNavigationKeys(event);
+ */
+export declare function preventNavigationKeys(e: KeyboardEvent): void;
+//# sourceMappingURL=menu-item.utils.d.ts.map

package/dist/types/utils/{__test__ → testing}/index.d.ts

@@ -1,7 +1,5 @@
 export * from './constants';
 export * from './fixtures';
-export * from './popover-mock';
-export * from './backdrop-mock';
 export * from './helpers';
 export * from './mocks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/{__test__/backdrop-mock.d.ts → testing/mocks/backdrop.d.ts}

@@ -2,4 +2,4 @@
  * A backdrop mock used to test backdrop based components
  */
 export declare function setupBackdropMocks(): void;
-//# sourceMappingURL=backdrop-mock.d.ts.map
+//# sourceMappingURL=backdrop.d.ts.map

package/dist/types/utils/testing/mocks/console.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Registers `beforeEach`/`afterEach` hooks that silence `console.warn` for the
+ * enclosing `describe` block. Call at the top of any `describe` that expects
+ * prop-validation warnings but does not need to assert on them.
+ *
+ * For tests that need to assert on the warning call, create the spy manually
+ * inside the individual `it` block instead.
+ */
+export declare function suppressConsoleWarn(): void;
+/**
+ * Registers `beforeEach`/`afterEach` hooks that silence `console.error` for the
+ * enclosing `describe` block. Use in components that rely on `ElementInternals`
+ * (FACE components) to suppress the Stencil mock-doc noise:
+ * "Property X was accessed on ElementInternals, but this property is not implemented."
+ */
+export declare function suppressConsoleError(): void;
+//# sourceMappingURL=console.d.ts.map

package/dist/types/utils/{__test__/mocks/ElementInternals.d.ts → testing/mocks/elementInternals.d.ts}

@@ -43,4 +43,4 @@ export declare class ElementInternals {
  * This includes defining the attachInternals method on HTMLElement and simulating form submission methods.
  */
 export declare function attachInternals(): void;
-//# sourceMappingURL=ElementInternals.d.ts.map
+//# sourceMappingURL=elementInternals.d.ts.map

package/dist/types/utils/testing/mocks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './elementInternals';
+export * from './console';
+export * from './backdrop';
+export * from './popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/{__test__/popover-mock.d.ts → testing/mocks/popover.d.ts}

@@ -1,2 +1,2 @@
 export declare function setupPopoverMocks(): void;
-//# sourceMappingURL=popover-mock.d.ts.map
+//# sourceMappingURL=popover.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telesign/boreal-web-components",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/components-build/p-B6R9EVXK.js

@@ -1 +0,0 @@
-import{p as o,a as t,c as r,h as b,t as e}from"./index.js";import{C as a}from"./p-BhTPNsBb.js";import{v as s}from"./p-vfAIdwy0.js";const n={DEFAULT:"default",OUTLINE:"outline",PLAIN:"plain"},d={SMALL:"small",MEDIUM:"medium",LARGE:"large"},i={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},u={DEFAULT:"default",PRIMARY:"primary",SUCCESS:"success",ERROR:"error"},l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.bdsClick=r(this,"bdsClick"),this.internals=this.attachInternals(),this.currentState=a.DEFAULT,this.label="",this.disabled=!1,this.name="",this.type=i.BUTTON,this.color=u.DEFAULT,this.variant=n.DEFAULT,this.size=d.MEDIUM,this.loading=!1,this.disclosure=!1,this.handleKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||(this.currentState=a.ACTIVE,o.preventDefault(),this.bdsClick.emit(o))},this.handleKeyUp=()=>{this.currentState=a.DEFAULT},this.handleClick=o=>{o.preventDefault(),o.stopPropagation(),this.disabled||this.loading||(this.type===i.SUBMIT||this.type===i.RESET?this.processFormClick():this.bdsClick.emit(o))}}checkPropValues(){s(Object.values(i),i.BUTTON,this.el,"type"),s(Object.values(u),u.DEFAULT,this.el,"color"),s(Object.values(n),n.DEFAULT,this.el,"variant"),s(Object.values(d),d.MEDIUM,this.el,"size")}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.setupFormAssociation()}setupFormAssociation(){const o=this.el.closest("form");this.internalForm=(this.internals&&"form"in this.internals?this.internals.form:null)||o||void 0}processFormClick(){if(void 0===this.internalForm)return void console.warn("[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.");const o={[i.SUBMIT]:()=>{"function"==typeof this.internalForm?.requestSubmit?this.internalForm.requestSubmit():this.internalForm?.submit()},[i.RESET]:()=>this.internalForm?.reset()}[this.type];"function"==typeof o&&o()}get getClassMap(){return{"bds-button":!0,"bds-button--is-disabled":this.disabled,"bds-button--is-loading":this.loading,[`bds-button--state-${this.currentState}`]:!0,[`bds-button--${this.color}`]:!0,[`bds-button--var-${this.variant}`]:!0,[`bds-button--size-${this.size}`]:!0}}render(){return b("button",{key:"4f71bb10d1910ea7b1fc0d64eedb6269e7049a89",name:this.name,class:this.getClassMap,type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label||void 0,"aria-disabled":this.disabled||this.loading,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},b("div",{key:"e28da0b776917c6a2c0efc6c7140a2bfa979b708",class:"bds-button__content"},b("span",{key:"ce3d60b504bbf38dc7116560dbfbe51c955f79db",class:"bds-button__content-icon bds-button__content-icon--start"},b("slot",{key:"23b6bbb9d4fbf8ad5e0e584cddaac477edf4a91e",name:"icon"})),b("slot",{key:"adcdc5d87a8db4e346d272b843966405692a2a32"}),b("span",{key:"c908b3a8a18ba4cce854ee20d064178f6420d007",class:"bds-button__content-badge"},b("slot",{key:"ce66f69366dc7436a8f8ca1b2b8f55b91a225ec8",name:"badge"})),this.disclosure&&b("span",{key:"921c0f144f2616da238356705c1e5ff634406b87",class:"bds-button__content-icon"},b("i",{key:"9dc7a891ac4fcb1a73113aeae83976d74cff0c2e",class:"bds-icon-chevron-down"}))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}}static get style(){return'@charset "UTF-8";bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-small{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-small .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-small .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-small .bds-button__content-icon:empty{display:none}.bds-button--size-small .bds-button__content{}.bds-button--size-small .bds-button__content-badge:empty{display:none}.bds-button--size-small .bds-button__content-badge{display:none}.bds-button--size-medium{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-medium .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-medium .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-medium .bds-button__content-icon:empty{display:none}.bds-button--size-medium .bds-button__content{}.bds-button--size-medium .bds-button__content-badge:empty{display:none}.bds-button--size-large{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-large .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-large .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-large .bds-button__content-icon:empty{display:none}.bds-button--size-large .bds-button__content{}.bds-button--size-large .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'}},[324,"bds-button",{label:[1],disabled:[4],name:[1],type:[1],color:[1],variant:[1],size:[1],loading:[4],disclosure:[4],currentState:[32]},void 0,{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}]);function c(){"undefined"!=typeof customElements&&["bds-button"].forEach((o=>{"bds-button"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}export{l as B,d as a,c as d}

package/components-build/p-BSpJ_e9f.js

@@ -1 +0,0 @@
-import{p as t,a as e,h as a,H as r,t as o}from"./index.js";import{C as i}from"./p-BhTPNsBb.js";import{a as s}from"./p-CaHOghy5.js";import{d as l}from"./p-BYEAJCas.js";const h="md",p={link:{states:[i.DISABLED],size:["sm",h]},label:{states:[i.DISABLED],isRequired:!0,canUseTooltip:!0},heading:{canUseTooltip:!0},subheading:{canUseTooltip:!0},helper:{states:[i.ERROR]},display:{size:["xs","sm",h,"lg","xl"]}},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inheritedAttributes={},this.variant="display",this.size=h,this.state=i.DEFAULT,this.customClass="",this.element="p",this.align="start",this.ellipsis=!1,this.maxLines=1,this.tooltipText="",this.isRequired=!1,this.htmlFor=void 0,this.href=null,this.target=null,this.isDownloadable=!1,this.filename="download",this.sanitizedHref=""}async updateSanitizedHref(){if("a"===this.getTagName&&null!==this.href){const{sanitizeUrl:t}=await import("./p-noyWJ11s.js").then((function(t){return t.i}));this.sanitizedHref=t(this.href)}else this.sanitizedHref=""}async componentWillLoad(){"a"===this.getTagName&&null!==this.href&&await this.updateSanitizedHref(),this.inheritedAttributes={...s(this.el)}}get getTagName(){return"link"===this.variant?"a":this.element.toLowerCase()}getVariantConfig(){return p[this.variant]??{}}getAccessibilityTags(){const{isRequired:t=null}=this.getVariantConfig(),e=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&t,"aria-disabled":this.state===i.DISABLED&&e}}getVariantStateStyles(){const t=this.getVariantConfig();return{[`bds-typography--${this.variant}`]:!0,[`bds-typography--align-${this.align}`]:!0,[`bds-typography--${this.state}`]:!(!t?.states||!t?.states.includes(this.state)),[`bds-typography--size-${this.size}`]:!(!t?.size||!t?.size.includes(this.size)),"bds-typography--required":!(!t?.isRequired||!this.isRequired),"bds-typography--ellipsis":this.ellipsis&&this.maxLines<=1,"bds-typography--ellipsis-multiline":this.ellipsis&&this.maxLines>1,[this.customClass]:""!==this.customClass}}render(){const t=this.getTagName,e={...(o=this,s=t,{a:{href:o.state!==i.DISABLED?o.sanitizedHref:null,target:o.target,download:o.isDownloadable?o.filename:null,rel:"_blank"===o.target?"noopener noreferrer":void 0},label:{htmlFor:o.htmlFor}}[s]||{}),...this.inheritedAttributes,...this.getAccessibilityTags()};var o,s;const l=this.getVariantStateStyles(),{canUseTooltip:h=null,isRequired:p=null}=this.getVariantConfig();return a(r,{key:"98e236475142f2be85fcc227cd507d6cb8648928",class:"bds-typography"},a(t,{key:"eed74e216dc0832b5f4808ba72e1374198f60e1a",class:l,style:{webkitLineClamp:this.maxLines},...e},a("slot",{key:"cc073f2d2a3840970c62296379514884564c3473"}),this.isRequired&&p&&a("em",{key:"299a88d69856603b6e73af9567fa91b1a1e7434f",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&h&&a("span",{key:"c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf"},a("em",{key:"0f6869a6dd7ab04b19acee773e54687dbd070af0",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),a("bds-tooltip",{key:"ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a"},this.tooltipText))))}get el(){return this}static get watchers(){return{href:[{updateSanitizedHref:0}]}}static get style(){return'@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}'}},[260,"bds-typography",{variant:[513],size:[513],state:[513],customClass:[1,"custom-class"],element:[1],align:[1],ellipsis:[4],maxLines:[2,"max-lines"],tooltipText:[1,"tooltip-text"],isRequired:[516,"is-required"],htmlFor:[1,"html-for"],href:[1],target:[1],isDownloadable:[4,"is-downloadable"],filename:[1],sanitizedHref:[32]},void 0,{href:[{updateSanitizedHref:0}]}]);function n(){"undefined"!=typeof customElements&&["bds-typography","bds-tooltip"].forEach((t=>{switch(t){case"bds-typography":customElements.get(o(t))||customElements.define(o(t),y);break;case"bds-tooltip":customElements.get(o(t))||l()}}))}export{y as B,n as d}

package/components-build/p-BYEAJCas.js

@@ -1 +0,0 @@
-import{p as t,M as o,h as e,H as i,t as r}from"./index.js";import{a}from"./p-CYojP4vI.js";const s=t(class extends(o(a)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.multiline=!1,this.disabled=!1,this.floatingOptions={},this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:this.floatingOptions.offset??8,arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed"}}get hooks(){return{onPositionUpdate:t=>this.handlePosition(t),onBeforeShow:()=>this.validateShow(),onBeforeHide:t=>this.validateHide(t),subscribeToTrigger:t=>this.subscribe(t)}}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}validateShow(){return!this.disabled}validateHide(t){return!this.floatingOptions.stayOnHover||void 0===t||!t.isConnected||!this.floatingContent.contains(t)&&this.floatingContent!==t}handlePosition(t){this.floatingContent.setAttribute("data-placement",t.placement),this.setArrowPosition(t)}setArrowPosition(t){if(t.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:e}=t.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=e?`${e}px`:""})}}get hasMultiline(){return void 0!==this.multiline&&this.multiline}get tooltipStyles(){return{"tooltip-content":!0,"tooltip-content--multiline":this.hasMultiline}}subscribe(t){void 0!==t&&(t.setAttribute("part","tooltip-trigger"),t.setAttribute("ariaDescribedBy","tooltip-content"),t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(t=>this.hide(t.target))))}render(){return e(i,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},e("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:this.tooltipStyles,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:t=>this.floatingContent=t},this.canShowArrow&&e("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:t=>this.arrowElement=t}),e("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))}get el(){return this}static get style(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}'}},[772,"bds-tooltip",{multiline:[4],disabled:[4],floatingOptions:[16],isVisible:[32]}]);function l(){"undefined"!=typeof customElements&&["bds-tooltip"].forEach((t=>{"bds-tooltip"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))}export{s as B,l as d}

package/components-build/p-BhTPNsBb.js

@@ -1 +0,0 @@
-const a={DEFAULT:"default",ERROR:"error",DISABLED:"disabled",ACTIVE:"active"},e={INFO:"info",SUCCESS:"success",WARNING:"warning",DANGER:"danger"};export{a as C,e as S}

package/components-build/p-CYojP4vI.js

@@ -1 +0,0 @@
-import{f as t}from"./p-DCXSEEVH.js";const n=Math.min,e=Math.max,o=Math.round,i=Math.floor,r=t=>({x:t,y:t}),s={left:"right",right:"left",bottom:"top",top:"bottom"},l={start:"end",end:"start"};function a(t,o,i){return e(t,n(o,i))}function c(t,n){return"function"==typeof t?t(n):t}function u(t){return t.split("-")[0]}function f(t){return t.split("-")[1]}function h(t){return"x"===t?"y":"x"}function d(t){return"y"===t?"height":"width"}const p=new Set(["top","bottom"]);function m(t){return p.has(u(t))?"y":"x"}function y(t){return h(m(t))}function g(t){return t.replace(/start|end/g,(t=>l[t]))}const w=["left","right"],x=["right","left"],v=["top","bottom"],b=["bottom","top"];function A(t){return t.replace(/left|right|bottom|top/g,(t=>s[t]))}function S(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function F(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function R(t,n,e){let{reference:o,floating:i}=t;const r=m(n),s=y(n),l=d(s),a=u(n),c="y"===r,h=o.x+o.width/2-i.width/2,p=o.y+o.height/2-i.height/2,g=o[l]/2-i[l]/2;let w;switch(a){case"top":w={x:h,y:o.y-i.height};break;case"bottom":w={x:h,y:o.y+o.height};break;case"right":w={x:o.x+o.width,y:p};break;case"left":w={x:o.x-i.width,y:p};break;default:w={x:o.x,y:o.y}}switch(f(n)){case"start":w[s]-=g*(e&&c?-1:1);break;case"end":w[s]+=g*(e&&c?-1:1)}return w}async function P(t,n){var e;void 0===n&&(n={});const{x:o,y:i,platform:r,rects:s,elements:l,strategy:a}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:d=!1,padding:p=0}=c(n,t),m=S(p),y=l[d?"floating"===h?"reference":"floating":h],g=F(await r.getClippingRect({element:null==(e=await(null==r.isElement?void 0:r.isElement(y)))||e?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(l.floating)),boundary:u,rootBoundary:f,strategy:a})),w="floating"===h?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(l.floating)),v=await(null==r.isElement?void 0:r.isElement(x))&&await(null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},b=F(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:x,strategy:a}):w);return{top:(g.top-b.top+m.top)/v.y,bottom:(b.bottom-g.bottom+m.bottom)/v.y,left:(g.left-b.left+m.left)/v.x,right:(b.right-g.right+m.right)/v.x}}const k=new Set(["left","top"]);function D(){return"undefined"!=typeof window}function E(t){return L(t)?(t.nodeName||"").toLowerCase():"#document"}function T(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function C(t){var n;return null==(n=(L(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function L(t){return!!D()&&(t instanceof Node||t instanceof T(t).Node)}function O(t){return!!D()&&(t instanceof Element||t instanceof T(t).Element)}function $(t){return!!D()&&(t instanceof HTMLElement||t instanceof T(t).HTMLElement)}function M(t){return!(!D()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof T(t).ShadowRoot)}const z=new Set(["inline","contents"]);function B(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=_(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!z.has(i)}const q=new Set(["table","td","th"]);function j(t){return q.has(E(t))}const H=[":popover-open",":modal"];function I(t){return H.some((n=>{try{return t.matches(n)}catch(t){return!1}}))}const N=["transform","translate","scale","rotate","perspective"],U=["transform","translate","scale","rotate","perspective","filter"],V=["paint","layout","strict","content"];function W(t){const n=X(),e=O(t)?_(t):t;return N.some((t=>!!e[t]&&"none"!==e[t]))||!!e.containerType&&"normal"!==e.containerType||!n&&!!e.backdropFilter&&"none"!==e.backdropFilter||!n&&!!e.filter&&"none"!==e.filter||U.some((t=>(e.willChange||"").includes(t)))||V.some((t=>(e.contain||"").includes(t)))}function X(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const K=new Set(["html","body","#document"]);function Y(t){return K.has(E(t))}function _(t){return T(t).getComputedStyle(t)}function G(t){return O(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function J(t){if("html"===E(t))return t;const n=t.assignedSlot||t.parentNode||M(t)&&t.host||C(t);return M(n)?n.host:n}function Q(t){const n=J(t);return Y(n)?t.ownerDocument?t.ownerDocument.body:t.body:$(n)&&B(n)?n:Q(n)}function Z(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const i=Q(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),s=T(i);if(r){const t=tt(s);return n.concat(s,s.visualViewport||[],B(i)?i:[],t&&e?Z(t):[])}return n.concat(i,Z(i,[],e))}function tt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function nt(t){const n=_(t);let e=parseFloat(n.width)||0,i=parseFloat(n.height)||0;const r=$(t),s=r?t.offsetWidth:e,l=r?t.offsetHeight:i,a=o(e)!==s||o(i)!==l;return a&&(e=s,i=l),{width:e,height:i,$:a}}function et(t){return O(t)?t:t.contextElement}function ot(t){const n=et(t);if(!$(n))return r(1);const e=n.getBoundingClientRect(),{width:i,height:s,$:l}=nt(n);let a=(l?o(e.width):e.width)/i,c=(l?o(e.height):e.height)/s;return a&&Number.isFinite(a)||(a=1),c&&Number.isFinite(c)||(c=1),{x:a,y:c}}const it=r(0);function rt(t){const n=T(t);return X()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:it}function st(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const i=t.getBoundingClientRect(),s=et(t);let l=r(1);n&&(o?O(o)&&(l=ot(o)):l=ot(t));const a=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==T(t))&&n}(s,e,o)?rt(s):r(0);let c=(i.left+a.x)/l.x,u=(i.top+a.y)/l.y,f=i.width/l.x,h=i.height/l.y;if(s){const t=T(s),n=o&&O(o)?T(o):o;let e=t,i=tt(e);for(;i&&o&&n!==e;){const t=ot(i),n=i.getBoundingClientRect(),o=_(i),r=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,s=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;c*=t.x,u*=t.y,f*=t.x,h*=t.y,c+=r,u+=s,e=T(i),i=tt(e)}}return F({width:f,height:h,x:c,y:u})}function lt(t,n){const e=G(t).scrollLeft;return n?n.left+e:st(C(t)).left+e}function at(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-lt(t,e),y:e.top+n.scrollTop}}const ct=new Set(["absolute","fixed"]);function ut(t,n,o){let i;if("viewport"===n)i=function(t,n){const e=T(t),o=C(t),i=e.visualViewport;let r=o.clientWidth,s=o.clientHeight,l=0,a=0;if(i){r=i.width,s=i.height;const t=X();(!t||t&&"fixed"===n)&&(l=i.offsetLeft,a=i.offsetTop)}const c=lt(o);if(c<=0){const t=o.ownerDocument,n=t.body,e=getComputedStyle(n),i="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)||0,s=Math.abs(o.clientWidth-n.clientWidth-i);s<=25&&(r-=s)}else c<=25&&(r+=c);return{width:r,height:s,x:l,y:a}}(t,o);else if("document"===n)i=function(t){const n=C(t),o=G(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),s=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let l=-o.scrollLeft+lt(t);const a=-o.scrollTop;return"rtl"===_(i).direction&&(l+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:s,x:l,y:a}}(C(t));else if(O(n))i=function(t,n){const e=st(t,!0,"fixed"===n),o=e.top+t.clientTop,i=e.left+t.clientLeft,s=$(t)?ot(t):r(1);return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:o*s.y}}(n,o);else{const e=rt(t);i={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return F(i)}function ft(t,n){const e=J(t);return!(e===n||!O(e)||Y(e))&&("fixed"===_(e).position||ft(e,n))}function ht(t,n,e){const o=$(n),i=C(n),s="fixed"===e,l=st(t,!0,s,n);let a={scrollLeft:0,scrollTop:0};const c=r(0);function u(){c.x=lt(i)}if(o||!o&&!s)if(("body"!==E(n)||B(i))&&(a=G(n)),o){const t=st(n,!0,s,n);c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}else i&&u();s&&!o&&i&&u();const f=!i||o||s?r(0):at(i,a);return{x:l.left+a.scrollLeft-c.x-f.x,y:l.top+a.scrollTop-c.y-f.y,width:l.width,height:l.height}}function dt(t){return"static"===_(t).position}function pt(t,n){if(!$(t)||"fixed"===_(t).position)return null;if(n)return n(t);let e=t.offsetParent;return C(t)===e&&(e=e.ownerDocument.body),e}function mt(t,n){const e=T(t);if(I(t))return e;if(!$(t)){let n=J(t);for(;n&&!Y(n);){if(O(n)&&!dt(n))return n;n=J(n)}return e}let o=pt(t,n);for(;o&&j(o)&&dt(o);)o=pt(o,n);return o&&Y(o)&&dt(o)&&!W(o)?e:o||function(t){let n=J(t);for(;$(n)&&!Y(n);){if(W(n))return n;if(I(n))return null;n=J(n)}return null}(t)||e}const yt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const s="fixed"===i,l=C(o),a=!!n&&I(n.floating);if(o===l||a&&s)return e;let c={scrollLeft:0,scrollTop:0},u=r(1);const f=r(0),h=$(o);if((h||!h&&!s)&&(("body"!==E(o)||B(l))&&(c=G(o)),$(o))){const t=st(o);u=ot(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const d=!l||h||s?r(0):at(l,c);return{width:e.width*u.x,height:e.height*u.y,x:e.x*u.x-c.scrollLeft*u.x+f.x+d.x,y:e.y*u.y-c.scrollTop*u.y+f.y+d.y}},getDocumentElement:C,getClippingRect:function(t){let{element:o,boundary:i,rootBoundary:r,strategy:s}=t;const l=[..."clippingAncestors"===i?I(o)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=Z(t,[],!1).filter((t=>O(t)&&"body"!==E(t))),i=null;const r="fixed"===_(t).position;let s=r?J(t):t;for(;O(s)&&!Y(s);){const n=_(s),e=W(s);e||"fixed"!==n.position||(i=null),(r?!e&&!i:!e&&"static"===n.position&&i&&ct.has(i.position)||B(s)&&!e&&ft(t,s))?o=o.filter((t=>t!==s)):i=n,s=J(s)}return n.set(t,o),o}(o,this._c):[].concat(i),r],a=l.reduce(((t,i)=>{const r=ut(o,i,s);return t.top=e(r.top,t.top),t.right=n(r.right,t.right),t.bottom=n(r.bottom,t.bottom),t.left=e(r.left,t.left),t}),ut(o,l[0],s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:mt,getElementRects:async function(t){const n=this.getOffsetParent||mt,e=this.getDimensions,o=await e(t.floating);return{reference:ht(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=nt(t);return{width:n,height:e}},getScale:ot,isElement:O,isRTL:function(t){return"rtl"===_(t).direction}};function gt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}const wt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:r,placement:s,middlewareData:l}=n,a=await async function(t,n){const{placement:e,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),s=u(e),l=f(e),a="y"===m(e),h=k.has(s)?-1:1,d=r&&a?-1:1,p=c(n,t);let{mainAxis:y,crossAxis:g,alignmentAxis:w}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return l&&"number"==typeof w&&(g="end"===l?-1*w:w),a?{x:g*d,y:y*h}:{x:y*h,y:g*d}}(n,t);return s===(null==(e=l.offset)?void 0:e.placement)&&null!=(o=l.arrow)&&o.alignmentOffset?{}:{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}},xt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:r,rects:s,initialPlacement:l,platform:a,elements:h}=n,{mainAxis:p=!0,crossAxis:S=!0,fallbackPlacements:F,fallbackStrategy:R="bestFit",fallbackAxisSideDirection:P="none",flipAlignment:k=!0,...D}=c(t,n);if(null!=(e=r.arrow)&&e.alignmentOffset)return{};const E=u(i),T=m(l),C=u(l)===l,L=await(null==a.isRTL?void 0:a.isRTL(h.floating)),O=F||(C||!k?[A(l)]:function(t){const n=A(t);return[g(t),n,g(n)]}(l)),$="none"!==P;!F&&$&&O.push(...function(t,n,e,o){const i=f(t);let r=function(t,n,e){switch(t){case"top":case"bottom":return e?n?x:w:n?w:x;case"left":case"right":return n?v:b;default:return[]}}(u(t),"start"===e,o);return i&&(r=r.map((t=>t+"-"+i)),n&&(r=r.concat(r.map(g)))),r}(l,k,P,L));const M=[l,...O],z=await a.detectOverflow(n,D),B=[];let q=(null==(o=r.flip)?void 0:o.overflows)||[];if(p&&B.push(z[E]),S){const t=function(t,n,e){void 0===e&&(e=!1);const o=f(t),i=y(t),r=d(i);let s="x"===i?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[r]>n.floating[r]&&(s=A(s)),[s,A(s)]}(i,s,L);B.push(z[t[0]],z[t[1]])}if(q=[...q,{placement:i,overflows:B}],!B.every((t=>t<=0))){var j,H;const t=((null==(j=r.flip)?void 0:j.index)||0)+1,n=M[t];if(n&&("alignment"!==S||T===m(n)||q.every((t=>m(t.placement)!==T||t.overflows[0]>0))))return{data:{index:t,overflows:q},reset:{placement:n}};let e=null==(H=q.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:H.placement;if(!e)switch(R){case"bestFit":{var I;const t=null==(I=q.filter((t=>{if($){const n=m(t.placement);return n===T||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:I[0];t&&(e=t);break}case"initialPlacement":e=l}if(i!==e)return{reset:{placement:e}}}return{}}}};class vt{error(t,n){throw new Error(`[${t}]: ${n}`)}warn(t,n){console.warn(`[${t}]: ${n}`)}log(t,n){console.log(`[${t}]: ${n}`)}}class bt{constructor(t){this.logger=t}async computePosition(t,e,o){null==t&&this.logger.error("FloatingAdapter.computePosition","Reference element is required for positioning."),null==e&&this.logger.error("FloatingAdapter.computePosition","Floating element is required for positioning.");const{placement:i,offset:r,flip:s,shift:l,arrow:p,strategy:g}=o,w=[wt(r)];s&&w.push(xt()),l&&w.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i,platform:r}=n,{mainAxis:s=!0,crossAxis:l=!1,limiter:f={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=c(t,n),p={x:e,y:o},y=await r.detectOverflow(n,d),g=m(u(i)),w=h(g);let x=p[w],v=p[g];s&&(x=a(x+y["y"===w?"top":"left"],x,x-y["y"===w?"bottom":"right"])),l&&(v=a(v+y["y"===g?"top":"left"],v,v-y["y"===g?"bottom":"right"]));const b=f.fn({...n,[w]:x,[g]:v});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[w]:s,[g]:l}}}}}}()),void 0===p&&null===p||w.push((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:s,platform:l,elements:u,middlewareData:h}=e,{element:p,padding:m=0}=c(t,e)||{};if(null==p)return{};const g=S(m),w={x:o,y:i},x=y(r),v=d(x),b=await l.getDimensions(p),A="y"===x,F=A?"top":"left",R=A?"bottom":"right",P=A?"clientHeight":"clientWidth",k=s.reference[v]+s.reference[x]-w[x]-s.floating[v],D=w[x]-s.reference[x],E=await(null==l.getOffsetParent?void 0:l.getOffsetParent(p));let T=E?E[P]:0;T&&await(null==l.isElement?void 0:l.isElement(E))||(T=u.floating[P]||s.floating[v]);const C=k/2-D/2,L=T/2-b[v]/2-1,O=n(g[F],L),$=n(g[R],L),M=O,z=T-b[v]-$,B=T/2-b[v]/2+C,q=a(M,B,z),j=!h.arrow&&null!=f(r)&&B!==q&&s.reference[v]/2-(B<M?O:$)-b[v]/2<0,H=j?B<M?B-M:B-z:0;return{[x]:w[x]+H,data:{[x]:q,centerOffset:B-q-H,...j&&{alignmentOffset:H}},reset:j}}}))({element:p}));const x=await((t,n,e)=>{const o=new Map,i={platform:yt,...e},r={...i.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=e,l=r.filter(Boolean),a=await(null==s.isRTL?void 0:s.isRTL(n));let c=await s.getElementRects({reference:t,floating:n,strategy:i}),{x:u,y:f}=R(c,o,a),h=o,d={},p=0;for(let e=0;e<l.length;e++){var m;const{name:r,fn:y}=l[e],{x:g,y:w,data:x,reset:v}=await y({x:u,y:f,initialPlacement:o,placement:h,strategy:i,middlewareData:d,rects:c,platform:{...s,detectOverflow:null!=(m=s.detectOverflow)?m:P},elements:{reference:t,floating:n}});u=null!=g?g:u,f=null!=w?w:f,d={...d,[r]:{...d[r],...x}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(h=v.placement),v.rects&&(c=!0===v.rects?await s.getElementRects({reference:t,floating:n,strategy:i}):v.rects),({x:u,y:f}=R(c,h,a))),e=-1)}return{x:u,y:f,placement:h,strategy:i,middlewareData:d}})(t,n,{...i,platform:r})})(t,e,{placement:i,middleware:w,strategy:g}).catch((t=>{this.logger.error("FloatingAdapter.computePosition",t.message)})).then((t=>t)),{x:v,y:b,placement:A,middlewareData:F}=x;return{x:v,y:b,placement:A,middlewareData:F}}applyPosition(t,n){null==t&&this.logger.error("FloatingAdapter.applyPosition","Element is required to apply positioning."),t.style.left=`${n.x}px`,t.style.top=`${n.y}px`}}class At extends bt{constructor(){super(new vt)}}const St="focus",Ft="blur",Rt="Enter",Pt="Escape",kt=o=>class extends(t(o)){constructor(){super()}get options(){return{placement:"bottom",offset:8,strategy:"fixed"}}get hooks(){return{}}showElement(){this.floatingContent.showPopover(),this.isVisible=!0,this.startAutoUpdate(this.triggerSlot,this.floatingContent,this.options,(t=>{this.hooks.onPositionUpdate?.(t)}))}onBeforeShow(t){return null==this.triggerSlot?(this.logger.error("AnchoredMixin.show","triggerSlot is required"),!1):super.onBeforeShow(t)}hideElement(){this.stopAutoUpdate(),this.floatingContent?.hidePopover(),this.isVisible=!1}handleSlotChange(t,n,e){const o=t.target;null!=this.previousTrigger&&this.detachTriggerListeners(this.previousTrigger,n,e),null!=o&&(this.attachTriggerListeners(o,n,e),this.previousTrigger=o)}handleKeydown(t,n,e){t.key!==Rt&&" "!==t.key||n(),t.key===Pt&&e()}async updatePosition(t,n,e,o){const i=await this.positionEngine.computePosition(t,n,{placement:e.placement,offset:e.offset,flip:e.flip??!0,shift:e.shift??!0,arrow:e.arrow,strategy:e.strategy??"fixed"});return this.positionEngine.applyPosition(n,i),o?.(i),i}startAutoUpdate(t,o,r,s){const l=()=>{this.updatePosition(t,o,r,s)};l(),this.cleanupAutoUpdate=function(t,o,r,s){void 0===s&&(s={});const{ancestorScroll:l=!0,ancestorResize:a=!0,elementResize:c="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=s,h=et(t),d=l||a?[...h?Z(h):[],...Z(o)]:[];d.forEach((t=>{l&&t.addEventListener("scroll",r,{passive:!0}),a&&t.addEventListener("resize",r)}));const p=h&&u?function(t,o){let r,s=null;const l=C(t);function a(){var t;clearTimeout(r),null==(t=s)||t.disconnect(),s=null}return function c(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),a();const h=t.getBoundingClientRect(),{left:d,top:p,width:m,height:y}=h;if(u||o(),!m||!y)return;const g={rootMargin:-i(p)+"px "+-i(l.clientWidth-(d+m))+"px "+-i(l.clientHeight-(p+y))+"px "+-i(d)+"px",threshold:e(0,n(1,f))||1};let w=!0;function x(n){const e=n[0].intersectionRatio;if(e!==f){if(!w)return c();e?c(!1,e):r=setTimeout((()=>{c(!1,1e-7)}),1e3)}1!==e||gt(h,t.getBoundingClientRect())||c(),w=!1}try{s=new IntersectionObserver(x,{...g,root:l.ownerDocument})}catch(t){s=new IntersectionObserver(x,g)}s.observe(t)}(!0),a}(h,r):null;let m,y=-1,g=null;c&&(g=new ResizeObserver((t=>{let[n]=t;n&&n.target===h&&g&&(g.unobserve(o),cancelAnimationFrame(y),y=requestAnimationFrame((()=>{var t;null==(t=g)||t.observe(o)}))),r()})),h&&!f&&g.observe(h),g.observe(o));let w=f?st(t):null;return f&&function n(){const e=st(t);w&&!gt(w,e)&&r(),w=e,m=requestAnimationFrame(n)}(),r(),()=>{var t;d.forEach((t=>{l&&t.removeEventListener("scroll",r),a&&t.removeEventListener("resize",r)})),null==p||p(),null==(t=g)||t.disconnect(),g=null,f&&cancelAnimationFrame(m)}}(t,o,l,{elementResize:!0,layoutShift:!0})}stopAutoUpdate(){this.cleanupAutoUpdate?.(),this.cleanupAutoUpdate=void 0}attachTriggerListeners(t,n,e){t.addEventListener(St,n),t.addEventListener(Ft,e)}detachTriggerListeners(t,n,e){t.removeEventListener(St,n),t.removeEventListener(Ft,e)}floatingDisconnect(t,n){null!=this.previousTrigger&&this.detachTriggerListeners(this.previousTrigger,t,n),this.stopAutoUpdate()}subscribeToTrigger(t){void 0!==this.hooks.subscribeToTrigger&&this.hooks.subscribeToTrigger(t)}onBeforeLoad(){const t=this.el.parentElement;if(null===t)return;const n=t.querySelector("[bds-tooltip], [bds-popover]")||t;n.isConnected&&(this.triggerSlot=n,this.subscribeToTrigger(n))}componentDidLoad(){this.onBeforeLoad(),this.hooks.onBeforeLoad?.(this.el)}componentWillLoad(){this.toggle=this.toggle.bind(this),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this.positionEngine=new At,this.logger=new vt,this.cleanupAutoUpdate=void 0,this.previousTrigger=void 0}disconnectedCallback(){null!=this.previousTrigger&&this.floatingDisconnect((()=>this.show()),(()=>this.hide())),this.stopAutoUpdate(),this.hide()}};export{kt as a}

package/components-build/p-D5omSME4.js

@@ -1 +0,0 @@
-const s=s=>class extends s{constructor(){super(!1)}formDisabledCallback(s){this.isDisabled=s}};function t(s,t){s.setFormValue?.(t)}function o(s,t,o){const c={};let e="";for(const{key:s,isValid:n,message:a}of t)n(o)||(c[s]=!0,""===e&&(e=a));const n=0===Object.keys(c).length;return s.setValidity?.(n?{}:c,e),n}export{s as f,o as r,t as s}

package/components-build/p-vfAIdwy0.js

@@ -1 +0,0 @@
-function o(o,e,n,a){const c=n[a];o.includes(c)||(n[a]=e,console.warn(`[BorealDS] Invalid value "${c}" for prop "${a}" on <${n.tagName.toLowerCase()}>. Expected one of: ${o.join(", ")}.`))}export{o as v}