@odx/foundation 1.0.0-beta.2 → 1.0.0-beta.200

package/dist/components/popover/popover-host.d.ts

@@ -0,0 +1,43 @@
+import { CanBeDisabled, CustomElement, Placement } from '../../main.js';
+import { PropertyValues } from 'lit';
+import { PopoverPlacementOptions } from './compute-popover-placement.js';
+import { OdxPopover } from './popover.js';
+export * from './compute-popover-placement.js';
+declare global {
+    interface HTMLElement {
+        'odx-popover-toggle': string;
+    }
+}
+export declare const PopoverToggleCommand: import('../../utils/main.js').CommandDirective<"odx-popover-toggle">;
+declare const PopoverHost_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class PopoverHost extends PopoverHost_base {
+    #private;
+    private static initialized;
+    static readonly styles: import('lit').CSSResult;
+    protected popoverElement: OdxPopover;
+    open: boolean;
+    set referenceElement(value: HTMLElement | null);
+    get referenceElement(): HTMLElement | null;
+    placement: Placement;
+    fpsLimit: number;
+    get popoverPlacementOptions(): PopoverPlacementOptions;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    hasMountedPopover(element: HTMLElement): boolean;
+    mountPopover(referenceElement: HTMLElement | null): void;
+    unmountPopover(_referenceElement: HTMLElement): void;
+    hasOpenPopover(referenceElement: HTMLElement | null): boolean;
+    showPopover(): Promise<void>;
+    hidePopover(): void;
+    togglePopover(state?: boolean): boolean;
+    canPopoverShow?(): boolean;
+    onBeforePopoverShow?(): Promise<void> | void;
+    onPopoverShow?(): Promise<void> | void;
+    canPopoverHide?(): boolean;
+    onBeforePopoverHide?(): Promise<void> | void;
+    onPopoverHide?(): Promise<void> | void;
+    updateReferenceElementFromEvent(event: Event): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=popover-host.d.ts.map

package/dist/components/popover/popover-observer.d.ts

@@ -0,0 +1,11 @@
+import { PopoverHost } from './popover-host.js';
+export declare class PopoverObserver {
+    #private;
+    readonly host: PopoverHost;
+    readonly root: Document | ShadowRoot;
+    constructor(host: PopoverHost);
+    hasMountedPopover(element: HTMLElement): boolean;
+    observe(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=popover-observer.d.ts.map

package/dist/{cdk → components}/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -6,7 +6,8 @@ declare global {
     }
 }
 export declare class OdxPopover extends CustomElement {
-    showArrow: boolean;
+    arrowElement: HTMLElement;
+    withArrow: boolean;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/progress-bar/base-progress.d.ts

@@ -0,0 +1,14 @@
+import { CustomElement, ProgressVariant } from '../../main.js';
+export declare class BaseProgress extends CustomElement {
+    label?: string;
+    min: number;
+    max: number;
+    value: number;
+    valueText?: string;
+    hideValue: boolean;
+    indeterminate: boolean;
+    variant: ProgressVariant;
+    get valuePercentage(): number;
+    get valueHidden(): boolean;
+}
+//# sourceMappingURL=base-progress.d.ts.map

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

@@ -1,24 +1,12 @@
-import { CustomElement } from '../../lib/main.js';
 import { TemplateResult } from 'lit';
-import { ProgressState } from './progress-bar.models.js';
+import { BaseProgress } from './base-progress.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-progress-bar': OdxProgressBar;
     }
 }
-export declare class OdxProgressBar extends CustomElement {
-    readonly content: HTMLElement[];
-    indeterminate: boolean;
-    min: number;
-    max: number;
-    value: number;
+export declare class OdxProgressBar extends BaseProgress {
     condensed: boolean;
-    state?: ProgressState;
-    hideValue: boolean;
-    label?: string;
-    valueText?: string;
-    get valuePercentage(): number;
-    get valueHidden(): boolean;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/progress-ring/progress-ring.d.ts

@@ -0,0 +1,33 @@
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { BaseProgress } from '../progress-bar/base-progress.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-progress-ring': OdxProgressRing;
+    }
+}
+export type ProgressRingSize = ValuesOf<typeof ProgressRingSize>;
+export declare const ProgressRingSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+/**
+ * A progress ring that indicates the progress of a task.
+ * @summary Displays the progress of a task in a circular format
+ * @csspart inner - The inner SVG element
+ * @csspart track - The track circle element
+ * @csspart indicator - The indicator circle element
+ */
+export declare class OdxProgressRing extends BaseProgress {
+    size: ProgressRingSize;
+    stroke: number;
+    firstUpdated(changes: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+    normalizeStroke(stroke: number, viewPortSize: number): number;
+}
+//# sourceMappingURL=progress-ring.d.ts.map

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

@@ -1,13 +1,15 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxControl, CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-button': OdxRadioButton;
     }
 }
-export declare class OdxRadioButton extends CheckboxFormControl {
+declare const OdxRadioButton_base: import('../../utils/types.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxRadioButton extends OdxRadioButton_base {
     connectedCallback(): void;
     protected render(): TemplateResult;
-    toggle(state?: boolean, emitEvent?: boolean): void;
+    toggle(state?: boolean, emitEvent?: boolean): boolean;
 }
+export {};
 //# sourceMappingURL=radio-button.d.ts.map

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

@@ -1,11 +1,17 @@
-import { RadioGroupFormControl } from '../../lib/main.js';
-import { RadioGroupVariant } from './radio-group.models.js';
+import { RadioGroupControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-group': OdxRadioGroup;
     }
 }
-export declare class OdxRadioGroup extends RadioGroupFormControl {
-    variant?: RadioGroupVariant;
+export type RadioGroupLayout = ValuesOf<typeof RadioGroupLayout>;
+export declare const RadioGroupLayout: {
+    readonly VERTICAL: "vertical";
+    readonly HORIZONTAL: "horizontal";
+    readonly LIST: "list";
+};
+export declare class OdxRadioGroup extends RadioGroupControlElement {
+    layout?: RadioGroupLayout;
 }
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/rail-navigation/rail-navigation.d.ts

@@ -1,19 +1,17 @@
-import { CustomElement } from '../../lib/main.js';
+import { CanBeCollapsed, ControlSize, CustomElement } from '../../main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { TemplateResult } from 'lit';
-import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
+import { OdxNavigation } from '../navigation/navigation.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-rail-navigation': OdxRailNavigation;
     }
 }
-declare const OdxRailNavigation_base: import('../../lib/main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const OdxRailNavigation_base: import('../../utils/types.js').Constructor<IsLocalized> & import('../../utils/types.js').Constructor<CanBeCollapsed> & typeof CustomElement;
 export declare class OdxRailNavigation extends OdxRailNavigation_base {
-    #private;
-    protected navigationItems: OdxNavigationItem[];
-    collapsed: boolean;
+    navigation: OdxNavigation;
+    size: ControlSize;
     protected render(): TemplateResult;
-    getItems(): OdxNavigationItem[];
 }
 export {};
 //# sourceMappingURL=rail-navigation.d.ts.map

package/dist/components/scroll-container/scroll-container.d.ts

@@ -0,0 +1,34 @@
+import { CustomElement } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-scroll-container': OdxScrollContainer;
+    }
+}
+export interface ScrollContainerChangeEvent extends Event {
+    detail: {
+        scrollDirection: -1 | 1;
+    };
+}
+/**
+
+ * @slot scroll-action-left - Left action slot
+ * @slot scroll-action-right - Right action slot
+ * @slot - Default slot
+ */
+export declare class OdxScrollContainer extends CustomElement {
+    #private;
+    private readonly leftAction;
+    private readonly rightAction;
+    readonly scroller: HTMLElement;
+    readonly stage: HTMLElement;
+    leftOverflow: boolean;
+    rightOverflow: boolean;
+    constructor();
+    scrollToElement(element: HTMLElement): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(props: PropertyValues<this>): void;
+    protected render(): TemplateResult | string;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=scroll-container.d.ts.map

package/dist/components/search-bar/search-bar.d.ts

@@ -1,6 +1,6 @@
-import { CustomElement } from '../../lib/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { SearchBarBehavior } from './search-bar.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-search-bar': OdxSearchBar;
@@ -11,13 +11,27 @@ interface SearchOptions {
     updateInput: boolean;
     forceUpdate: boolean;
 }
-export declare class OdxSearchBar extends CustomElement {
+export type SearchBarBehavior = ValuesOf<typeof SearchBarBehavior>;
+export declare const SearchBarBehavior: {
+    readonly INSTANT: "instant";
+    readonly SUBMIT: "submit";
+};
+export declare class SearchEvent extends CustomEvent<{
+    rawValue?: string;
+    value: string;
+}> {
+    constructor(value: string, rawValue?: string);
+}
+declare const OdxSearchBar_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxSearchBar extends OdxSearchBar_base {
     #private;
     private inputElement;
     behavior: SearchBarBehavior;
+    collapsed: boolean;
     debounceTime?: number;
     placeholder: string;
-    get value(): string;
+    readonly: boolean;
+    value: string;
     search(value: string, options?: Partial<SearchOptions>): void;
     connectedCallback(): void;
     protected updated(props: PropertyValues<this>): void;

package/dist/components/select/select.d.ts

@@ -1,18 +1,25 @@
-import { SelectFormControl } from '../../lib/main.js';
+import { ListboxControlElement, OptionControlElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { OdxDropdown } from '../dropdown/index.js';
-import { OdxOption } from '../option/index.js';
+import { OdxDropdown } from '../dropdown/dropdown.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-select': OdxSelect;
     }
 }
-export declare class OdxSelect extends SelectFormControl {
+export declare class OdxSelect extends ListboxControlElement {
     #private;
-    protected options: OdxOption[];
-    protected dropdownElement: OdxDropdown;
+    static shadowRootOptions: ShadowRootInit;
+    protected readonly dropdown: OdxDropdown;
+    block: boolean;
+    maxVisibleSelectedOptions: number;
+    constructor();
+    clear(): void;
+    isDropdownOpen(): boolean;
+    showDropdown(): void;
+    hideDropdown(): void;
+    connectedCallback(): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    protected canSelect(option: OptionControlElement): boolean;
     protected render(): TemplateResult;
-    protected renderSelectedOptions(): TemplateResult;
-    protected willUpdate(changes: PropertyValues<this>): void;
 }
 //# sourceMappingURL=select.d.ts.map

package/dist/components/separator/separator.d.ts

@@ -1,14 +1,20 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
-import { SeparatorAlign } from './separator.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-separator': OdxSeparator;
     }
 }
+export type SeparatorAlignment = ValuesOf<typeof SeparatorAlignment>;
+export declare const SeparatorAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "CENTER" | "END">;
 export declare class OdxSeparator extends CustomElement {
-    align?: SeparatorAlign;
-    highlight: boolean;
+    alignment: SeparatorAlignment;
+    strong: boolean;
     vertical: boolean;
     connectedCallback(): void;
     protected render(): TemplateResult;

package/dist/components/sidebar/sidebar.d.ts

@@ -0,0 +1,30 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-sidebar': OdxSidebar;
+    }
+}
+export type SidebarPosition = ValuesOf<typeof SidebarPosition>;
+export declare const SidebarPosition: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+export type SidebarSize = ValuesOf<typeof SidebarSize>;
+export declare const SidebarSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD" | "LG">;
+export declare class OdxSidebar extends CustomElement {
+    hidden: boolean;
+    size?: SidebarSize;
+    appearance?: 'default' | 'minimal';
+    protected render(): TemplateResult | string;
+}
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/skeleton/skeleton.d.ts

@@ -1,16 +1,23 @@
-import { CustomElement } from '../../lib/main.js';
+import { ControlSize, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
-import { SkeletonShape, SkeletonSize } from './skeleton.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-skeleton': OdxSkeleton;
     }
 }
+export type SkeletonAppearance = ValuesOf<typeof SkeletonAppearance>;
+export declare const SkeletonAppearance: {
+    readonly TEXT: "text";
+    readonly CONTROL: "button";
+    readonly ICON_BUTTON: "icon-button";
+    readonly AVATAR: "avatar";
+};
 export declare class OdxSkeleton extends CustomElement {
-    emphasized: boolean;
-    muted: boolean;
-    shape?: SkeletonShape;
-    size?: SkeletonSize;
+    loading: boolean;
+    strong: boolean;
+    appearance: SkeletonAppearance;
+    size: ControlSize;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=skeleton.d.ts.map

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

@@ -1,5 +1,5 @@
-export * from './slider-handle.js';
-export * from './slider-marks.js';
 export * from './slider.js';
 export * from './slider.models.js';
+export * from './slider-handle.js';
+export * from './slider-marks.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/slider-handle.d.ts

@@ -1,15 +1,15 @@
-import { CustomElement } from '../../lib/main.js';
-import { DragEvent } from '../../cdk/main.js';
-import { PropertyValueMap, TemplateResult } from 'lit';
+import { CustomElement, DragEvent, IsDraggable, NumberFormControl } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 import { SliderTrackVisibility } from './slider.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-slider-handle': OdxSliderHandle;
     }
 }
-declare const OdxSliderHandle_base: import('../../lib/main.js').Constructor<import('../../cdk/main.js').DraggableElement> & import('../../lib/main.js').Constructor<import('../../lib/main.js').IsNumberControl> & typeof CustomElement;
+declare const OdxSliderHandle_base: import('../../utils/main.js').Constructor<IsDraggable & HTMLElement> & import('../../utils/main.js').Constructor<NumberFormControl> & typeof CustomElement;
 export declare class OdxSliderHandle extends OdxSliderHandle_base {
     #private;
+    static shadowRootOptions: ShadowRootInit;
     private context;
     step: never;
     trackVisibility?: SliderTrackVisibility;
@@ -21,8 +21,8 @@ export declare class OdxSliderHandle extends OdxSliderHandle_base {
     afterDragEnd(event: DragEvent): void;
     getDistance(containerElement: HTMLElement, event: PointerEvent): number;
     getValueText(): string;
-    protected willUpdate(props: PropertyValueMap<this>): void;
-    protected updated(props: PropertyValueMap<this>): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }
 export {};

package/dist/components/slider/slider-marks.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement } from '../../lib/main.js';
+import { CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -9,7 +9,7 @@ export declare class OdxSliderMarks extends CustomElement {
     protected context: import('./slider.models.js').SliderContext;
     step?: number;
     showLabels: boolean;
-    connectedCallback(): Promise<void>;
+    connectedCallback(): void;
     protected render(): TemplateResult;
     protected renderMark(value: number, last?: boolean): TemplateResult;
 }

package/dist/components/slider/slider.d.ts

@@ -1,8 +1,7 @@
-import { CustomElement } from '../../lib/main.js';
-import { DragController } from '../../cdk/main.js';
+import { CustomElement, DragController } from '../../main.js';
 import { TemplateResult } from 'lit';
-import { OdxSliderHandle } from './slider-handle.js';
 import { SliderLabelVisibility } from './slider.models.js';
+import { OdxSliderHandle } from './slider-handle.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-slider': OdxSlider;

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

@@ -1,13 +1,14 @@
-export type SliderLabelVisibility = (typeof SliderLabelVisibility)[keyof typeof SliderLabelVisibility];
+import { ValuesOf } from '../../utils/main.js';
+export type SliderLabelVisibility = ValuesOf<typeof SliderLabelVisibility>;
 export declare const SliderLabelVisibility: {
     readonly AUTO: "auto";
     readonly HIDDEN: "hidden";
 };
-export type SliderTrackVisibility = (typeof SliderTrackVisibility)[keyof typeof SliderTrackVisibility];
+export type SliderTrackVisibility = ValuesOf<typeof SliderTrackVisibility>;
 export declare const SliderTrackVisibility: {
+    readonly VISIBLE: "visible";
     readonly AUTO: "auto";
     readonly HIDDEN: "hidden";
-    readonly VISIBLE: "visible";
 };
 export interface SliderContext {
     step: number;

package/dist/components/spinbox/spinbox.d.ts

@@ -1,20 +1,25 @@
-import { CanBeDisabled, CustomElement } from '../../lib/main.js';
-import { TemplateResult } from 'lit';
+import { CustomElement, FormAssociated } from '../../main.js';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-spinbox': OdxSpinbox;
     }
 }
-declare const OdxSpinbox_base: import('../../lib/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxSpinbox_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
 export declare class OdxSpinbox extends OdxSpinbox_base {
     #private;
-    static shadowRootOptions: ShadowRootInit;
-    private inputElements;
-    compact: boolean;
-    get inputElement(): HTMLInputElement | null;
-    protected render(): TemplateResult;
-    stepUp(): void;
-    stepDown(): void;
+    private get options();
+    interactive: boolean;
+    selectedIndex: number;
+    value: string;
+    constructor();
+    clear(): void;
+    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
+    previous(): void;
+    next(): void;
+    connectedCallback(): void;
+    protected render(): TemplateResult | string;
 }
 export {};
 //# sourceMappingURL=spinbox.d.ts.map

package/dist/components/status/status.d.ts

@@ -0,0 +1,28 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { TemplateResult } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-status': OdxStatus;
+    }
+}
+export type StatusVariant = ValuesOf<typeof StatusVariant>;
+export declare const StatusVariant: Pick<{
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_SUBTLE: "neutral-subtle";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SUBTLE: "primary-subtle";
+    readonly ACCENT: "accent";
+    readonly ACCENT_SUBTLE: "accent-subtle";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly DANGER_SUBTLE: "danger-subtle";
+    readonly GHOST: "ghost";
+}, "NEUTRAL" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER">;
+export declare class OdxStatus extends CustomElement {
+    animated: boolean;
+    variant: StatusVariant;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=status.d.ts.map

package/dist/components/switch/switch.d.ts

@@ -1,12 +1,22 @@
-import { CheckboxFormControl } from '../../lib/main.js';
+import { CheckboxControl, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-switch': OdxSwitch;
     }
 }
-export declare class OdxSwitch extends CheckboxFormControl {
+export type SwitchIndicatorPosition = ValuesOf<typeof SwitchIndicatorPosition>;
+export declare const SwitchIndicatorPosition: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+declare const OdxSwitch_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxSwitch extends OdxSwitch_base {
+    indicatorPosition: SwitchIndicatorPosition;
     connectedCallback(): void;
     protected render(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/tab-bar/tab-bar.d.ts

@@ -0,0 +1,36 @@
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-tab-bar': OdxTabBar;
+    }
+}
+export type TabBarAlignment = ValuesOf<typeof TabBarAlignment>;
+export declare const TabBarAlignment: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+export declare class OdxTabBar extends CustomElement {
+    #private;
+    private readonly containerElement?;
+    private readonly scrollContainer?;
+    alignment: TabBarAlignment;
+    autoSelect: boolean;
+    controlled: boolean;
+    indicatorDisabled: boolean;
+    set selectedIndex(value: number);
+    get selectedIndex(): number;
+    vertical: boolean;
+    get selectedItem(): OdxNavigationItem | undefined;
+    constructor();
+    getItems(): OdxNavigationItem[];
+    selectItem(item: OdxNavigationItem): void;
+    selectPreviousItem(): void;
+    selectNextItem(): void;
+    protected render(): TemplateResult;
+    protected updated(props: PropertyValues<this>): void;
+}
+//# sourceMappingURL=tab-bar.d.ts.map

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

@@ -1,9 +1,9 @@
+export * from './table.js';
+export * from './table.models.js';
 export * from './table-body.js';
 export * from './table-cell.js';
 export * from './table-checkbox-cell.js';
-export * from './table-header-cell.js';
 export * from './table-header.js';
+export * from './table-header-cell.js';
 export * from './table-row.js';
-export * from './table.js';
-export * from './table.models.js';
 //# sourceMappingURL=index.d.ts.map