@odx/foundation 1.0.0-beta.250 → 1.0.0-beta.251

package/dist/{lib/interactive-control-element.d.ts → components/abstract/button-control-element.d.ts}

@@ -9,10 +9,12 @@ import { ControlElement } from './control-element.js';
  * @slot suffix - Suffix slot
  * @slot - Default slot
  */
-export declare class InteractiveControlElement extends ControlElement {
+export declare class ButtonControlElement extends ControlElement {
     static readonly styles: CSSResultGroup;
+    static shadowRootOptions: ShadowRootInit;
+    focusTarget: HTMLButtonElement;
     lineClamp: number;
     protected render(): TemplateResult;
-    protected renderSlot(): TemplateResult;
+    protected renderLabel(): TemplateResult;
 }
-//# sourceMappingURL=interactive-control-element.d.ts.map
+//# sourceMappingURL=button-control-element.d.ts.map

package/dist/{lib → components/abstract}/control-element.d.ts

@@ -1,8 +1,7 @@
-import { ValuesOf } from '../utils/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { CanBeDisabled } from './behaviors/can-be-disabled.js';
-import { CustomElement } from './custom-element.js';
-export declare const controlDirective: import('../utils/main.js').BooleanAttributeDirective<"data-odx-control">;
+export declare const controlDirective: import('../../utils/main.js').BooleanAttributeDirective<"data-odx-control">;
 export type ControlSize = ValuesOf<typeof ControlSize>;
 export declare const ControlSize: Pick<{
     readonly XS: "xs";
@@ -12,7 +11,7 @@ export declare const ControlSize: Pick<{
     readonly XL: "xl";
     readonly XXL: "xxl";
 }, "SM" | "MD" | "LG">;
-declare const ControlElement_base: import('../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const ControlElement_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 /**
  * @csspart spinner
  *
@@ -22,9 +21,6 @@ declare const ControlElement_base: import('../utils/main.js').Constructor<CanBeD
  */
 export declare class ControlElement extends ControlElement_base {
     static readonly styles: CSSResultGroup;
-    static shadowRootOptions: ShadowRootInit;
-    protected loadingSpinnerSlot?: 'prefix' | 'suffix';
-    focusTarget: HTMLDivElement;
     loading: boolean;
     size: ControlSize;
     connectedCallback(): void;
@@ -32,8 +28,8 @@ export declare class ControlElement extends ControlElement_base {
     protected updated(props: PropertyValues): void;
     protected render(): TemplateResult;
     protected renderContent(): TemplateResult;
-    protected renderSlot(defaultContent?: TemplateResult | string): TemplateResult;
-    protected renderSideSlot(name: string, defaultContent?: TemplateResult | string): TemplateResult;
+    protected renderLabel(defaultContent?: TemplateResult | string): TemplateResult;
+    protected renderSideSlot(name: 'prefix' | 'suffix', defaultContent?: TemplateResult | string): TemplateResult;
     protected renderLoadingSpinner(): TemplateResult;
 }
 export {};

package/dist/{lib → components/abstract}/dialog-element.d.ts

@@ -1,8 +1,7 @@
-import { ValuesOf } from '../utils/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { CanBeDisabled } from './behaviors/can-be-disabled.js';
-import { CustomElement } from './custom-element.js';
-export declare const dialogDirective: import('../utils/main.js').BooleanAttributeDirective<"odx-dialog">;
+export declare const dialogDirective: import('../../utils/main.js').BooleanAttributeDirective<"odx-dialog">;
 export type DialogSize = ValuesOf<typeof DialogSize>;
 export declare const DialogSize: Pick<{
     readonly XS: "xs";
@@ -18,9 +17,9 @@ export declare const DialogLayer: {
     PAGE: string;
     CONTAINER: string;
 };
-export declare const DialogShowCommand: import('../utils/main.js').CommandDirective<"odx-dialog-show">;
-export declare const DialogDismissCommand: import('../utils/main.js').CommandDirective<"odx-dialog-dismiss">;
-export declare const DialogCloseCommand: import('../utils/main.js').CommandDirective<"odx-dialog-close">;
+export declare const DialogShowCommand: import('../../utils/main.js').CommandDirective<"odx-dialog-show">;
+export declare const DialogDismissCommand: import('../../utils/main.js').CommandDirective<"odx-dialog-dismiss">;
+export declare const DialogCloseCommand: import('../../utils/main.js').CommandDirective<"odx-dialog-close">;
 export declare class DialogShowEvent extends Event {
     static readonly eventName = "dialog-show";
     constructor(eventInit?: EventInit);
@@ -33,7 +32,7 @@ export declare class DialogCloseEvent extends CustomEvent<{
         returnValue?: string;
     }>);
 }
-declare const DialogElement_base: import('../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const DialogElement_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class DialogElement extends DialogElement_base {
     #private;
     static readonly styles: CSSResultGroup;

package/dist/{lib → components/abstract}/link-control-element.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { InteractiveControlElement } from './interactive-control-element.js';
+import { ButtonControlElement } from './button-control-element.js';
 /**
  * @csspart base
  * @csspart spinner
@@ -9,7 +9,8 @@ import { InteractiveControlElement } from './interactive-control-element.js';
  * @slot suffix - Suffix slot
  * @slot - Default slot
  */
-export declare class LinkControlElement extends InteractiveControlElement {
+export declare class LinkControlElement extends ButtonControlElement {
+    focusTarget: HTMLButtonElement & HTMLLinkElement;
     href: string;
     target: '_blank' | '_parent' | '_self' | '_top' | '';
     rel: string;

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

@@ -1,6 +1,7 @@
-import { ControlSize, CustomElement, ExpandableItemManagerHost } from '../../main.js';
+import { CustomElement, ExpandableItemManagerHost } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxAccordionItem } from '../accordion-item/accordion-item.js';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,12 +1,13 @@
-import { CanBeExpanded, InteractiveControlElement } from '../../main.js';
+import { CanBeExpanded } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ButtonControlElement } from '../abstract/button-control-element.js';
 import { OdxAccordionPanel } from '../accordion-panel/accordion-panel.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion-item': OdxAccordionItem;
     }
 }
-declare const OdxAccordionItem_base: import('../../utils/main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
+declare const OdxAccordionItem_base: import('../../utils/main.js').Constructor<CanBeExpanded> & typeof ButtonControlElement;
 /**
  * @summary An accordion item component that can be expanded or collapsed to show or hide content.
  * @status beta

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

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-accordion-panel': OdxAccordionPanel;

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

@@ -1,6 +1,6 @@
-import { LinkControlElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
+import { LinkControlElement } from '../abstract/link-control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button': OdxButton;

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

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { ButtonVariant, OdxButton } from '../button/button.js';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,15 +1,36 @@
 import { CheckboxControl, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox': OdxCheckbox;
     }
 }
+export type CheckboxIndicatorPosition = ValuesOf<typeof CheckboxIndicatorPosition>;
+export declare const CheckboxIndicatorPosition: Pick<{
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+}, "START" | "END">;
+export type CheckboxSize = ValuesOf<typeof CheckboxSize>;
+export declare const CheckboxSize: Pick<{
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+}, "SM" | "MD">;
 declare const OdxCheckbox_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof CustomElement;
 export declare class OdxCheckbox extends OdxCheckbox_base {
+    #private;
+    static observeSlots: boolean;
+    indicatorPosition: CheckboxIndicatorPosition;
+    size: CheckboxSize;
     protected render(): TemplateResult;
-    protected renderContent(): TemplateResult | null;
-    protected willUpdate(props: PropertyValues<this>): void;
+    protected renderIndicator(): TemplateResult;
+    protected firstUpdated(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -10,7 +10,6 @@ export type CheckboxGroupLayout = ValuesOf<typeof CheckboxGroupLayout>;
 export declare const CheckboxGroupLayout: {
     readonly VERTICAL: "vertical";
     readonly HORIZONTAL: "horizontal";
-    readonly LIST: "list";
 };
 export declare class OdxCheckboxGroup extends CheckboxControlGroup {
     layout: CheckboxGroupLayout;

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

@@ -1,5 +1,5 @@
-import { DialogElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
+import { DialogElement } from '../abstract/dialog-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-drawer': OdxDrawer;

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

@@ -32,7 +32,7 @@ export declare const InlineMessageVariant: Pick<{
 export declare class OdxInlineMessage extends CustomElement {
     dismissible: boolean;
     strong: boolean;
-    icon?: OdxIconName | null;
+    icon?: OdxIconName;
     size: InlineMessageSize;
     variant: InlineMessageVariant;
     show(): void;

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

@@ -1,6 +1,7 @@
-import { ControlElement, FormAssociated } from '../../main.js';
+import { FormAssociated } from '../../main.js';
 import { OdxIconName } from '@odx/icons';
 import { nothing, PropertyValues, TemplateResult } from 'lit';
+import { ControlElement } from '../abstract/control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-input': OdxInput;
@@ -9,6 +10,7 @@ declare global {
 declare const OdxInput_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof ControlElement;
 export declare class OdxInput extends OdxInput_base {
     #private;
+    static shadowRootOptions: ShadowRootInit;
     focusTarget: HTMLInputElement;
     clearable: boolean;
     hideControls: boolean;

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

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement, ExpandableItemManagerHost } from '../../main.js';
+import { CustomElement, ExpandableItemManagerHost } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxListItem } from '../list-item/list-item.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -8,7 +9,7 @@ declare global {
 }
 export declare class OdxList extends CustomElement implements ExpandableItemManagerHost {
     multiple: boolean;
-    muted?: boolean;
+    muted: boolean;
     size: ControlSize;
     constructor();
     getItems(_deep?: boolean): OdxListItem[];

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

@@ -1,6 +1,7 @@
-import { CanBeExpanded, LinkControlElement } from '../../main.js';
+import { CanBeExpanded } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { LinkControlElement } from '../abstract/link-control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItem;

package/dist/components/{spinbox/spinbox.d.ts → listbox/listbox.d.ts}

@@ -1,13 +1,14 @@
-import { ControlSize, CustomElement, FormAssociated } from '../../main.js';
+import { CustomElement, FormAssociated } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxOption } from '../option/option.js';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-spinbox': OdxSpinbox;
+        'odx-listbox': OdxListbox;
     }
 }
-declare const OdxSpinbox_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
-export declare class OdxSpinbox extends OdxSpinbox_base {
+declare const OdxListbox_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+export declare class OdxListbox extends OdxListbox_base {
     #private;
     interactive: boolean;
     selectedIndex: number;
@@ -24,4 +25,4 @@ export declare class OdxSpinbox extends OdxSpinbox_base {
     next(): void;
 }
 export {};
-//# sourceMappingURL=spinbox.d.ts.map
+//# sourceMappingURL=listbox.d.ts.map

package/dist/components/main.d.ts

@@ -1,3 +1,7 @@
+export * from './abstract/button-control-element.js';
+export * from './abstract/control-element.js';
+export * from './abstract/dialog-element.js';
+export * from './abstract/link-control-element.js';
 export * from './accordion/accordion.js';
 export * from './accordion-item/accordion-item.js';
 export * from './accordion-panel/accordion-panel.js';
@@ -35,6 +39,7 @@ export * from './line-clamp/line-clamp.js';
 export * from './link/link.js';
 export * from './list/list.js';
 export * from './list-item/list-item.js';
+export * from './listbox/listbox.js';
 export * from './loading-overlay/loading-overlay.js';
 export * from './loading-spinner/loading-spinner.js';
 export * from './logo/logo.js';
@@ -63,7 +68,6 @@ export * from './separator/separator.js';
 export * from './sidebar/sidebar.js';
 export * from './skeleton/skeleton.js';
 export * from './slider/slider.js';
-export * from './spinbox/spinbox.js';
 export * from './status/status.js';
 export * from './switch/switch.js';
 export * from './tab-bar/tab-bar.js';

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

@@ -1,5 +1,5 @@
-import { LinkControlElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
+import { LinkControlElement } from '../abstract/link-control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-menu-item': OdxMenuItem;
@@ -28,7 +28,6 @@ export declare const MenuItemVariant: Pick<{
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "DANGER">;
 export declare class OdxMenuItem extends LinkControlElement {
-    protected loadingSpinnerSlot: "prefix";
     size: MenuItemSize;
     variant: MenuItemVariant;
     connectedCallback(): void;

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

@@ -1,6 +1,6 @@
-import { DialogElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { DialogElement } from '../abstract/dialog-element.js';
 export * from './modal.service.js';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 import { OdxNavigationItemGroup } from '../navigation-item-group/navigation-item-group.js';
 declare global {

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

@@ -1,5 +1,5 @@
-import { LinkControlElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
+import { LinkControlElement } from '../abstract/link-control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;

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

@@ -1,5 +1,6 @@
-import { CanBeDisabled, CanBeExpanded, ControlSize, CustomElement } from '../../main.js';
+import { CanBeDisabled, CanBeExpanded, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,5 +1,6 @@
-import { ControlElement, OptionControl } from '../../main.js';
+import { OptionControl } from '../../main.js';
 import { TemplateResult } from 'lit';
+import { ControlElement } from '../abstract/control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-option': OdxOption;
@@ -7,7 +8,6 @@ declare global {
 }
 declare const OdxOption_base: import('../../utils/main.js').Constructor<OptionControl> & typeof ControlElement;
 export declare class OdxOption extends OdxOption_base {
-    static shadowRootOptions: ShadowRootInit;
     hideIndicator: boolean;
     connectedCallback(): void;
     protected renderContent(): TemplateResult;

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

@@ -9,6 +9,6 @@ export declare class OdxRadioButton extends OdxCheckbox {
     indeterminate: never;
     connectedCallback(): void;
     toggle(state?: boolean, emitEvent?: boolean): boolean;
-    protected render(): TemplateResult;
+    protected renderIndicator(): TemplateResult;
 }
 //# sourceMappingURL=radio-button.d.ts.map

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

@@ -9,7 +9,6 @@ export type RadioGroupLayout = ValuesOf<typeof RadioGroupLayout>;
 export declare const RadioGroupLayout: {
     readonly VERTICAL: "vertical";
     readonly HORIZONTAL: "horizontal";
-    readonly LIST: "list";
 };
 declare const OdxRadioGroup_base: import('../../utils/main.js').Constructor<RadioGroupControl<import('../../main.js').CheckboxControl>> & typeof CustomElement;
 export declare class OdxRadioGroup extends OdxRadioGroup_base {

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

@@ -1,6 +1,7 @@
-import { CanBeCollapsed, ControlSize, CustomElement } from '../../main.js';
+import { CanBeCollapsed, CustomElement } from '../../main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxNavigation } from '../navigation/navigation.js';
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -11,6 +11,7 @@ export declare class OdxSelect extends ListboxControl<OdxOption> {
     #private;
     static shadowRootOptions: ShadowRootInit;
     private dropdownOpen;
+    focusTarget: HTMLElement;
     protected readonly dropdown: OdxDropdown;
     clearable: boolean;
     constructor();

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

@@ -1,6 +1,7 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-skeleton': OdxSkeleton;

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

@@ -1,20 +1,13 @@
 import { OdxCheckbox } from '../main.js';
-import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-switch': OdxSwitch;
     }
 }
-export type SwitchIndicatorPosition = ValuesOf<typeof SwitchIndicatorPosition>;
-export declare const SwitchIndicatorPosition: Pick<{
-    readonly START: "start";
-    readonly CENTER: "center";
-    readonly END: "end";
-}, "START" | "END">;
 export declare class OdxSwitch extends OdxCheckbox {
-    indicatorPosition: SwitchIndicatorPosition;
+    indeterminate: never;
     connectedCallback(): void;
-    protected render(): TemplateResult;
+    protected renderIndicator(): TemplateResult;
 }
 //# sourceMappingURL=switch.d.ts.map

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

@@ -1,6 +1,7 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -15,6 +16,7 @@ export declare const TabBarAlignment: Pick<{
 }, "START" | "END">;
 export declare class OdxTabBar extends CustomElement {
     #private;
+    private activeIndex?;
     private readonly baseElement?;
     private readonly indicatorElement?;
     private readonly scrollContainer?;

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

@@ -1,7 +1,8 @@
-import { CheckboxControl, InteractiveControlElement } from '../../main.js';
+import { CheckboxControl } from '../../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { OdxIconName } from '@odx/icons';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ButtonControlElement } from '../abstract/button-control-element.js';
 import { TooltipPlacement } from '../tooltip/tooltip.js';
 declare global {
     interface HTMLElementTagNameMap {
@@ -21,9 +22,10 @@ export declare const ToggleButtonVariant: Pick<{
     readonly SUBTLE: "subtle";
     readonly GHOST: "ghost";
 }, "ACCENT" | "GHOST">;
-declare const OdxToggleButton_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof InteractiveControlElement;
+declare const OdxToggleButton_base: import('../../utils/main.js').Constructor<CheckboxControl> & typeof ButtonControlElement;
 export declare class OdxToggleButton extends OdxToggleButton_base {
     static observeSlots: boolean;
+    focusTarget: HTMLButtonElement;
     private tooltip?;
     label?: string;
     labelChecked?: string;

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

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement, RadioGroupControl } from '../../main.js';
+import { CustomElement, RadioGroupControl } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 import { OdxToggleButton, ToggleButtonVariant } from '../toggle-button/toggle-button.js';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/toolbar/toolbar.d.ts

@@ -1,5 +1,6 @@
-import { ControlSize, CustomElement } from '../../main.js';
+import { CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
+import { ControlSize } from '../abstract/control-element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-toolbar': OdxToolbar;