@odx/foundation 1.0.0-beta.191 → 1.0.0-beta.193

package/dist/components/accordion/accordion.d.ts

@@ -1,6 +1,7 @@
-import { CustomElement, ExpandableItemManagerHost } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ControlSize, ExpandableItemManagerHost } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { AccordionItemIndicatorPosition, AccordionItemSize, OdxAccordionItem } from '../accordion-item/accordion-item.js';
+import { AccordionItemIndicatorPosition, OdxAccordionItem } from '../accordion-item/accordion-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion': OdxAccordion;
@@ -10,7 +11,7 @@ export declare class OdxAccordion extends CustomElement implements ExpandableIte
     #private;
     indicatorPosition: AccordionItemIndicatorPosition;
     multiple: boolean;
-    size: AccordionItemSize;
+    size: ControlSize;
     constructor();
     protected render(): TemplateResult | string;
     getItems(): OdxAccordionItem[];

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

@@ -1,4 +1,5 @@
-import { CanBeExpanded, InteractiveElement, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { CanBeExpanded, InteractiveControlElement } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxAccordionPanel } from '../accordion-panel/accordion-panel.js';
 declare global {
@@ -6,25 +7,15 @@ declare global {
         'odx-accordion-item': OdxAccordionItem;
     }
 }
-export type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
-export declare const AccordionItemSize: Pick<{
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly XXL: "xxl";
-}, "SM" | "MD" | "LG">;
 export type AccordionItemIndicatorPosition = ValuesOf<typeof AccordionItemIndicatorPosition>;
 export declare const AccordionItemIndicatorPosition: Pick<{
     readonly START: "start";
     readonly CENTER: "center";
     readonly END: "end";
 }, "START" | "END">;
-declare const OdxAccordionItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
+declare const OdxAccordionItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
 export declare class OdxAccordionItem extends OdxAccordionItem_base {
     indicatorPosition: AccordionItemIndicatorPosition;
-    size: AccordionItemSize;
     getPanel(): OdxAccordionPanel | null;
     connectedCallback(): void;
     protected renderContent(): TemplateResult;

package/dist/components/autocomplete/autocomplete.d.ts

@@ -1,4 +1,5 @@
-import { ActiveDescendantsController, FormControl, OptionControl } from '../../main.js';
+import { ActiveDescendantsController, CustomElement } from '../../main.js';
+import { FormAssociated, OptionControlElement } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxDropdown } from '../dropdown/dropdown.js';
 import { OdxHighlight } from '../highlight/highlight.js';
@@ -7,19 +8,20 @@ declare global {
         'odx-autocomplete': OdxAutocomplete;
     }
 }
-export declare class OdxAutocomplete extends FormControl {
+declare const OdxAutocomplete_base: import('../../main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+export declare class OdxAutocomplete extends OdxAutocomplete_base {
     #private;
-    /** @internal */
     static shadowRootOptions: ShadowRootInit;
-    protected readonly activeDescendants: ActiveDescendantsController<OptionControl>;
-    protected get options(): OptionControl[];
+    protected readonly activeDescendants: ActiveDescendantsController<OptionControlElement>;
+    protected get options(): OptionControlElement[];
     protected readonly highlight: OdxHighlight;
     protected readonly dropdown: OdxDropdown;
     minQueryLength: number;
-    searchFn: (option: OptionControl, query?: string) => boolean;
+    searchFn: (option: OptionControlElement, query?: string) => boolean;
     get control(): HTMLInputElement | undefined;
     get controlValue(): string;
     protected firstUpdated(props: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=autocomplete.d.ts.map

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

@@ -1,5 +1,5 @@
 import { CustomElement, ValuesOf } from '../../main.js';
-import { PropertyValues } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-avatar': OdxAvatar;
@@ -35,9 +35,11 @@ export declare const AvatarVariant: Pick<{
 }, "NEUTRAL" | "PRIMARY" | "ACCENT" | "GHOST">;
 export declare class OdxAvatar extends CustomElement {
     interactive: boolean;
+    name: string;
     shape: AvatarShape;
     size: AvatarSize;
     variant: AvatarVariant;
-    protected willUpdate(_changedProperties: PropertyValues): void;
+    protected willUpdate(props: PropertyValues): void;
+    protected render(): TemplateResult;
 }
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1,19 +1,11 @@
-import { InteractiveElement, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { InteractiveControlElement } from '../../elements/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button': OdxButton;
     }
 }
 export declare const buttonDirective: import('../../main.js').BooleanAttributeDirective<"odx-button">;
-export type ButtonSize = ValuesOf<typeof ButtonSize>;
-export declare const ButtonSize: Pick<{
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly XXL: "xxl";
-}, "SM" | "MD" | "LG">;
 export type ButtonVariant = ValuesOf<typeof ButtonVariant>;
 export declare const ButtonVariant: Pick<{
     readonly NEUTRAL: "neutral";
@@ -28,15 +20,10 @@ export declare const ButtonVariant: Pick<{
     readonly DANGER_SUBTLE: "danger-subtle";
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "PRIMARY" | "ACCENT" | "DANGER" | "DANGER_SUBTLE" | "GHOST">;
-export declare class OdxButton extends InteractiveElement {
+export declare class OdxButton extends InteractiveControlElement {
     #private;
-    /** @internal */
     static readonly formAssociated = true;
     active: boolean;
-    /**
-     * The size of the button.
-     */
-    size: ButtonSize;
     /**
      * The type of the button.
      */

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

@@ -1,6 +1,7 @@
 import { CustomElement } from '../../main.js';
+import { ControlSize } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ButtonSize, ButtonVariant } from '../button/button.js';
+import { ButtonVariant } from '../button/button.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button-group': OdxButtonGroup;
@@ -8,7 +9,7 @@ declare global {
 }
 export declare class OdxButtonGroup extends CustomElement {
     block: boolean;
-    size: ButtonSize;
+    size: ControlSize;
     variant: ButtonVariant;
     vertical: boolean;
     protected render(): TemplateResult;

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

@@ -1,4 +1,5 @@
-import { CanBeDisabled, CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement, ValuesOf } from '../../main.js';
+import { CanBeDisabled } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,11 +1,11 @@
-import { CheckboxFormControl } from '../../main.js';
+import { CheckboxControlElement } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox': OdxCheckbox;
     }
 }
-export declare class OdxCheckbox extends CheckboxFormControl {
+export declare class OdxCheckbox extends CheckboxControlElement {
     indeterminate: boolean;
     protected render(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;

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

@@ -1,4 +1,5 @@
-import { ValuesOf, CheckboxGroupFormControl } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { CheckboxGroupControlElement } from '../../elements/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -11,7 +12,7 @@ export declare const CheckboxGroupLayout: {
     readonly HORIZONTAL: "horizontal";
     readonly LIST: "list";
 };
-export declare class OdxCheckboxGroup extends CheckboxGroupFormControl {
+export declare class OdxCheckboxGroup extends CheckboxGroupControlElement {
     #private;
     layout: CheckboxGroupLayout;
     protected render(): TemplateResult;

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

@@ -1,4 +1,5 @@
-import { CanBeDisabled, CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement, ValuesOf } from '../../main.js';
+import { CanBeDisabled } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/drawer/drawer.d.ts

@@ -1,5 +1,5 @@
 import { ValuesOf } from '../../main.js';
-import { OdxOverlay } from '../overlay/overlay.js';
+import { DialogElement } from '../../elements/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-drawer': OdxDrawer;
@@ -11,7 +11,7 @@ export declare const DrawerPosition: Pick<{
     readonly CENTER: "center";
     readonly END: "end";
 }, "START" | "END">;
-export declare class OdxDrawer extends OdxOverlay {
+export declare class OdxDrawer extends DialogElement {
     position: DrawerPosition;
 }
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1,4 +1,5 @@
-import { CustomElement, FormControl } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { FormAssociated } from '../../elements/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,8 +9,7 @@ declare global {
 export declare class OdxFormField extends CustomElement {
     #private;
     touched: boolean;
-    getControl(): FormControl | null;
-    connectedCallback(): void;
+    getControl(): FormAssociated | null;
     protected render(): TemplateResult;
     protected renderErrorMessage(): TemplateResult;
 }

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

@@ -1,4 +1,5 @@
-import { CanBeDisabled, CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement, ValuesOf } from '../../main.js';
+import { CanBeDisabled } from '../../elements/main.js';
 import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/inline-message/inline-message.d.ts

@@ -21,7 +21,7 @@ export declare const InlineMessageVariant: Pick<{
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER">;
 export declare class OdxInlineMessage extends CustomElement {
-    closable: boolean;
+    dismissible: boolean;
     strong: boolean;
     icon?: OdxIconName | null;
     variant: InlineMessageVariant;

package/dist/components/input/input.d.ts

@@ -1,4 +1,5 @@
-import { FormControl } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { FormAssociated } from '../../elements/main.js';
 import { OdxIconName } from '@odx/icons';
 import { nothing, PropertyValues, TemplateResult } from 'lit';
 declare global {
@@ -6,9 +7,9 @@ declare global {
         'odx-input': OdxInput;
     }
 }
-export declare class OdxInput extends FormControl<string> {
+declare const OdxInput_base: import('../../main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+export declare class OdxInput extends OdxInput_base {
     #private;
-    /** @internal */
     static shadowRootOptions: ShadowRootInit;
     private nativeInput;
     block: boolean;
@@ -27,4 +28,5 @@ export declare class OdxInput extends FormControl<string> {
     protected render(): TemplateResult;
     protected renderControl(type: string, icon: OdxIconName, listener: EventListener, disabled: boolean): TemplateResult | typeof nothing;
 }
+export {};
 //# sourceMappingURL=input.d.ts.map

package/dist/components/key-value-list/key-value-list.d.ts

@@ -1,4 +1,4 @@
-import { CustomElement, ListElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { KeyValueSize, OdxKeyValue } from '../key-value/key-value.js';
 declare global {
@@ -6,7 +6,7 @@ declare global {
         'odx-key-value-list': OdxKeyValueList;
     }
 }
-export declare class OdxKeyValueList extends CustomElement implements ListElement<OdxKeyValue> {
+export declare class OdxKeyValueList extends CustomElement {
     size: KeyValueSize;
     getItems(_deep?: boolean): OdxKeyValue[];
     protected render(): TemplateResult;

package/dist/components/link/link.d.ts

@@ -1,14 +1,24 @@
-import { InteractiveLink } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { CanBeDisabled } from '../../elements/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-link': OdxLink;
     }
 }
-export declare class OdxLink extends InteractiveLink {
+declare const OdxLink_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare class OdxLink extends OdxLink_base {
+    readonly linkElement: HTMLAnchorElement;
+    href: string;
+    target: '_blank' | '_parent' | '_self' | '_top' | '';
+    rel: string;
+    download?: string;
     external: boolean;
     strong: boolean;
     subtle: boolean;
-    protected renderContent(): TemplateResult;
+    protected render(): TemplateResult;
+    click(): void;
+    focus(options?: FocusOptions): void;
 }
+export {};
 //# sourceMappingURL=link.d.ts.map

package/dist/components/list/list.d.ts

@@ -1,20 +1,21 @@
-import { CustomElement, ExpandableItemManagerHost, ListElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ControlSize, ExpandableItemManagerHost } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { ListItemSize, OdxListItem } from '../list-item/list-item.js';
+import { OdxListItem } from '../list-item/list-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list': OdxList;
     }
 }
-export declare class OdxList extends CustomElement implements ExpandableItemManagerHost, ListElement<OdxListItem> {
+export declare class OdxList extends CustomElement implements ExpandableItemManagerHost {
     multiple: boolean;
     muted: boolean;
-    size: ListItemSize;
+    size: ControlSize;
     constructor();
     getItems(_deep?: boolean): OdxListItem[];
     toggleAll(state?: boolean, emitEvent?: boolean): void;
     connectedCallback(): void;
-    protected render(): TemplateResult | string;
+    protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;
 }
 //# sourceMappingURL=list.d.ts.map

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

@@ -1,26 +1,16 @@
-import { CanBeExpanded, InteractiveElement, ValuesOf } from '../../main.js';
+import { CanBeExpanded, InteractiveControlElement } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItem;
     }
 }
-export type ListItemSize = ValuesOf<typeof ListItemSize>;
-export declare const ListItemSize: Pick<{
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly XXL: "xxl";
-}, "SM" | "MD" | "LG">;
-declare const OdxListItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveElement;
+declare const OdxListItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
 export declare class OdxListItem extends OdxListItem_base {
     #private;
     region?: HTMLElementTagNameMap['odx-toggle-content'];
     muted: boolean;
     selected: boolean;
-    size: ListItemSize;
     withExpandControl: boolean;
     isExpandable(): boolean;
     getExpandControl(): HTMLElement | null;

package/dist/components/loading-overlay/loading-overlay.d.ts

@@ -5,7 +5,6 @@ declare global {
         'odx-loading-overlay': OdxLoadingOverlay;
     }
 }
-export declare const LOADING_OVERLAY_HOST_DIRECTIVE = "odx-loading-overlay-host";
 export declare class OdxLoadingOverlay extends CustomElement {
     #private;
     private readonly overlay;

package/dist/components/loading-spinner/loading-spinner.d.ts

@@ -5,14 +5,14 @@ declare global {
         'odx-loading-spinner': OdxLoadingSpinner;
     }
 }
-export type LoadingSpinnerType = ValuesOf<typeof LoadingSpinnerType>;
-export declare const LoadingSpinnerType: {
+export type LoadingSpinnerAppearance = ValuesOf<typeof LoadingSpinnerAppearance>;
+export declare const LoadingSpinnerAppearance: {
     readonly SPINNER: "spinner";
     readonly DOTS: "dots";
     readonly INLINE: "inline";
 };
 export declare class OdxLoadingSpinner extends CustomElement {
-    type: LoadingSpinnerType;
+    appearance: LoadingSpinnerAppearance;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=loading-spinner.d.ts.map

package/dist/components/main-menu/main-menu-button.d.ts

@@ -6,6 +6,8 @@ declare global {
     }
 }
 export declare class OdxMainMenuButton extends CustomElement {
+    label?: string;
+    connectedCallback(): void;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=main-menu-button.d.ts.map

package/dist/components/main.d.ts

@@ -46,7 +46,6 @@ export * from './navigation/navigation.js';
 export * from './navigation-item/navigation-item.js';
 export * from './navigation-item-group/navigation-item-group.js';
 export * from './option/option.js';
-export * from './overlay/overlay.js';
 export * from './page/page.js';
 export * from './page-layout/page-layout.js';
 export * from './pagination/pagination.js';

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

@@ -1,4 +1,5 @@
-import { InteractiveElement, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { InteractiveControlElement } from '../../elements/main.js';
 import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {
@@ -20,8 +21,7 @@ export declare const MenuItemVariant: Pick<{
     readonly DANGER_SUBTLE: "danger-subtle";
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "DANGER">;
-export declare class OdxMenuItem extends InteractiveElement {
-    /** @internal */
+export declare class OdxMenuItem extends InteractiveControlElement {
     protected loadingSpinnerSlot: "prefix";
     icon?: OdxIconName | null;
     variant: MenuItemVariant;

package/dist/components/modal/modal.d.ts

@@ -1,10 +1,7 @@
 import { ValuesOf } from '../../main.js';
+import { DialogElement } from '../../elements/main.js';
 import { TemplateResult } from 'lit';
-import { OdxOverlay } from '../overlay/overlay.js';
 declare global {
-    interface HTMLElement {
-        'odx-modal-toggle': string;
-    }
     interface HTMLElementTagNameMap {
         'odx-modal': OdxModal;
     }
@@ -14,10 +11,7 @@ export declare const ModalLayout: {
     MODAL: string;
     SIDESHEET: string;
 };
-export type ModalHookFn = (modal: OdxModal) => Promise<void> | void;
-export type ModalGuardFn = (modal: OdxModal) => Promise<boolean> | boolean;
-export declare const ModalToggleCommand: import('../../main.js').CommandDirective<"odx-modal-toggle">;
-export declare class OdxModal extends OdxOverlay {
+export declare class OdxModal extends DialogElement {
     protected renderContent(): TemplateResult;
 }
 //# sourceMappingURL=modal.d.ts.map

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

@@ -1,15 +1,16 @@
-import { CustomElement, ListElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ControlSize } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { NavigationItemSize, OdxNavigationItem } from '../navigation-item/navigation-item.js';
+import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 import { OdxNavigationItemGroup } from '../navigation-item-group/navigation-item-group.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation': OdxNavigation;
     }
 }
-export declare class OdxNavigation extends CustomElement implements ListElement<OdxNavigationItemGroup | OdxNavigationItem> {
+export declare class OdxNavigation extends CustomElement {
     horizontal: boolean;
-    size: NavigationItemSize;
+    size: ControlSize;
     getItems(deep?: boolean): Array<OdxNavigationItemGroup | OdxNavigationItem>;
     connectedCallback(): void;
     protected render(): TemplateResult;

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

@@ -1,22 +1,18 @@
-import { InteractiveElement, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { InteractiveControlElement } from '../../elements/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;
     }
 }
-export type NavigationItemSize = ValuesOf<typeof NavigationItemSize>;
-export declare const NavigationItemSize: 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 OdxNavigationItem extends InteractiveElement {
+export type NavigationItemAppearance = ValuesOf<typeof NavigationItemAppearance>;
+export declare const NavigationItemAppearance: {
+    readonly BUTTON: "button";
+    readonly LINK: "link";
+};
+export declare class OdxNavigationItem extends InteractiveControlElement {
+    appearance: NavigationItemAppearance;
     active: boolean;
     compact: boolean;
-    size: NavigationItemSize;
-    type: 'button' | 'link';
 }
 //# sourceMappingURL=navigation-item.d.ts.map

package/dist/components/navigation-item-group/navigation-item-group.d.ts

@@ -1,17 +1,18 @@
-import { CanBeDisabled, CanBeExpanded, CustomElement, ListElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { CanBeDisabled, CanBeExpanded, ControlSize } from '../../elements/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { NavigationItemSize, OdxNavigationItem } from '../navigation-item/navigation-item.js';
+import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item-group': OdxNavigationItemGroup;
     }
 }
 declare const OdxNavigationItemGroup_base: import('../../main.js').Constructor<CanBeExpanded> & import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
-export declare class OdxNavigationItemGroup extends OdxNavigationItemGroup_base implements ListElement<OdxNavigationItem> {
+export declare class OdxNavigationItemGroup extends OdxNavigationItemGroup_base {
     active: boolean;
     label: string;
     loading: boolean;
-    size: NavigationItemSize;
+    size: ControlSize;
     getItems(_deep?: boolean): OdxNavigationItem[];
     protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;

package/dist/components/option/option.d.ts

@@ -1,11 +1,10 @@
-import { OptionControl } from '../../main.js';
-import { TemplateResult } from 'lit';
+import { OptionControlElement } from '../../elements/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-option': OdxOption;
     }
 }
-export declare class OdxOption extends OptionControl {
-    protected render(): TemplateResult;
+export declare class OdxOption extends OptionControlElement {
+    connectedCallback(): void;
 }
 //# sourceMappingURL=option.d.ts.map

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

@@ -1,4 +1,5 @@
-import { CanBeDisabled, CustomElement, Placement, PopoverPlacementOptions } from '../../main.js';
+import { CustomElement, Placement, PopoverPlacementOptions } from '../../main.js';
+import { CanBeDisabled } from '../../elements/main.js';
 import { PropertyValues } from 'lit';
 import { OdxPopover } from './popover.js';
 declare global {

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

@@ -1,11 +1,11 @@
-import { CheckboxFormControl } from '../../main.js';
+import { CheckboxControlElement } from '../../elements/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-button': OdxRadioButton;
     }
 }
-export declare class OdxRadioButton extends CheckboxFormControl {
+export declare class OdxRadioButton extends CheckboxControlElement {
     connectedCallback(): void;
     protected render(): TemplateResult;
     toggle(state?: boolean, emitEvent?: boolean): void;

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

@@ -1,4 +1,5 @@
-import { RadioGroupFormControl, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../main.js';
+import { RadioGroupControlElement } from '../../elements/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-group': OdxRadioGroup;
@@ -10,7 +11,7 @@ export declare const RadioGroupLayout: {
     readonly HORIZONTAL: "horizontal";
     readonly LIST: "list";
 };
-export declare class OdxRadioGroup extends RadioGroupFormControl {
+export declare class OdxRadioGroup extends RadioGroupControlElement {
     layout?: RadioGroupLayout;
 }
 //# sourceMappingURL=radio-group.d.ts.map

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

@@ -1,8 +1,8 @@
 import { CustomElement } from '../../main.js';
+import { ControlSize } from '../../elements/main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { TemplateResult } from 'lit';
 import { OdxNavigation } from '../navigation/navigation.js';
-import { NavigationItemSize } from '../navigation-item/navigation-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-rail-navigation': OdxRailNavigation;
@@ -13,7 +13,7 @@ export declare class OdxRailNavigation extends OdxRailNavigation_base {
     #private;
     navigation: OdxNavigation;
     collapsed: boolean;
-    size: NavigationItemSize;
+    size: ControlSize;
     protected render(): TemplateResult;
 }
 export {};