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

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

@@ -2,6 +2,7 @@ import { IFloatingAdapter, PositioningEngine } from "../services/floating/positi
 import { MixedInCtor } from '../stencil-public-runtime';
 import { Logger } from "../services/logger/Logger";
 import { FloatingMixinOptions } from "../services/floating/interfaces/Floating";
+import { AnchoredHooks } from "../services/floating/interfaces/Anchored";
 /**
  * Positioning and trigger mixin for anchor-based floating elements.
  *
@@ -109,6 +110,8 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * either via slot change handler or `componentDidLoad`.
          */
         triggerSlot: HTMLElement;
+        el: HTMLElement;
+        readonly hooks: AnchoredHooks;
         /**
          * Shows the floating element using the Popover API
          * and starts position auto-update relative to `triggerSlot`.
@@ -160,7 +163,7 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * @param options - Positioning options (placement, offset, flip, shift, arrow)
          * @param onPositionUpdate - Optional callback invoked after each position update
          */
-        updatePosition(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: (result: Awaited<ReturnType<PositioningEngine["computePosition"]>>) => void): Promise<import("../services/floating/interfaces/Positioning").PositioningResult>;
+        updatePosition(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: (result: Awaited<ReturnType<PositioningEngine["computePosition"]>>) => void): Promise<import("../services").PositioningResult>;
         /**
          * Starts automatic position synchronization between the trigger
          * and the floating element. Runs `updatePosition` once immediately,
@@ -171,7 +174,7 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * @param options - Positioning options
          * @param onPositionUpdate - Optional callback after each position update
          */
-        startAutoUpdate(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: Parameters<(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: (result: Awaited<ReturnType<PositioningEngine["computePosition"]>>) => void) => Promise<import("../services/floating/interfaces/Positioning").PositioningResult>>[3]): void;
+        startAutoUpdate(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: Parameters<(triggerElement: HTMLElement, floatingElement: HTMLElement, options: FloatingMixinOptions, onPositionUpdate?: (result: Awaited<ReturnType<PositioningEngine["computePosition"]>>) => void) => Promise<import("../services").PositioningResult>>[3]): void;
         /**
          * Stops automatic position synchronization and clears the cleanup reference.
          */
@@ -200,6 +203,9 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * @param hideFn - Bound hide function to remove
          */
         floatingDisconnect(showFn: (this: void) => void, hideFn: (this: void) => void): void;
+        subscribeToTrigger(trigger?: HTMLElement): void;
+        onBeforeLoad(): void;
+        componentDidLoad(): void;
         /**
          * Initializes the positioning engine, logger, and binds lifecycle methods
          * so they can be safely passed as event listener callbacks.
@@ -213,10 +219,9 @@ export declare const anchoredMixin: <B extends MixedInCtor>(Base: B) => {
          * when the component is removed from the DOM.
          */
         disconnectedCallback(): void;
-        floatingOptions: import("../services/floating/interfaces/Props").FloatingAnchoredProp;
+        floatingOptions: import("../services").FloatingProp;
         floatingContent: HTMLElement;
         isVisible: boolean;
-        readonly hooks: import("@/services/floating/interfaces/Floating").FloatingHooks;
         onBeforeHide(target?: HTMLElement): boolean;
         show(target?: HTMLElement): void;
         hide(target?: HTMLElement): void;

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

@@ -0,0 +1,103 @@
+import { MixedInCtor } from '../stencil-public-runtime';
+import { BackdropHooks } from "../services/floating/interfaces/Backdrop";
+export declare const backdropMixin: <B extends MixedInCtor>(Base: B) => {
+    new (...args: any[]): {
+        /**
+         * The dialog element associated with this backdrop.
+         */
+        dialogElement: HTMLDialogElement;
+        /**
+         * Determines whether clicking on the backdrop closes the dialog.
+         */
+        backdropClose: boolean;
+        /**
+         * Determines whether pressing the Escape key closes the dialog.
+         */
+        escapeClose: boolean;
+        /**
+         * Determines whether pressing the Escape key closes the dialog.
+         */
+        preventClose: boolean;
+        /**
+         * Indicates whether the dialog is currently in the process of closing.
+         */
+        isClosing: boolean;
+        /**
+         * Scroll lock is handled per dialog instance.
+         * This assumes dialogs are opened in a nested manner.
+         */
+        previousOverflow: string;
+        /**
+         * Override in component to provide custom hooks.
+         * @returns {BackdropHooks} The custom hooks object.
+         */
+        readonly hooks: BackdropHooks;
+        /**
+         * Shows the dialog element by calling showModal and setting isVisible to true.
+         * Overrides floating mixin showElement()
+         */
+        showElement(): void;
+        /**
+         * Hides the dialog element by calling close and setting isVisible to false, and resets isClosing.
+         * Overrides floating mixin hideElement()
+         */
+        hideElement(): void;
+        /**
+         * Closes the dialog element, preventing multiple close attempts and calling hooks if available.
+         * * If the onBEforeClose() hook is passed, the implementation SHOULD call the hide() function.
+         */
+        closeElement(): void;
+        /**
+         * Toggles the visibility of the dialog: closes if visible, shows if hidden.
+         */
+        toggle(): void;
+        /**
+         * Overrides the hooks inherited from floating mixin.
+         * Hook called after the dialog is shown. Locks the scroll and calls custom hooks.
+         * @param target The target HTMLElement
+         */
+        onAfterShow(target?: HTMLElement): void;
+        /**
+         * Hook called after the dialog is hidden. Restores the previous overflow style and calls custom hooks.
+         * @param target The target HTMLElement
+         */
+        onAfterHide(target?: HTMLElement): void;
+        /**
+         * A lifecycle hook that is invoked just before the dialog begins to close.
+         * This provides an opportunity to perform custom actions, such as triggering closing animations,
+         * before the dialog is actually hidden from view.
+         * * If the onBeforeClose() hook is passed, the implementation SHOULD call the hide() function.
+         * @param target The target HTMLElement, typically the dialog element.
+         */
+        onBeforeClose(target?: HTMLElement): void;
+        /**
+         * Handle backdrop click to close the dialog.
+         * @param e Mouse Event at click
+         */
+        handleBackdropClick(e: MouseEvent): void;
+        /**
+         * Handle Escape keydown to close the dialog.
+         * @param ev KeyboardEvent
+         */
+        handleKeydown(ev: KeyboardEvent): void;
+        /**
+         * Adds a transition class to the dialog element.
+         * Cleanup and closing logic must be handled by the caller.
+         */
+        addTransitionAnimation(animationClassName: string): void;
+        /**
+         * Removes a transition class to the dialog element.
+         * Calling must be handled by the caller.
+         */
+        removeTransitionAnimation(animationClassName: string): void;
+        floatingOptions: import("../services").FloatingProp;
+        floatingContent: HTMLElement;
+        isVisible: boolean;
+        readonly options: import("../services").FloatingMixinOptions;
+        onBeforeShow(target?: HTMLElement): boolean;
+        onBeforeHide(target?: HTMLElement): boolean;
+        show(target?: HTMLElement): void;
+        hide(target?: HTMLElement): void;
+    };
+} & B;
+//# sourceMappingURL=backdrop.mixin.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FloatingHooks } from "../services/floating/interfaces/Floating";
-import { FloatingAnchoredProp } from "../services/floating/interfaces/Props";
+import { FloatingHooks, FloatingMixinOptions } from "../services/floating/interfaces/Floating";
+import { FloatingProp } from "../services/floating/interfaces/Props";
 import { MixedInCtor } from '../stencil-public-runtime';
 /**
  * Core lifecycle mixin for all floating elements in the design system.
@@ -66,7 +66,7 @@ export declare const floatingMixin: <B extends MixedInCtor>(Base: B) => {
          * Configuration prop passed by the consumer component.
          * Allows external control over lifecycle hooks and floating behavior.
          */
-        floatingOptions: FloatingAnchoredProp;
+        floatingOptions: FloatingProp;
         /**
          * Reference to the floating element in the DOM.
          * Must be assigned via `ref` in the component's render method.
@@ -90,6 +90,14 @@ export declare const floatingMixin: <B extends MixedInCtor>(Base: B) => {
          * @returns FloatingHooks — an object with optional lifecycle callbacks
          */
         readonly hooks: FloatingHooks;
+        /**
+         * Default options for the floating mixin.
+         * Override this getter in the component to customize placement,
+         * offset, strategy, flip, shift, and arrow.
+         *
+         * @returns FloatingMixinOptions — default options for the mixin
+         */
+        readonly options: FloatingMixinOptions;
         /**
          * Called before the element is shown.
          * Aggregates both the component `hooks` and `floatingOptions` controls.

package/dist/types/mixins/form-associated.mixin.d.ts

@@ -9,7 +9,7 @@ import { type EventEmitter, type MixedInCtor } from '../stencil-public-runtime';
  *
  * @example
  * ```typescript
- * import { AttachInternals, Component, Event, EventEmitter, Mixin, Prop } from '../stencil-public-runtime';
+ * import { AttachInternals, Component, Event, EventEmitter, Mixin, Prop, State, Watch } from '../stencil-public-runtime';
  *
  * import { setFormValue } from '@/utils/form';
  * import { formAssociatedMixin, type IFormControl } from '@/mixins/form-associated.mixin';
@@ -18,6 +18,12 @@ import { type EventEmitter, type MixedInCtor } from '../stencil-public-runtime';
  * export class BdsTextField extends Mixin(formAssociatedMixin) implements ITextField, IFormControl<string> {
  *   @AttachInternals() internals!: ElementInternals;
  *
+ *   @Prop({ reflect: true }) readonly disabled: boolean = false;
+ *   @State() private isDisabled: boolean = false;
+ *
+ *   @Watch('disabled')
+ *   onDisabledChange(next: boolean) { this.isDisabled = next; }
+ *
  *   @Prop({ mutable: true, reflect: true }) value: string = '';
  *
  *   @Event() valueChange!: EventEmitter<string>;
@@ -99,28 +105,26 @@ export interface IFormControl<T> extends IFormAssociatedCallbacks, IFormValueEmi
 /**
  * Shared base mixin for Form-Associated Custom Elements in Boreal DS.
  *
- * Provides:
- * - `name`, `disabled`, and `required` form props
- * - `formDisabledCallback` with universal disabled sync behavior
+ * Provides `formDisabledCallback` — the only behavior that is identical across
+ * all FACE components. It writes to the component's `isDisabled` state, which
+ * each component must declare as `@State() private isDisabled: boolean = false`.
+ *
+ * Each component must declare directly on its class body:
+ * - `@AttachInternals() internals!: ElementInternals`
+ * - `@Prop({ reflect: true }) readonly name!: string`
+ * - `@Prop({ reflect: true }) readonly disabled: boolean = false`
+ * - `@Prop({ reflect: true }) readonly required: boolean = false`
+ * - `@State() private isDisabled: boolean = false`
+ * - `@Watch('disabled') onDisabledChange(next: boolean) { this.isDisabled = next; }`
  *
- * Each component must declare `@AttachInternals() internals!: ElementInternals`
- * directly on its class body — Stencil's compiler requires this decorator to be
- * statically visible on the component class, not inside a mixin factory.
+ * Stencil's compiler requires `@Prop` and `@State` decorators to be statically
+ * visible on the component class — they cannot be inherited from a mixin.
  *
  * Components must also implement `IFormControl<T>` for value registration,
  * reset, state restoration, and 2-way binding event emission.
  */
 export declare const formAssociatedMixin: <B extends MixedInCtor>(Base: B) => {
     new (...args: any[]): {
-        /** Name of the form control, submitted as a key in the form data. */
-        readonly name: string;
-        /** Disables the control. Synced automatically from a parent `<fieldset>` or `<form>` via `formDisabledCallback`. */
-        readonly disabled: boolean;
-        /** Marks the control as required for form submission. */
-        readonly required: boolean;
-        /**
-         * Sync component disabled state with parent form disabled state.
-         */
         formDisabledCallback(disabled: boolean): void;
     };
 } & B;

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

@@ -1,4 +1,5 @@
 export * from './form-associated.mixin';
 export * from './floating.mixin';
 export * from './anchored.mixin';
+export * from './backdrop.mixin';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,4 @@
+export * from './positioning.service';
+export * from './interfaces';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/services/floating/interfaces/Anchored.d.ts

@@ -0,0 +1,7 @@
+import { FloatingHooks } from './Floating';
+export interface AnchoredHooks extends FloatingHooks {
+    onBeforeLoad?: (el?: HTMLElement) => void;
+    onAfterLoad?: (el?: HTMLElement) => void;
+    subscribeToTrigger?: (el?: HTMLElement) => void;
+}
+//# sourceMappingURL=Anchored.d.ts.map

package/dist/types/services/floating/interfaces/Backdrop.d.ts

@@ -0,0 +1,5 @@
+import { FloatingHooks } from './Floating';
+export interface BackdropHooks extends FloatingHooks {
+    onBeforeClose?: (el?: HTMLElement) => void;
+}
+//# sourceMappingURL=Backdrop.d.ts.map

package/dist/types/services/floating/interfaces/Floating.d.ts

@@ -1,6 +1,6 @@
 import { Placement, Strategy } from '@floating-ui/dom';
 import { PositioningResult } from './Positioning';
-import { FloatingAnchoredProp } from './Props';
+import { FloatingProp } from './Props';
 /**
  * Add methods to the `onBeforeShow`, `onAfterShow`, `onBeforeHide`, and `onAfterHide` to add custom logic.
  * Pass the element to the method to get the reference to the floating element.
@@ -31,7 +31,7 @@ export interface FloatingMixinOptions {
  * The mixin could provide a getter to able the developer override values.
  */
 export interface IFloatingMixin extends FloatingHooks {
-    floatingOptions: FloatingAnchoredProp;
+    floatingOptions?: FloatingProp;
     get options(): FloatingMixinOptions;
     get hooks(): FloatingHooks;
 }

package/dist/types/services/floating/interfaces/Props.d.ts

@@ -1,4 +1,4 @@
-import { Position } from "../../../types/position";
+import { PopoverPosition, Position } from "../../../types/position";
 import { Arrow } from '../types/Arrow';
 import { FloatingHooks, FloatingMixinOptions } from './Floating';
 /**
@@ -28,8 +28,9 @@ export interface FloatingTooltipProp extends FloatingAnchoredProp {
  * add closeOnClick prop to close the popover when the trigger element is clicked.
  * add clickOutside prop to close the popover when the user click outside the popover.
  */
-export interface FloatingPopoverProp extends FloatingAnchoredProp {
+export interface FloatingPopoverProp extends Omit<FloatingAnchoredProp, 'placement'> {
     closeOnClick?: boolean;
-    clickOutside?: boolean;
+    closeOnClickOutside?: boolean;
+    placement?: PopoverPosition;
 }
 //# sourceMappingURL=Props.d.ts.map

package/dist/types/services/floating/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Floating';
+export * from './Props';
+export * from './Anchored';
+export * from './Positioning';
+export * from './Backdrop';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export * from './floating';
+export * from './logger';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/types/form.d.ts

@@ -1,4 +1,3 @@
-export type ValidationTiming = 'blur' | 'input' | 'submit';
 export interface IFormValidator {
     key: keyof ValidityStateFlags;
     isValid: (el: HTMLElement) => boolean;

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

@@ -9,5 +9,12 @@ export declare const POSITION: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
+export declare const POPOVER_POSITION: {
+    readonly TOP: "top-start";
+    readonly BOTTOM: "bottom-start";
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
 export type Position = (typeof POSITION)[keyof typeof POSITION];
+export type PopoverPosition = (typeof POPOVER_POSITION)[keyof typeof POPOVER_POSITION];
 //# sourceMappingURL=position.d.ts.map

package/dist/types/utils/__test__/backdrop-mock.d.ts

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

package/dist/types/utils/__test__/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TEST_CONSTANT = "This is a test constant used in many tests.";
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/utils/__test__/fixtures.d.ts

@@ -0,0 +1,6 @@
+export declare const TEST_FIXTURE: {
+    first: string;
+    middle: string;
+    last: string;
+};
+//# sourceMappingURL=fixtures.d.ts.map

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

@@ -0,0 +1,14 @@
+import { AnyHTMLElement } from '../../stencil-public-runtime';
+/**
+ * Returns inner element of hydrated component
+ */
+export declare const getInner: (root: AnyHTMLElement | undefined) => HTMLElement;
+/**
+ * Verify if exist an element and throw an error if it doesn't exist.
+ *
+ * @param condition The element or condition to evaluate.
+ * @param message Custom error message.
+ * @throws {Error} If the condition is false, null, or undefined.
+ */
+export declare function assertExists<T>(condition: T | null | undefined, message: string): asserts condition is T;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1,7 @@
+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__/mocks/ElementInternals.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @file Mock implementation of ElementInternals for testing purposes.
+ * simulates the behavior of ElementInternals in a testing environment, allowing components
+ * that rely on form association and validation to be tested without a real browser environment.
+ */
+declare global {
+    interface Window {
+        /** Mock global of ElementInternals Class */
+        ElementInternals: typeof ElementInternals;
+    }
+    interface HTMLElement {
+        /** Simulate native attachInternals method to associate forms */
+        attachInternals(): ElementInternals;
+    }
+    interface HTMLFormElement {
+        /** Simulate native requestSubmit method to trigger form submission */
+        requestSubmit(): void;
+        /** Simulate native reset method to trigger form reset */
+        reset(): void;
+    }
+}
+/**
+ * Mock class that simulates the behavior of ElementInternals for Stencil components.
+ * Allows handling validity states and form association in tests.
+ */
+export declare class ElementInternals {
+    /** Reference to the associated form element */
+    form: HTMLFormElement | null;
+    setFormValue: jest.Mock<any, any, any>;
+    setValidity: jest.Mock<any, any, any>;
+    checkValidity: jest.Mock<boolean, [], any>;
+    reportValidity: jest.Mock<boolean, [], any>;
+    /**
+     * Simulate form submission by dispatching a submit event on the associated form
+     * This should be do it because in testing evironment doesn't exist requesSubmit method on form element,
+     * so we need to simulate it to test the submit behavior of the button component.
+     * */
+    requestSubmit: jest.Mock<void, [], ElementInternals>;
+}
+/**
+ * Initializes the necessary mocks in the global environment
+ * to ensure that components relying on ElementInternals can function correctly during tests.
+ * This includes defining the attachInternals method on HTMLElement and simulating form submission methods.
+ */
+export declare function attachInternals(): void;
+//# sourceMappingURL=ElementInternals.d.ts.map

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

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

package/dist/types/utils/__test__/popover-mock.d.ts

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

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

@@ -0,0 +1,14 @@
+/**
+ * Type for aria-label values used across components.
+ */
+type AriaLabels = {
+    [key: string]: string;
+};
+/**
+ * Centralized list of `aria-label` values used by interactive elements.
+ * Add new entries to the `ARIA_LABELS` object to keep labels consistent
+ * and prevent typos across the design system.
+ */
+export declare const ARIA_LABELS: AriaLabels;
+export {};
+//# sourceMappingURL=Aria.d.ts.map

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

@@ -0,0 +1,14 @@
+/**
+ * Type for icon font-class names used across components.
+ */
+type Icons = {
+    [key: string]: string;
+};
+/**
+ * Centralized list of icon font-class names used by design-system components.
+ * Add new entries to the `ICONS` object to keep class names consistent
+ * and prevent typos across the design system.
+ */
+export declare const ICONS: Icons;
+export {};
+//# sourceMappingURL=Icons.d.ts.map

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

@@ -0,0 +1,5 @@
+export * from './Aria';
+export * from './Events';
+export * from './Icons';
+export * from './Keys';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/utils/helpers/common/BaseAttributes.d.ts

@@ -1,16 +1,9 @@
 /**
- * Ensure the given component instance has an auto-generated id if one wasn't provided.
- * Designed to be called from `componentWillLoad` on a Stencil component.
+ * Generates a stable random ID for internal ARIA linkage.
+ * Used by components to wire labels, descriptions, and controls
+ * without exposing the ID as a public prop.
+ *
+ * @param prefix - Component-specific prefix for readability in DevTools.
  */
-export declare function createId(component: {
-    idComponent?: string;
-}): void;
-/**
- * Components can spread the result into their host.
- */
-export declare function getBaseAttributes(component: {
-    idComponent: string;
-}): {
-    id: string;
-};
+export declare function createId(prefix?: string): string;
 //# sourceMappingURL=BaseAttributes.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './validateProps';
+//# sourceMappingURL=index.d.ts.map

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

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

package/package.json

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

package/components-build/p-Ba6iHqJA.js

@@ -1 +0,0 @@
-const a=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],i=i=>((a,i=[])=>{const r={};return i.forEach((i=>{if(a.hasAttribute(i)){const e=a.getAttribute(i);null!==e&&(r[i]=e),a.removeAttribute(i)}})),r})(i,a);export{i}

package/components-build/p-DQR-jjOl.js

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

package/dist/boreal-web-components/p-08bd6bed.system.entry.js

@@ -1 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function n(t){try{h(a.next(t))}catch(t){o(t)}}function l(t){try{h(a["throw"](t))}catch(t){o(t)}}function h(t){t.done?r(t.value):i(t.value).then(n,l)}h((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(t){return function(e){return h([t,e])}}function h(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(r=0)),r)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;i=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=e.call(t,r)}catch(t){l=[6,t];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-B_tL_RWF.system.js","./p-DKPZ4_C0.system.js","./p-BG1kmb4c.system.js"],(function(t,e){"use strict";var r,a,i,o,n,l;return{setters:[function(t){r=t.r;a=t.h;i=t.a;o=t.g},function(t){n=t.C},function(t){l=t.i}],execute:function(){var h={START:"start"};var s={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var p={DISPLAY:"display",LINK:"link"};var y={P:"p",A:"a"};var g="download";var b={link:{states:[n.DISABLED],size:[s.S,s.M]},label:{states:[n.DISABLED],isRequired:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[n.ERROR]},display:{size:[s.XS,s.S,s.M,s.L,s.XL]}};var d=function(t,e){var r={a:{href:t.state!==n.DISABLED?t.sanitizedHref:null,target:t.target,download:t.isDownloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":undefined},label:{htmlFor:t.htmlFor}};return r[e]||{}};var f=function(){return".bds-typography{-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%}"};var c=t("bds_typography",function(){function t(t){r(this,t);this.inheritedAttributes={};this.variant=p.DISPLAY;this.size=s.M;this.state=n.DEFAULT;this.customClass="";this.element=y.P;this.align=h.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.isRequired=false;this.htmlFor=undefined;this.href=null;this.target=null;this.isDownloadable=false;this.filename=g;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,e.import("./p-B-PpI2Xv.system.js").then((function(t){return t.i}))];case 1:t=r.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";r.label=3;case 3:return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.getTagName===y.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},l(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===p.LINK)return y.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=b[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().isRequired,e=t===void 0?null:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&e,"aria-disabled":this.state===n.DISABLED&&r}};t.prototype.getVariantStateStyles=function(){var t;var e=this.getVariantConfig();return t={},t["bds-typography--".concat(this.variant)]=true,t["bds-typography--align-".concat(this.align)]=true,t["bds-typography--".concat(this.state)]=!!((e===null||e===void 0?void 0:e.states)&&(e===null||e===void 0?void 0:e.states.includes(this.state))),t["bds-typography--size-".concat(this.size)]=!!((e===null||e===void 0?void 0:e.size)&&(e===null||e===void 0?void 0:e.size.includes(this.size))),t["bds-typography--required"]=!!((e===null||e===void 0?void 0:e.isRequired)&&this.isRequired),t["bds-typography--ellipsis"]=this.ellipsis&&this.maxLines<=1,t["bds-typography--ellipsis-multiline"]=this.ellipsis&&this.maxLines>1,t[this.customClass]=this.customClass!=="",t};t.prototype.render=function(){var t=this.getTagName;var e=__assign(__assign(__assign({},d(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var o=this.getVariantConfig(),n=o.canUseTooltip,l=n===void 0?null:n,h=o.isRequired,s=h===void 0?null:h;return a(i,{key:"80c41f5a33f3089005b9cdf2c7db51e07272b5df",class:"bds-typography"},a(t,__assign({key:"623e0a57bf2341ecaeba7e670d01a06f891f4423",class:r,style:{webkitLineClamp:this.maxLines}},e),a("slot",{key:"fa7fa6e7f6cbe6133a1c52bf2f219b2927847a88"}),this.isRequired&&s&&a("em",{key:"aa339d8fbf758491db17ac9c471327a0466bf3dc",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&l&&a("em",{key:"98a6c58192b585fbbe01a93c031e9ae3c20cf3ca",class:"bds-typography__info-icon bds-icon-info-circle"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}());c.style=f()}}}));