@odx/foundation 1.0.0-beta.196 → 1.0.0-beta.199

package/README.md

@@ -45,9 +45,6 @@ import '@odx/foundation/loader';
 // Load styles (in JS)
 import '@odx/foundation/styles';
 
-// Load CSS framework only (in JS)
-import '@odx/foundation/css';
-
 
 ```
 
@@ -55,9 +52,6 @@ import '@odx/foundation/css';
 /* Load styles (in CSS) */
 @import '@odx/foundation/dist/styles.css';
 
-/* Load CSS framework only (in JS) */
-@import '@odx/foundation/dist/css.css';
-
 ```
 
 #### Native Styles
@@ -68,12 +62,12 @@ In order to use the native styles, you need to import the `styles.css` file from
 
 ```js
 // Load styles (in JS)
-import '@odx/foundation/css/native'; // JS
+import '@odx/foundation/styles-native'; // JS
 ```
 
 ```css
 /* Load styles (in CSS) */
-@import '@odx/foundation/dist/cssNative.css';
+@import '@odx/foundation/dist/styles-native.css';
 ```
 
 ### Framework integration

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { ControlSize, ExpandableItemManagerHost } from '../../elements/main.js';
+import { ControlSize, CustomElement, ExpandableItemManagerHost } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { AccordionItemIndicatorPosition, OdxAccordionItem } from '../accordion-item/accordion-item.js';
 declare global {

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

@@ -1,5 +1,5 @@
-import { ValuesOf } from '../../main.js';
-import { CanBeExpanded, InteractiveControlElement } from '../../elements/main.js';
+import { CanBeExpanded, InteractiveControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxAccordionPanel } from '../accordion-panel/accordion-panel.js';
 declare global {
@@ -13,7 +13,7 @@ export declare const AccordionItemIndicatorPosition: Pick<{
     readonly CENTER: "center";
     readonly END: "end";
 }, "START" | "END">;
-declare const OdxAccordionItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
+declare const OdxAccordionItem_base: import('../../utils/main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
 export declare class OdxAccordionItem extends OdxAccordionItem_base {
     indicatorPosition: AccordionItemIndicatorPosition;
     getPanel(): OdxAccordionPanel | null;

package/dist/components/area-footer/area-footer.d.ts

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

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

@@ -1,4 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -19,7 +20,7 @@ export declare const AreaHeaderSize: Pick<{
     readonly LG: "lg";
     readonly XL: "xl";
     readonly XXL: "xxl";
-}, "SM" | "MD" | "LG" | "XS" | "XL">;
+}, "XS" | "SM" | "MD" | "LG" | "XL">;
 export declare class OdxAreaHeader extends CustomElement {
     #private;
     alignment: AreaHeaderAlignment;

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

@@ -1,5 +1,4 @@
-import { ActiveDescendantsController, CustomElement } from '../../main.js';
-import { FormAssociated, OptionControlElement } from '../../elements/main.js';
+import { ActiveDescendantsController, CustomElement, FormAssociated, OptionControlElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxDropdown } from '../dropdown/dropdown.js';
 import { OdxHighlight } from '../highlight/highlight.js';
@@ -8,7 +7,7 @@ declare global {
         'odx-autocomplete': OdxAutocomplete;
     }
 }
-declare const OdxAutocomplete_base: import('../../main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+declare const OdxAutocomplete_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
 export declare class OdxAutocomplete extends OdxAutocomplete_base {
     #private;
     static shadowRootOptions: ShadowRootInit;

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

@@ -1,4 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -18,7 +19,7 @@ export declare const AvatarSize: Pick<{
     readonly LG: "lg";
     readonly XL: "xl";
     readonly XXL: "xxl";
-}, "SM" | "MD" | "LG" | "XS" | "XL" | "XXL">;
+}, "XS" | "SM" | "MD" | "LG" | "XL" | "XXL">;
 export type AvatarVariant = ValuesOf<typeof AvatarVariant>;
 export declare const AvatarVariant: Pick<{
     readonly NEUTRAL: "neutral";

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

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

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

@@ -10,6 +10,7 @@ declare global {
     }
 }
 export declare class OdxBreadcrumbs extends CustomElement {
+    #private;
     max: number;
     connectedCallback(): void;
     protected render(): TemplateResult;

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

@@ -1,12 +1,12 @@
-import { ValuesOf } from '../../main.js';
-import { InteractiveControlElement } from '../../elements/main.js';
+import { LinkControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-button': OdxButton;
     }
 }
-export declare const buttonDirective: import('../../main.js').BooleanAttributeDirective<"odx-button">;
+export declare const buttonDirective: import('../../utils/main.js').BooleanAttributeDirective<"odx-button">;
 export type ButtonVariant = ValuesOf<typeof ButtonVariant>;
 export declare const ButtonVariant: Pick<{
     readonly NEUTRAL: "neutral";
@@ -27,7 +27,7 @@ export declare const ButtonBadgePosition: Pick<{
     readonly CENTER: "center";
     readonly END: "end";
 }, "START" | "END">;
-export declare class OdxButton extends InteractiveControlElement {
+export declare class OdxButton extends LinkControlElement {
     #private;
     static readonly formAssociated = true;
     active: boolean;

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { ControlSize } from '../../elements/main.js';
+import { ControlSize, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { ButtonVariant } from '../button/button.js';
 declare global {
@@ -12,6 +11,7 @@ export declare class OdxButtonGroup extends CustomElement {
     size: ControlSize;
     variant: ButtonVariant;
     vertical: boolean;
+    connectedCallback(): void;
     protected render(): TemplateResult;
     protected updated(props: PropertyValues<this>): void;
 }

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

@@ -1,5 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
-import { CanBeDisabled } from '../../elements/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -20,7 +20,7 @@ export declare const CardVariant: Pick<{
     readonly DANGER_SUBTLE: "danger-subtle";
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "GHOST">;
-declare const OdxCard_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxCard_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxCard extends OdxCard_base {
     #private;
     interactive: boolean;

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

@@ -1,14 +1,14 @@
-import { CheckboxControlElement } from '../../elements/main.js';
+import { CheckboxControl, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-checkbox': OdxCheckbox;
     }
 }
-export declare class OdxCheckbox extends CheckboxControlElement {
-    indeterminate: boolean;
+declare const OdxCheckbox_base: import('../../utils/types.js').Constructor<CheckboxControl> & typeof CustomElement;
+export declare class OdxCheckbox extends OdxCheckbox_base {
     protected render(): TemplateResult;
     protected willUpdate(props: PropertyValues<this>): void;
-    toggle(state?: boolean, dispatchEvent?: boolean): void;
 }
+export {};
 //# sourceMappingURL=checkbox.d.ts.map

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

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

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

@@ -1,5 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
-import { CanBeDisabled } from '../../elements/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -20,7 +20,7 @@ export declare const ChipVariant: Pick<{
     readonly DANGER_SUBTLE: "danger-subtle";
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "NEUTRAL_SUBTLE" | "PRIMARY" | "ACCENT" | "SUCCESS" | "WARNING" | "DANGER">;
-declare const OdxChip_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxChip_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxChip extends OdxChip_base {
     #private;
     protected actionElement?: HTMLElement;

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

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

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

@@ -1,6 +1,6 @@
-import { PopoverPlacementOptions, ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
-import { PopoverHost } from '../popover/popover-host.js';
+import { PopoverHost, PopoverPlacementOptions } from '../popover/popover-host.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-dropdown': OdxDropdown;

package/dist/components/empty-state/empty-state.d.ts

@@ -1,4 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {

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

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

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

@@ -1,7 +1,7 @@
 import { CustomElement } from '../../main.js';
 import { IsLocalized } from '../../i18n/main.js';
 import { TemplateResult } from 'lit';
-declare const BaseFormat_base: import('../../main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const BaseFormat_base: import('../../utils/types.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare abstract class BaseFormat<T> extends BaseFormat_base {
     static styles: import('lit').CSSResult[];
     abstract value?: T | null;

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
-import { CanBeDisabled } from '../../elements/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
@@ -24,7 +24,7 @@ export declare const HighlightVariant: Pick<{
     readonly DANGER_SUBTLE: "danger-subtle";
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "ACCENT" | "ACCENT_SUBTLE" | "DANGER" | "DANGER_SUBTLE">;
-declare const OdxHighlight_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxHighlight_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxHighlight extends OdxHighlight_base {
     #private;
     private static registry;

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

@@ -1,4 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { FormAssociated } from '../../elements/main.js';
+import { CustomElement, FormAssociated } from '../../main.js';
 import { OdxIconName } from '@odx/icons';
 import { nothing, PropertyValues, TemplateResult } from 'lit';
 declare global {
@@ -7,7 +6,7 @@ declare global {
         'odx-input': OdxInput;
     }
 }
-declare const OdxInput_base: import('../../main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
+declare const OdxInput_base: import('../../utils/main.js').Constructor<FormAssociated<string>> & typeof CustomElement;
 export declare class OdxInput extends OdxInput_base {
     #private;
     static shadowRootOptions: ShadowRootInit;

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

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

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

@@ -1,12 +1,11 @@
-import { CustomElement } from '../../main.js';
-import { CanBeDisabled } from '../../elements/main.js';
+import { CanBeDisabled, CustomElement } from '../../main.js';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-link': OdxLink;
     }
 }
-declare const OdxLink_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxLink_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxLink extends OdxLink_base {
     readonly linkElement: HTMLAnchorElement;
     href: string;

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { ControlSize, ExpandableItemManagerHost } from '../../elements/main.js';
+import { ControlSize, CustomElement, ExpandableItemManagerHost } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxListItem } from '../list-item/list-item.js';
 declare global {

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

@@ -1,11 +1,11 @@
-import { CanBeExpanded, InteractiveControlElement } from '../../elements/main.js';
+import { CanBeExpanded, LinkControlElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-list-item': OdxListItem;
     }
 }
-declare const OdxListItem_base: import('../../main.js').Constructor<CanBeExpanded> & typeof InteractiveControlElement;
+declare const OdxListItem_base: import('../../utils/main.js').Constructor<CanBeExpanded> & typeof LinkControlElement;
 export declare class OdxListItem extends OdxListItem_base {
     #private;
     contentElement?: HTMLElementTagNameMap['odx-toggle-content'];

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

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

package/dist/components/logo/logo.d.ts

@@ -1,4 +1,5 @@
-import { CustomElement, ValuesOf } from '../../main.js';
+import { CustomElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-logo': OdxLogo;
@@ -12,7 +13,7 @@ export declare const LogoSize: Pick<{
     readonly LG: "lg";
     readonly XL: "xl";
     readonly XXL: "xxl";
-}, "SM" | "MD" | "LG" | "XS" | "XL">;
+}, "XS" | "SM" | "MD" | "LG" | "XL">;
 export declare class OdxLogo extends CustomElement {
     size: LogoSize;
     compact: boolean;

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

@@ -15,7 +15,7 @@ export declare class OdxMenu extends PopoverHost {
     onBeforePopoverShow(): void;
     onPopoverShow(): void;
     onBeforePopoverHide(): void;
-    protected isMenuItem(element: Element): element is OdxMenuItem;
+    protected isMenuItem(element: HTMLElement): element is OdxMenuItem;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=menu.d.ts.map

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

@@ -1,5 +1,5 @@
-import { ValuesOf } from '../../main.js';
-import { InteractiveControlElement } from '../../elements/main.js';
+import { InteractiveControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { OdxIconName } from '@odx/icons';
 import { TemplateResult } from 'lit';
 declare global {

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

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

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { ControlSize } from '../../elements/main.js';
+import { ControlSize, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 import { OdxNavigationItemGroup } from '../navigation-item-group/navigation-item-group.js';

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

@@ -1,5 +1,5 @@
-import { ValuesOf } from '../../main.js';
-import { InteractiveControlElement } from '../../elements/main.js';
+import { LinkControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-navigation-item': OdxNavigationItem;
@@ -10,7 +10,7 @@ export declare const NavigationItemAppearance: {
     readonly BUTTON: "button";
     readonly LINK: "link";
 };
-export declare class OdxNavigationItem extends InteractiveControlElement {
+export declare class OdxNavigationItem extends LinkControlElement {
     appearance: NavigationItemAppearance;
     active: boolean;
     compact: boolean;

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

@@ -1,5 +1,4 @@
-import { CustomElement } from '../../main.js';
-import { CanBeDisabled, CanBeExpanded, ControlSize } from '../../elements/main.js';
+import { CanBeDisabled, CanBeExpanded, ControlSize, CustomElement } from '../../main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { OdxNavigationItem } from '../navigation-item/navigation-item.js';
 declare global {
@@ -7,7 +6,7 @@ declare global {
         'odx-navigation-item-group': OdxNavigationItemGroup;
     }
 }
-declare const OdxNavigationItemGroup_base: import('../../main.js').Constructor<CanBeExpanded> & import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxNavigationItemGroup_base: import('../../utils/main.js').Constructor<CanBeExpanded> & import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxNavigationItemGroup extends OdxNavigationItemGroup_base {
     active: boolean;
     label: string;

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

@@ -1,4 +1,4 @@
-import { OptionControlElement } from '../../elements/main.js';
+import { OptionControlElement } from '../../main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-option': OdxOption;

package/dist/components/page/page.d.ts

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

package/dist/components/page-layout/page-layout.d.ts

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

package/dist/components/pagination/pagination.d.ts

@@ -6,7 +6,7 @@ declare global {
         'odx-pagination': OdxPagination;
     }
 }
-declare const OdxPagination_base: import('../../main.js').Constructor<IsLocalized> & typeof CustomElement;
+declare const OdxPagination_base: import('../../utils/types.js').Constructor<IsLocalized> & typeof CustomElement;
 export declare class OdxPagination extends OdxPagination_base {
     compact: boolean;
     page: number;

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

@@ -1,16 +1,18 @@
-import { CustomElement, Placement, PopoverPlacementOptions } from '../../main.js';
-import { CanBeDisabled } from '../../elements/main.js';
+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('../../main.js').CommandDirective<"odx-popover-toggle">;
-declare const PopoverHost_base: import('../../main.js').Constructor<CanBeDisabled> & typeof CustomElement;
+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;
@@ -38,5 +40,4 @@ export declare class PopoverHost extends PopoverHost_base {
     updateReferenceElementFromEvent(event: Event): void;
     protected willUpdate(props: PropertyValues<this>): void;
 }
-export {};
 //# sourceMappingURL=popover-host.d.ts.map

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

@@ -7,7 +7,7 @@ declare global {
 }
 export declare class OdxPopover extends CustomElement {
     arrowElement: HTMLElement;
-    showArrow: boolean;
+    withArrow: boolean;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=popover.d.ts.map

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

@@ -1,4 +1,4 @@
-import { ValuesOf } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 import { PropertyValues, TemplateResult } from 'lit';
 import { BaseProgress } from '../progress-bar/base-progress.js';
 declare global {

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

@@ -1,13 +1,15 @@
-import { CheckboxControlElement } from '../../elements/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 CheckboxControlElement {
+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,5 +1,5 @@
-import { ValuesOf } from '../../main.js';
-import { RadioGroupControlElement } from '../../elements/main.js';
+import { RadioGroupControlElement } from '../../main.js';
+import { ValuesOf } from '../../utils/main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-group': OdxRadioGroup;