@odx/foundation 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/components/area-header/index.d.ts

@@ -1,3 +1,3 @@
-export * from './area-header.component';
-export * from './area-header.models';
+export * from './area-header.js';
+export * from './area-header.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { AvatarSize, AvatarVariant } from './avatar.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-avatar': OdxAvatar;
+    }
+}
+export declare class OdxAvatar extends CustomElement {
+    size?: AvatarSize;
+    variant?: AvatarVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
-export * from './avatar.component';
-export * from './avatar.models';
+export * from './avatar.js';
+export * from './avatar.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/avatar-group/avatar-group.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { AvatarSize, AvatarVariant, OdxAvatar } from '../avatar/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-avatar-group': OdxAvatarGroup;
+    }
+}
+export declare class OdxAvatarGroup extends CustomElement implements Pick<OdxAvatar, 'size' | 'variant'> {
+    size?: AvatarSize;
+    variant?: AvatarVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/components/avatar-group/index.d.ts

@@ -1,2 +1,2 @@
-export * from './avatar-group.component';
+export * from './avatar-group.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,15 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { BadgeVariant } from './badge.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-badge': OdxBadge;
+    }
+}
+export declare class OdxBadge extends CustomElement {
+    compact?: boolean;
+    pulse?: boolean;
+    variant?: BadgeVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.models.d.ts

@@ -7,4 +7,8 @@ export declare const BadgeVariant: {
     WARNING: string;
     DANGER: string;
 };
+export type BadgeType = (typeof BadgeType)[keyof typeof BadgeType];
+export declare const BadgeType: {
+    STATUS: string;
+};
 //# sourceMappingURL=badge.models.d.ts.map

package/dist/components/badge/index.d.ts

@@ -1,3 +1,3 @@
-export * from './badge.component';
-export * from './badge.models';
+export * from './badge.js';
+export * from './badge.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs-item.d.ts

@@ -0,0 +1,17 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxLink } from '../link/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-breadcrumbs-item': OdxBreadcrumbsItem;
+    }
+}
+export declare class OdxBreadcrumbsItem extends CustomElement {
+    private linkElements;
+    fallback: boolean;
+    isLast(): boolean;
+    protected get interactiveElement(): OdxLink | null;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=breadcrumbs-item.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,23 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+interface BreadcrumbsItem {
+    href: string;
+    label: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-breadcrumbs': OdxBreadcrumbs;
+    }
+}
+export declare class OdxBreadcrumbs extends CustomElement {
+    #private;
+    private itemElements;
+    private renderedItemElements;
+    max: number;
+    items?: BreadcrumbsItem[] | null;
+    protected firstUpdated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/breadcrumbs/index.d.ts

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

package/dist/components/button/base-button.d.ts

@@ -1,6 +1,6 @@
-import { TemplateResult } from 'lit';
-import { BaseLink } from '../link';
-declare const BaseButtonComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseLink;
+import { TemplateResult, nothing } from 'lit';
+import { BaseLink } from '../link/index.js';
+declare const BaseButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseLink;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -13,11 +13,15 @@ declare const BaseButtonComponent_base: import('@odx/foundation').Constructor<im
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class BaseButtonComponent extends BaseButtonComponent_base {
-    #private;
+export declare class BaseButton extends BaseButton_base {
+    static readonly styles: import('lit').CSSResult;
+    lineClamp: 1 | 2;
     protected render(): TemplateResult;
-    protected renderContent(): TemplateResult;
+    protected renderContent(withSpinner?: boolean): TemplateResult;
     protected renderButton(): TemplateResult<1>;
+    protected renderSlot(name: 'prefix' | 'suffix', force?: boolean): TemplateResult;
+    protected renderOverlay(): TemplateResult | typeof nothing;
+    protected renderSpinner(overlay?: boolean): TemplateResult;
 }
 export {};
 //# sourceMappingURL=base-button.d.ts.map

package/dist/components/button/{button.component.d.ts → button.d.ts}

@@ -1,11 +1,12 @@
-import { BaseButtonComponent } from './base-button';
-import { ButtonSize, ButtonVariant } from './button.models';
+import { TemplateResult } from 'lit';
+import { BaseButton } from './base-button.js';
+import { ButtonSize, ButtonVariant } from './button.models.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-button': OdxButtonComponent;
+        'odx-button': OdxButton;
     }
 }
-declare const OdxButtonComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseButtonComponent;
+declare const OdxButton_base: import('../../lib/main.js').Constructor<import('../../lib/main.js').HasLoadingState> & typeof BaseButton;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -18,9 +19,10 @@ declare const OdxButtonComponent_base: import('@odx/foundation').Constructor<imp
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButtonComponent extends OdxButtonComponent_base {
+export declare class OdxButton extends OdxButton_base {
     #private;
     static readonly formAssociated = true;
+    alignBadge?: 'center' | 'end';
     block: boolean;
     /**
      * The type of the button.
@@ -35,6 +37,7 @@ export declare class OdxButtonComponent extends OdxButtonComponent_base {
      */
     variant?: ButtonVariant;
     constructor();
+    protected render(): TemplateResult;
 }
 export {};
-//# sourceMappingURL=button.component.d.ts.map
+//# sourceMappingURL=button.d.ts.map

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

@@ -1,4 +1,4 @@
-export * from './base-button';
-export * from './button.component';
-export * from './button.models';
+export * from './base-button.js';
+export * from './button.js';
+export * from './button.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,21 @@
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { PropertyValues } from 'lit';
+import { ButtonSize, ButtonVariant } from '../button/index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-button-group': OdxButtonGroup;
+    }
+}
+declare const OdxButtonGroup_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxButtonGroup extends OdxButtonGroup_base {
+    private buttons;
+    private allButtons;
+    block: boolean;
+    connected: boolean;
+    vertical: boolean;
+    size?: ButtonSize | null;
+    variant?: ButtonVariant | null;
+    protected updated(props: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/index.d.ts

@@ -1,2 +1,2 @@
-export * from './button-group.component';
+export * from './button-group.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/card/card.d.ts

@@ -0,0 +1,13 @@
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-card': OdxCard;
+    }
+}
+declare const OdxCard_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxCard extends OdxCard_base {
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/index.d.ts

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

package/dist/components/checkbox/{checkbox.component.d.ts → checkbox.d.ts}

@@ -1,14 +1,14 @@
-import { CheckboxFormControl } from '@odx/foundation';
+import { CheckboxFormControl } from '../../lib/main.js';
 import { PropertyValueMap, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-checkbox': OdxCheckboxComponent;
+        'odx-checkbox': OdxCheckbox;
     }
 }
-export declare class OdxCheckboxComponent extends CheckboxFormControl {
+export declare class OdxCheckbox extends CheckboxFormControl {
     indeterminate: boolean;
     protected render(): TemplateResult;
     protected willUpdate(changes: PropertyValueMap<this>): void;
     toggle(state?: boolean, dispatchEvent?: boolean): void;
 }
-//# sourceMappingURL=checkbox.component.d.ts.map
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/index.d.ts

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

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxGroupFormControl } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+import { CheckboxGroupVariant } from './checkbox-group.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-checkbox-group': OdxCheckboxGroup;
+    }
+}
+export declare class OdxCheckboxGroup extends CheckboxGroupFormControl {
+    #private;
+    variant?: CheckboxGroupVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/checkbox-group/index.d.ts

@@ -1,3 +1,3 @@
-export * from './checkbox-group.component';
-export * from './checkbox-group.models';
+export * from './checkbox-group.js';
+export * from './checkbox-group.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/chip/{chip.component.d.ts → chip.d.ts}

@@ -1,13 +1,13 @@
-import { CanBeDisabled, CustomElement } from '@odx/foundation';
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ChipVariant } from './chip.models';
+import { ChipVariant } from './chip.models.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-chip': OdxChipComponent;
+        'odx-chip': OdxChip;
     }
 }
-declare const OdxChipComponent_base: import('@odx/foundation').Constructor<CanBeDisabled> & typeof CustomElement;
-export declare class OdxChipComponent extends OdxChipComponent_base {
+declare const OdxChip_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxChip extends OdxChip_base {
     #private;
     protected actionElement?: HTMLElement;
     removable: boolean;
@@ -19,4 +19,4 @@ export declare class OdxChipComponent extends OdxChipComponent_base {
     protected updated(changes: PropertyValues<this>): void;
 }
 export {};
-//# sourceMappingURL=chip.component.d.ts.map
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/chip/index.d.ts

@@ -1,3 +1,3 @@
-export * from './chip.component';
-export * from './chip.models';
+export * from './chip.js';
+export * from './chip.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/circular-progress-bar/{circular-progress-bar.component.d.ts → circular-progress-bar.d.ts}

@@ -1,9 +1,9 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { CircularProgressBarSize } from './circular-progress-bar.models';
+import { CircularProgressBarSize } from './circular-progress-bar.models.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-circular-progress-bar': OdxCircularProgressBarComponent;
+        'odx-circular-progress-bar': OdxCircularProgressBar;
     }
 }
 /**
@@ -13,7 +13,7 @@ declare global {
  * @csspart track - The track circle element
  * @csspart indicator - The indicator circle element
  */
-export declare class OdxCircularProgressBarComponent extends CustomElement {
+export declare class OdxCircularProgressBar extends CustomElement {
     #private;
     protected readonly viewPortSize = 100;
     /**
@@ -39,4 +39,4 @@ export declare class OdxCircularProgressBarComponent extends CustomElement {
     protected render(): TemplateResult;
     private setAttributes;
 }
-//# sourceMappingURL=circular-progress-bar.component.d.ts.map
+//# sourceMappingURL=circular-progress-bar.d.ts.map

package/dist/components/circular-progress-bar/index.d.ts

@@ -1,3 +1,3 @@
-export * from './circular-progress-bar.component';
-export * from './circular-progress-bar.models';
+export * from './circular-progress-bar.js';
+export * from './circular-progress-bar.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/content-box/content-box.d.ts

@@ -0,0 +1,11 @@
+import { CustomElement } from '../../lib/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-content-box': OdxContentBox;
+    }
+}
+export declare class OdxContentBox extends CustomElement {
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=content-box.d.ts.map

package/dist/components/content-box/content-box.models.d.ts

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=content-box.models.d.ts.map

package/dist/components/content-box/index.d.ts

@@ -1,2 +1,2 @@
-export * from './content-box.component';
+export * from './content-box.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,24 @@
+import { CanBeDisabled, CustomElement } from '../../lib/main.js';
+import { OdxPopover, PopoverHost, PopoverPlacementOptions } from '../../cdk/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { DropdownPlacement } from './dropdown.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-dropdown': OdxDropdown;
+    }
+}
+declare const OdxDropdown_base: import('../../lib/main.js').Constructor<PopoverHost> & import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxDropdown extends OdxDropdown_base {
+    #private;
+    protected popoverElement: OdxPopover;
+    matchReferenceWidth: boolean;
+    placement: DropdownPlacement;
+    get options(): PopoverPlacementOptions;
+    connectedCallback(): void;
+    mountPopover(referenceElement?: HTMLElement | null): void;
+    unmountPopover(referenceElement: HTMLElement): void;
+    protected render(): TemplateResult;
+    protected willUpdate(changes: PropertyValues<this>): void;
+}
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/index.d.ts

@@ -1,3 +1,3 @@
-export * from './dropdown.component';
-export * from './dropdown.models';
+export * from './dropdown.js';
+export * from './dropdown.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/{elements/form-field/form-field.element.d.ts → components/form-field/form-field.d.ts}

@@ -1,11 +1,11 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-form-field': OdxFormFieldElement;
+        'odx-form-field': OdxFormField;
     }
 }
-export declare class OdxFormFieldElement extends CustomElement {
+export declare class OdxFormField extends CustomElement {
     #private;
     private elements;
     get control(): HTMLInputElement | undefined;
@@ -13,4 +13,4 @@ export declare class OdxFormFieldElement extends CustomElement {
     protected render(): TemplateResult;
     protected renderErrorMessage(): TemplateResult;
 }
-//# sourceMappingURL=form-field.element.d.ts.map
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/form-field/index.d.ts

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

package/dist/components/format/base-format.d.ts

@@ -0,0 +1,13 @@
+import { CustomElement } from '../../lib/main.js';
+import { IsLocalized } from '../../i18n/main.js';
+import { TemplateResult } from 'lit';
+declare const BaseFormat_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
+export declare abstract class BaseFormat<T> extends BaseFormat_base {
+    static styles: import('lit').CSSResult[];
+    abstract value?: T | null;
+    fallbackValue?: string | null;
+    protected abstract transform(value: T, fallbackValue?: string): string | TemplateResult;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=base-format.d.ts.map

package/dist/components/format/format-bytes.d.ts

@@ -0,0 +1,13 @@
+import { BaseFormat } from './base-format.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-format-bytes': OdxFormatBytes;
+    }
+}
+export declare class OdxFormatBytes extends BaseFormat<number> {
+    private static readonly UNIT_PREFIXES;
+    value?: number | null | undefined;
+    unit: 'byte' | 'bit';
+    protected transform(value: number): string;
+}
+//# sourceMappingURL=format-bytes.d.ts.map

package/dist/components/format/format-date.d.ts

@@ -0,0 +1,14 @@
+import { DateTimeFormatOptions } from '../../i18n/main.js';
+import { BaseFormat } from './base-format.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-format-date': OdxFormatDate;
+    }
+}
+export declare class OdxFormatDate extends BaseFormat<number | string | Date> {
+    value?: number | string | Date | null;
+    dateStyle?: DateTimeFormatOptions['dateStyle'];
+    get valueAsDate(): Date | null;
+    protected transform(value: number | string | Date): string;
+}
+//# sourceMappingURL=format-date.d.ts.map

package/dist/components/format/{format-number.component.d.ts → format-number.d.ts}

@@ -1,11 +1,11 @@
-import { NumberFormatOptions, SingleUnitIdentifier } from '@odx/foundation';
-import { FormatComponent } from './format.component';
+import { BaseFormat } from './base-format.js';
+import { NumberFormatOptions, SingleUnitIdentifier } from '../../i18n/main.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-format-number': OdxFormatNumberComponent;
+        'odx-format-number': OdxFormatNumber;
     }
 }
-export declare class OdxFormatNumberComponent extends FormatComponent<number> {
+export declare class OdxFormatNumber extends BaseFormat<number> {
     value?: number | null;
     currency?: NumberFormatOptions['currency'];
     currencyDisplay?: NumberFormatOptions['currencyDisplay'];
@@ -17,4 +17,4 @@ export declare class OdxFormatNumberComponent extends FormatComponent<number> {
     unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];
     protected transform(value: number): string;
 }
-//# sourceMappingURL=format-number.component.d.ts.map
+//# sourceMappingURL=format-number.d.ts.map

package/dist/components/format/index.d.ts

@@ -1,5 +1,6 @@
-export * from './format-bytes.component';
-export * from './format-date.component';
-export * from './format-number.component';
-export * from './relative-time.component';
+export * from './base-format.js';
+export * from './format-bytes.js';
+export * from './format-date.js';
+export * from './format-number.js';
+export * from './relative-time.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/format/{relative-time.component.d.ts → relative-time.d.ts}

@@ -1,12 +1,12 @@
-import { RelativeTimeFormatOptions } from '@odx/foundation';
+import { RelativeTimeFormatOptions } from '../../i18n/main.js';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { FormatComponent } from './format.component';
+import { BaseFormat } from './base-format.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-relative-time': OdxRelativeTimeComponent;
+        'odx-relative-time': OdxRelativeTime;
     }
 }
-export declare class OdxRelativeTimeComponent extends FormatComponent<number | string | Date> {
+export declare class OdxRelativeTime extends BaseFormat<number | string | Date> {
     #private;
     value: number | string | Date;
     format?: RelativeTimeFormatOptions['style'];
@@ -18,4 +18,4 @@ export declare class OdxRelativeTimeComponent extends FormatComponent<number | s
     willUpdate(props: PropertyValueMap<this>): void;
     protected transform(value: Date | string): TemplateResult;
 }
-//# sourceMappingURL=relative-time.component.d.ts.map
+//# sourceMappingURL=relative-time.d.ts.map

package/dist/components/header/header-actions.d.ts

@@ -0,0 +1,10 @@
+import { CustomElement } from '../../lib/main.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-header-actions': OdxHeaderActions;
+    }
+}
+export declare class OdxHeaderActions extends CustomElement {
+    connectedCallback(): void;
+}
+//# sourceMappingURL=header-actions.d.ts.map

package/dist/components/header/{header.component.d.ts → header.d.ts}

@@ -1,14 +1,14 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-header': OdxHeaderComponent;
+        'odx-header': OdxHeader;
     }
 }
-export declare class OdxHeaderComponent extends CustomElement {
+export declare class OdxHeader extends CustomElement {
     #private;
     private titleElements;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=header.component.d.ts.map
+//# sourceMappingURL=header.d.ts.map

package/dist/components/header/index.d.ts

@@ -1,3 +1,3 @@
-export * from './header-actions.component';
-export * from './header.component';
+export * from './header-actions.js';
+export * from './header.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/headline/headline.d.ts

@@ -0,0 +1,13 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValueMap } from 'lit';
+import { HeadlineSize } from './headline.models.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-headline': OdxHeadline;
+    }
+}
+export declare class OdxHeadline extends CustomElement {
+    size?: HeadlineSize;
+    protected willUpdate(props: PropertyValueMap<this>): void;
+}
+//# sourceMappingURL=headline.d.ts.map

package/dist/components/headline/index.d.ts

@@ -1,3 +1,3 @@
-export * from './headline.component';
-export * from './headline.models';
+export * from './headline.js';
+export * from './headline.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/highlight/highlight.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement } from '../../lib/main.js';
+import { PropertyValueMap } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-highlight': OdxHighlight;
+    }
+}
+export declare class OdxHighlight extends CustomElement {
+    query?: string | null;
+    minlength: number;
+    protected updated(props: PropertyValueMap<this>): void;
+    protected highlight(): void;
+}
+//# sourceMappingURL=highlight.d.ts.map