@db-ux/v-core-components 1.0.0-test-13b991d

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

@@ -0,0 +1,44 @@
+import { ContainerWidthProps, GlobalProps, GlobalState, InitializedState, NavigationBehaviorState, ToggleEventProps, ToggleEventState } from '../../shared/model';
+export type DBHeaderDefaultProps = {
+    /**
+     * Slot to pass in the DBBrand component
+     */
+    brand?: any;
+    /**
+     * Slot to pass in a meta navigation.
+     * Desktop: Above the regular header
+     * Mobile: Inside the drawer
+     */
+    metaNavigation?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
+     * Desktop: Shown next to the main-navigation
+     * Mobile: Shown next to the brand
+     */
+    primaryAction?: any;
+    /**
+     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
+     * Desktop: Shown seperated by divider at the end of the header
+     * Mobile: Shown inside the drawer at the bottom.
+     */
+    secondaryAction?: any;
+    /**
+     * Open/closes the drawer for mobile header or if `forceMobile` is true.
+     */
+    drawerOpen?: boolean;
+    /**
+     * Forces the header to use mobile layout for desktop as well.
+     * You should only use this setting if you really can't provide a smaller navigation.
+     * Overwrite size of the drawer with '--db-drawer-max-width: xxx'
+     */
+    forceMobile?: boolean;
+    /**
+     * This attribute sets the label for the burger menu button for mobile headers.
+     */
+    burgerMenuLabel?: string;
+};
+export type DBHeaderProps = DBHeaderDefaultProps & GlobalProps & ToggleEventProps & ContainerWidthProps;
+export type DBHeaderDefaultState = {
+    forcedToMobile?: boolean;
+};
+export type DBHeaderState = DBHeaderDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NavigationBehaviorState;

package/dist/components/icon/icon.vue.d.ts

@@ -0,0 +1,20 @@
+import type { DBIconProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
+    variant: "filled" | "default" | "inverted";
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    text: string;
+    weight: "16" | "20" | "24" | "32" | "48" | "64";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLSpanElement;
+}, HTMLSpanElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBIcon } from './icon.vue';

package/dist/components/icon/model.d.ts

@@ -0,0 +1,12 @@
+import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
+export declare const IconVariantList: readonly ["default", "inverted", "filled"];
+export type IconVariantType = (typeof IconVariantList)[number];
+export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
+export type IconWeightType = (typeof IconWeightList)[number];
+export type DBIconDefaultProps = {
+    variant?: IconVariantType;
+    weight?: IconWeightType;
+};
+export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;
+export type DBIconDefaultState = {};
+export type DBIconState = DBIconDefaultState & GlobalState;

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

@@ -0,0 +1 @@
+export { default as DBInfotext } from './infotext.vue';

package/dist/components/infotext/infotext.vue.d.ts

@@ -0,0 +1,21 @@
+import { DBInfotextProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBInfotextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    size: "medium" | "small";
+    showIcon: boolean;
+    text: string;
+    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLSpanElement;
+}, HTMLSpanElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/infotext/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState, IconProps, SemanticProps, ShowIconProps, SizeProps, TextProps } from '../../shared/model';
+export type DBInfotextDefaultProps = {};
+export type DBInfotextProps = DBInfotextDefaultProps & GlobalProps & SemanticProps & IconProps & SizeProps & ShowIconProps & TextProps;
+export type DBInfotextDefaultState = {};
+export type DBInfotextState = DBInfotextDefaultState & GlobalState;

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

@@ -0,0 +1 @@
+export { default as DBInput } from './input.vue';

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

@@ -0,0 +1,59 @@
+import { DBInputProps } from "./model";
+import { ValueLabelType } from "../../shared/model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBInputProps> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    step: string | number;
+    disabled: boolean;
+    label: string;
+    type: string;
+    value: any;
+    variant: "above" | "floating";
+    children: any;
+    className: string;
+    id: string;
+    autofocus: boolean;
+    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    showIcon: boolean;
+    blur: (event: FocusEvent) => void;
+    change: (event: Event) => void;
+    focus: (event: FocusEvent) => void;
+    input: (event: Event) => void;
+    form: string;
+    pattern: string;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
+    onChange: (event: Event) => void;
+    onInput: (event: Event) => void;
+    validation: "invalid" | "valid" | "no-validation";
+    required: boolean;
+    showLabel: boolean;
+    placeholder: string;
+    message: string;
+    validMessage: string;
+    invalidMessage: string;
+    messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    autocomplete: string;
+    showMessage: boolean;
+    dataList: string[] | ValueLabelType[];
+    dataListId: string;
+    max: string | number;
+    min: string | number;
+    maxLength: number;
+    minLength: number;
+    readOnly: boolean;
+    iconAfter: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLInputElement;
+}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,39 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
+export declare const InputTypeList: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "month", "number", "password", "range", "search", "tel", "text", "time", "url", "week"];
+export type InputTypeType = (typeof InputTypeList)[number];
+export type DBInputDefaultProps = {
+    /**
+     * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.
+     */
+    dataList?: string[] | ValueLabelType[];
+    /**
+     * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.
+     */
+    dataListId?: string;
+    /**
+     * Maximum value
+     */
+    max?: number | string;
+    /**
+     * Minimum value
+     */
+    min?: number | string;
+    /**
+     * Pattern the value must match to be valid
+     */
+    pattern?: string;
+    /**
+     * 	Type of form control
+     */
+    type?: InputTypeType | string;
+    /**
+     * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).
+     */
+    step?: number | string;
+};
+export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps;
+export type DBInputDefaultState = {
+    _dataListId?: string;
+    getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];
+};
+export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

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

@@ -0,0 +1 @@
+export { default as DBLink } from './link.vue';

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

@@ -0,0 +1,31 @@
+import { DBLinkProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
+    rel: string;
+    content: "external" | "internal";
+    role: string;
+    disabled: boolean;
+    label: string;
+    variant: "adaptive" | "brand";
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: MouseEvent) => void;
+    size: "medium" | "small";
+    showIcon: boolean;
+    text: string;
+    target: "_self" | "_blank" | "_parent" | "_top";
+    current: boolean | "time" | "true" | "false" | "date" | "page" | "step" | "location";
+    href: string;
+    hreflang: string;
+    selected: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLAnchorElement;
+}, HTMLAnchorElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';
+export declare const LinkVariantList: readonly ["adaptive", "brand"];
+export type LinkVariantType = (typeof LinkVariantList)[number];
+export declare const LinkSizeList: readonly ["medium", "small"];
+export type LinkSizeType = (typeof LinkSizeList)[number];
+export declare const LinkContentList: readonly ["external", "internal"];
+export type LinkContentType = (typeof LinkContentList)[number];
+export type DBLinkDefaultProps = {
+    /**
+     * Adds a different arrow after the link to indicate external or internal link
+     */
+    content?: LinkContentType;
+    /**
+     * Change the size of the link
+     */
+    size?: LinkSizeType;
+    /**
+     * Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.
+     */
+    variant?: LinkVariantType;
+};
+export type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps;
+export type DBLinkDefaultState = {};
+export type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>;

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

@@ -0,0 +1 @@
+export { default as DBNavigation } from './navigation.vue';

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

@@ -0,0 +1,5 @@
+import { AriaLabelledByProps, GlobalProps, GlobalState } from '../../shared/model';
+export type DBNavigationDefaultProps = {};
+export type DBNavigationProps = DBNavigationDefaultProps & GlobalProps & AriaLabelledByProps;
+export type DBNavigationDefaultState = {};
+export type DBNavigationState = DBNavigationDefaultState & GlobalState;

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

@@ -0,0 +1,17 @@
+import { DBNavigationProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    labelledBy: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLElement;
+}, HTMLElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBNavigationItem } from './navigation-item.vue';

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

@@ -0,0 +1,34 @@
+import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, ShowIconProps, TextProps, WidthProps } from '../../shared/model';
+import { NavigationItemSafeTriangle } from '../../utils/navigation';
+export type DBNavigationItemDefaultProps = {
+    /**
+     * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
+     */
+    active?: boolean;
+    /**
+     * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
+     */
+    disabled?: boolean;
+    /**
+     * React-specific property to pass in a slot for sub-navigation
+     */
+    subNavigation?: any;
+    /**
+     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
+     */
+    subNavigationExpanded?: boolean;
+};
+export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;
+export type DBNavigationItemDefaultState = {
+    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    hasAreaPopup: boolean;
+    isSubNavigationExpanded: boolean;
+    subNavigationId: string;
+    /**
+     * Internal state property to show/hide sub-navigation button
+     */
+    hasSubNavigation?: boolean;
+    updateSubNavigationState: () => void;
+    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
+};
+export type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState;

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

@@ -0,0 +1,28 @@
+import { DBNavigationItemProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: MouseEvent) => void;
+    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    width: "full" | "auto";
+    showIcon: boolean;
+    text: string;
+    active: boolean;
+    subNavigationExpanded: boolean;
+    backButtonId: string;
+    backButtonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLLIElement;
+}, HTMLLIElement>, {
+    default?(_: {}): any;
+    default?(_: {}): any;
+    'sub-navigation'?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBNotification } from './notification.vue';

package/dist/components/notification/model.d.ts

@@ -0,0 +1,57 @@
+import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';
+export declare const NotificationVariantList: readonly ["docked", "standalone", "overlay"];
+export type NotificationVariantType = (typeof NotificationVariantList)[number];
+export declare const NotificationLinkVariantList: readonly ["block", "inline"];
+export type NotificationLinkVariantType = (typeof NotificationLinkVariantList)[number];
+export declare const NotificationAriaLiveList: readonly ["assertive", "polite", "off"];
+export type NotificationAriaLiveType = (typeof NotificationAriaLiveList)[number];
+export type DBNotificationDefaultProps = {
+    /**
+     * The arialive attribute will lead to that the screenreader interrupts immediately
+     * and reads out the notification if set to "assertive", while it will wait for the
+     * user's idleness when set to "polite", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)
+     */
+    ariaLive?: NotificationAriaLiveType;
+    /**
+     * The closeable attribute shows/hides the close button on the top right.
+     */
+    closeable?: boolean;
+    /**
+     * The headline attribute changes the text of the bold headline.
+     */
+    headline?: string | any;
+    /**
+     * The slotImage can be set instead of an icon.
+     */
+    image?: any;
+    /**
+     * The slotLink can be set for non overlay-notifications
+     */
+    link?: any;
+    /**
+     * The linkVariant will be used if slotLink is set.
+     */
+    linkVariant?: NotificationLinkVariantType;
+    /**
+     * Enables or disables the visibility of the headline.
+     */
+    showHeadline?: boolean;
+    /**
+     * The timestamp attribute can be set for overlay notifications
+     */
+    timestamp?: string;
+    /**
+     * Enables or disables the visibility of the timestamp.
+     */
+    showTimestamp?: boolean;
+    /**
+     * The variant attribute changes the styling of the notification.
+     * The docked notifications are used e.g. between header and main content to show a global alert.
+     * The standalone notifications are used  e.g. inside a form to show an alert for a specific field.
+     * The overlay notifications are used for absolute and floating notifications like snackbars etc.
+     */
+    variant?: NotificationVariantType;
+};
+export type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;
+export type DBNotificationDefaultState = {};
+export type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState;

package/dist/components/notification/notification.vue.d.ts

@@ -0,0 +1,33 @@
+import { DBNotificationProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
+    variant: "docked" | "standalone" | "overlay";
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    showIcon: boolean;
+    text: string;
+    ariaLive: "off" | "assertive" | "polite";
+    closeable: boolean;
+    headline: any;
+    linkVariant: "block" | "inline";
+    showHeadline: boolean;
+    timestamp: string;
+    showTimestamp: boolean;
+    onClose: (event?: any) => void;
+    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
+    closeButtonId: string;
+    closeButtonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLElement;
+}, HTMLElement>, {
+    image?(_: {}): any;
+    default?(_: {}): any;
+    link?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBPage } from './page.vue';

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

@@ -0,0 +1,32 @@
+import { GlobalProps, GlobalState } from '../../shared/model';
+export declare const PageVariantList: readonly ["auto", "fixed"];
+export type PageVariantType = (typeof PageVariantList)[number];
+export declare const PageDocumentOverflowList: readonly ["hidden", "auto"];
+export type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];
+export type DBPageDefaultProps = {
+    /**
+     * The documentOverflow sets the overflow:hidden/auto to the root document
+     */
+    documentOverflow?: PageDocumentOverflowType;
+    /**
+     * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
+     */
+    fadeIn?: boolean;
+    /**
+     * The slot can be used for React to set a footer.
+     */
+    footer?: any;
+    /**
+     * The slot can be used for React to set a header.
+     */
+    header?: any;
+    /**
+     * The variant=fixed uses flex-box to make header and footer static
+     */
+    variant?: PageVariantType;
+};
+export type DBPageProps = DBPageDefaultProps & GlobalProps;
+export type DBPageDefaultState = {
+    fontsLoaded?: boolean;
+};
+export type DBPageState = DBPageDefaultState & GlobalState;

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

@@ -0,0 +1,21 @@
+import { DBPageProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
+    variant: "auto" | "fixed";
+    children: any;
+    className: string;
+    id: string;
+    documentOverflow: "auto" | "hidden";
+    fadeIn: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLDivElement;
+}, HTMLDivElement>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBPopover } from './popover.vue';

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

@@ -0,0 +1,18 @@
+import { GapProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, SpacingProps } from '../../shared/model';
+export type DBPopoverDefaultProps = {
+    /**
+     * Use open to disable the default hover/focus behavior to use it on click or other trigger.
+     */
+    open?: boolean;
+    /**
+     * The trigger to open the popover e.g. a button
+     */
+    trigger?: any;
+};
+export type DBPopoverProps = DBPopoverDefaultProps & GlobalProps & SpacingProps & PlacementProps & GapProps & PopoverProps;
+export type DBPopoverDefaultState = {
+    isExpanded?: boolean;
+    getTrigger: () => Element | null;
+    handleLeave: (event: any) => void;
+};
+export type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & InitializedState;

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

@@ -0,0 +1,24 @@
+import { DBPopoverProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPopoverProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    width: "auto" | "fixed";
+    delay: "none" | "slow" | "fast";
+    animation: boolean;
+    placement: "left" | "right" | "top" | "bottom" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+    spacing: "medium" | "small" | "large" | "none";
+    open: boolean;
+    gap: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLDivElement;
+}, HTMLDivElement>, {
+    trigger?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBRadio } from './radio.vue';

package/dist/components/radio/model.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+export type DBRadioDefaultProps = {
+    describedbyid?: string;
+};
+export type DBRadioProps = DBRadioDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & SizeProps;
+export type DBRadioDefaultState = {};
+export type DBRadioState = DBRadioDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;

package/dist/components/radio/radio.vue.d.ts

@@ -0,0 +1,36 @@
+import { DBRadioProps } from "./model";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<DBRadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBRadioProps> & Readonly<{
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    disabled: boolean;
+    label: string;
+    value: any;
+    children: any;
+    className: string;
+    describedbyid: string;
+    id: string;
+    size: "medium" | "small";
+    blur: (event: FocusEvent) => void;
+    change: (event: Event) => void;
+    focus: (event: FocusEvent) => void;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
+    onChange: (event: Event) => void;
+    validation: "invalid" | "valid" | "no-validation";
+    required: boolean;
+    showLabel: boolean;
+    checked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    _ref: HTMLInputElement;
+}, HTMLLabelElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as DBSection } from './section.vue';

package/dist/components/section/model.d.ts

@@ -0,0 +1,5 @@
+import { ContainerWidthProps, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+export type DBSectionDefaultProps = {};
+export type DBSectionProps = DBSectionDefaultProps & GlobalProps & SpacingProps & ContainerWidthProps;
+export type DBSectionDefaultState = {};
+export type DBSectionState = DBSectionDefaultState & GlobalState;