@db-ux/v-core-components 2.0.0-0-custom-select-16b8cce → 2.0.1

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

@@ -1,22 +1,56 @@
-import { DBDrawerProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
-    variant: "modal" | "inside";
+import { DBDrawerProps, DBDrawerState } from "./model";
+import DBButton from "../button/button.vue";
+import { DEFAULT_CLOSE_BUTTON } from "../../shared/constants";
+import { cls, getBooleanAsString } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare const dialogContainerRef: import("vue").Ref<any, any>;
+declare function handleClose(event: any): ReturnType<DBDrawerState["handleClose"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_6: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    'drawer-header'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBDrawerProps, {
+    DBButton: typeof DBButton;
+    DEFAULT_CLOSE_BUTTON: typeof DEFAULT_CLOSE_BUTTON;
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    _ref: typeof _ref;
+    dialogContainerRef: typeof dialogContainerRef;
+    handleClose: typeof handleClose;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
+    variant: import("./model").DrawerVariantType;
     children: any;
     className: string;
     id: string;
-    width: string;
+    width: import("../..").WidthType | string;
     onClose: (event?: any) => void;
     closeButtonId: string;
     closeButtonText: string;
-    spacing: string;
-    backdrop: "none" | "weak" | "strong" | "invisible";
-    direction: "left" | "right" | "up" | "down";
-    open: boolean;
-    rounded: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'drawer-header'?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-}>;
+    spacing: import("../..").SpacingType | string;
+    backdrop: import("./model").DrawerBackdropType;
+    direction: import("./model").DrawerDirectionType;
+    open: boolean | string;
+    rounded: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
+    variant: import("./model").DrawerVariantType;
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").WidthType | string;
+    onClose: (event?: any) => void;
+    closeButtonId: string;
+    closeButtonText: string;
+    spacing: import("../..").SpacingType | string;
+    backdrop: import("./model").DrawerBackdropType;
+    direction: import("./model").DrawerDirectionType;
+    open: boolean | string;
+    rounded: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -23,12 +23,12 @@ export type DBDrawerDefaultProps = {
     /**
      * The open attribute opens or closes the drawer based on the state.
      */
-    open?: boolean;
+    open?: boolean | string;
     /**
      * The rounded attribute changes the border radius of the corners on the "end" of the drawer.
      * The "end" depends on which direction you use.
      */
-    rounded?: boolean;
+    rounded?: boolean | string;
     /**
      * Set the variant modal|inside. Defaults to modal.
      */

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

@@ -1,20 +1,64 @@
-import { DBHeaderProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
+import { DBHeaderProps, DBHeaderState } from "./model";
+import { cls, getBoolean } from "../../utils";
+import DBButton from "../button/button.vue";
+import DBDrawer from "../drawer/drawer.vue";
+import { DEFAULT_BURGER_MENU } from "../../shared/constants";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const forcedToMobile: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleToggle(): ReturnType<DBHeaderState["handleToggle"]>;
+declare function handleNavigationItemClick(event: unknown): ReturnType<DBHeaderState["handleNavigationItemClick"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_4: {}, __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {}, __VLS_21: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_4) => any;
+} & {
+    'meta-navigation'?: (props: typeof __VLS_6) => any;
+} & {
+    'secondary-action'?: (props: typeof __VLS_8) => any;
+} & {
+    'meta-navigation'?: (props: typeof __VLS_10) => any;
+} & {
+    brand?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    'primary-action'?: (props: typeof __VLS_16) => any;
+} & {
+    'secondary-action'?: (props: typeof __VLS_21) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBHeaderProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    DBButton: typeof DBButton;
+    DBDrawer: typeof DBDrawer;
+    DEFAULT_BURGER_MENU: typeof DEFAULT_BURGER_MENU;
+    _id: typeof _id;
+    forcedToMobile: typeof forcedToMobile;
+    _ref: typeof _ref;
+    handleToggle: typeof handleToggle;
+    handleNavigationItemClick: typeof handleNavigationItemClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
-    width: "medium" | "small" | "large" | "full";
-    drawerOpen: boolean;
-    forceMobile: boolean;
+    width: import("../..").MaxWidthType;
+    drawerOpen: boolean | string;
+    forceMobile: boolean | string;
     burgerMenuLabel: string;
-    onToggle: (open: boolean) => void;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    'meta-navigation'?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    'secondary-action'?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    brand?: ((props: {}) => any) | undefined;
-    'primary-action'?: ((props: {}) => any) | undefined;
-}>;
+    onToggle: (open: boolean | any) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").MaxWidthType;
+    drawerOpen: boolean | string;
+    forceMobile: boolean | string;
+    burgerMenuLabel: string;
+    onToggle: (open: boolean | any) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -25,13 +25,13 @@ export type DBHeaderDefaultProps = {
     /**
      * Open/closes the drawer for mobile header or if `forceMobile` is true.
      */
-    drawerOpen?: boolean;
+    drawerOpen?: boolean | string;
     /**
      * 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;
+    forceMobile?: boolean | string;
     /**
      * This attribute sets the label for the burger menu button for mobile headers.
      */

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

@@ -1,15 +1,33 @@
 import type { DBIconProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBIconProps, {
+    cls: typeof cls;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
     text: string;
-    variant: "filled" | "default" | "inverted";
+    variant: import("./model").IconVariantType;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    weight: "16" | "20" | "24" | "32" | "48" | "64";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    weight: import("./model").IconWeightType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
+    text: string;
+    variant: import("./model").IconVariantType;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    weight: import("./model").IconWeightType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,16 +1,36 @@
 import { DBInfotextProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBInfotextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
+import { cls, getHideProp } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBInfotextProps, {
+    cls: typeof cls;
+    getHideProp: typeof getHideProp;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
     text: string;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    size: "medium" | "small";
-    showIcon: boolean;
-    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: import("../..").SizeType;
+    showIcon: boolean | string;
+    semantic: import("../..").SemanticType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBInfotextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBInfotextProps> & Readonly<{}>, {
+    text: string;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: import("../..").SizeType;
+    showIcon: boolean | string;
+    semantic: import("../..").SemanticType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,56 +1,154 @@
-import { DBInputProps } from "./model";
-import { ValueLabelType } from "../../shared/model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { cls, getBoolean, getHideProp, getNumber, stringPropVisible } from "../../utils";
+import { DBInputProps, DBInputState } from "./model";
+import { DEFAULT_LABEL, DEFAULT_PLACEHOLDER, DEFAULT_VALID_MESSAGE } from "../../shared/constants";
+import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
+import DBInfotext from "../infotext/infotext.vue";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _messageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _validMessageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _invalidMessageId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _invalidMessage: import("vue").Ref<string | undefined, string | undefined>;
+declare const _dataListId: import("vue").Ref<string | undefined, string | undefined>;
+declare const _descByIds: import("vue").Ref<string | undefined, string | undefined>;
+declare const _value: import("vue").Ref<string | undefined, string | undefined>;
+declare const _voiceOverFallback: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function hasValidState(): ReturnType<DBInputState["hasValidState"]>;
+declare function handleInput(event: InputEvent<HTMLInputElement>): ReturnType<DBInputState["handleInput"]>;
+declare function handleChange(event: ChangeEvent<HTMLInputElement>): ReturnType<DBInputState["handleChange"]>;
+declare function handleBlur(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBInputState["handleBlur"]>;
+declare function handleFocus(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBInputState["handleFocus"]>;
+declare function getDataList(): ReturnType<DBInputState["getDataList"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBInputProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getHideProp: typeof getHideProp;
+    getNumber: typeof getNumber;
+    stringPropVisible: typeof stringPropVisible;
+    DEFAULT_LABEL: typeof DEFAULT_LABEL;
+    DEFAULT_PLACEHOLDER: typeof DEFAULT_PLACEHOLDER;
+    DEFAULT_VALID_MESSAGE: typeof DEFAULT_VALID_MESSAGE;
+    DBInfotext: typeof DBInfotext;
+    _id: typeof _id;
+    _messageId: typeof _messageId;
+    _validMessageId: typeof _validMessageId;
+    _invalidMessageId: typeof _invalidMessageId;
+    _invalidMessage: typeof _invalidMessage;
+    _dataListId: typeof _dataListId;
+    _descByIds: typeof _descByIds;
+    _value: typeof _value;
+    _voiceOverFallback: typeof _voiceOverFallback;
+    _ref: typeof _ref;
+    hasValidState: typeof hasValidState;
+    handleInput: typeof handleInput;
+    handleChange: typeof handleChange;
+    handleBlur: typeof handleBlur;
+    handleFocus: typeof handleFocus;
+    getDataList: typeof getDataList;
+}, {}, {}, {}, 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;
+    step: number | string;
     form: string;
-    input: (event: Event) => void;
+    input: (event: InputEvent<HTMLInputElement>) => void;
     label: string;
     pattern: string;
-    disabled: boolean;
-    type: string;
+    disabled: boolean | string;
+    type: import("./model").InputTypeType | string;
     value: any;
-    variant: "above" | "floating";
+    variant: import("../../shared/model").LabelVariantType;
     children: any;
     className: string;
     id: string;
-    autofocus: boolean;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
+    autofocus: boolean | string;
+    icon: import("@db-ux/core-foundations").IconTypes;
     size: number;
-    showIcon: boolean;
-    blur: (event: FocusEvent) => void;
-    change: (event: Event) => void;
-    focus: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
-    onChange: (event: Event) => void;
-    onInput: (event: Event) => void;
+    showIcon: boolean | string;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onInput: (event: InputEvent<HTMLInputElement>) => void;
     ariaDescribedBy: string;
-    validation: "invalid" | "valid" | "no-validation";
-    required: boolean;
-    showLabel: boolean;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
     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;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    autocomplete: string | import("../../shared/model").AutoCompleteType;
+    showMessage: boolean | string;
     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, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    max: number | string;
+    min: number | string;
+    maxLength: number | string;
+    minLength: number | string;
+    maxlength: number | string;
+    minlength: number | string;
+    readOnly: boolean | string;
+    readonly: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: 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: number | string;
+    form: string;
+    input: (event: InputEvent<HTMLInputElement>) => void;
+    label: string;
+    pattern: string;
+    disabled: boolean | string;
+    type: import("./model").InputTypeType | string;
+    value: any;
+    variant: import("../../shared/model").LabelVariantType;
+    children: any;
+    className: string;
+    id: string;
+    autofocus: boolean | string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: number;
+    showIcon: boolean | string;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onInput: (event: InputEvent<HTMLInputElement>) => void;
+    ariaDescribedBy: string;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    placeholder: string;
+    message: string;
+    validMessage: string;
+    invalidMessage: string;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    autocomplete: string | import("../../shared/model").AutoCompleteType;
+    showMessage: boolean | string;
+    dataList: string[] | ValueLabelType[];
+    dataListId: string;
+    max: number | string;
+    min: number | string;
+    maxLength: number | string;
+    minLength: number | string;
+    maxlength: number | string;
+    minlength: number | string;
+    readOnly: boolean | string;
+    readonly: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, 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 = {
@@ -34,6 +34,6 @@ export type DBInputDefaultProps = {
 export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;
 export type DBInputDefaultState = {
     _dataListId?: string;
-    getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];
+    getDataList: () => ValueLabelType[];
 };
-export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;
+export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;

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

@@ -1,26 +1,60 @@
-import { DBLinkProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
+import { DBLinkProps, DBLinkState } from "./model";
+import { cls, getBooleanAsString, getHideProp } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleClick(event: ClickEvent<HTMLAnchorElement>): ReturnType<DBLinkState["handleClick"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBLinkProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    _ref: typeof _ref;
+    handleClick: typeof handleClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
     label: string;
     text: string;
-    disabled: boolean;
-    variant: "adaptive" | "brand";
+    disabled: boolean | string;
+    variant: import("./model").LinkVariantType;
     children: any;
     className: string;
     id: string;
-    onClick: (event: MouseEvent) => void;
-    size: "medium" | "small";
-    showIcon: boolean;
-    target: "_self" | "_blank" | "_parent" | "_top";
+    onClick: (event: ClickEvent<HTMLAnchorElement>) => void;
+    size: import("./model").LinkSizeType;
+    showIcon: boolean | string;
+    target: import("../../shared/model").LinkTargetType;
     role: string;
-    content: "external" | "internal";
-    current: boolean | "time" | "true" | "false" | "date" | "page" | "step" | "location";
+    content: import("./model").LinkContentType;
+    current: boolean | import("../../shared/model").LinkCurrentType;
     href: string;
     hreflang: string;
     rel: string;
-    selected: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    selected: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBLinkProps> & Readonly<{}>, {
+    label: string;
+    text: string;
+    disabled: boolean | string;
+    variant: import("./model").LinkVariantType;
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLAnchorElement>) => void;
+    size: import("./model").LinkSizeType;
+    showIcon: boolean | string;
+    target: import("../../shared/model").LinkTargetType;
+    role: string;
+    content: import("./model").LinkContentType;
+    current: boolean | import("../../shared/model").LinkCurrentType;
+    href: string;
+    hreflang: string;
+    rel: string;
+    selected: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,12 +1,29 @@
 import { DBNavigationProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBNavigationProps, {
+    cls: typeof cls;
+    _id: typeof _id;
+    _ref: typeof _ref;
+}, {}, {}, {}, 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, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: 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, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -8,7 +8,7 @@ export type DBNavigationItemDefaultProps = {
     /**
      * 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;
+    disabled?: boolean | string;
     /**
      * React-specific property to pass in a slot for sub-navigation
      */
@@ -16,7 +16,11 @@ export type DBNavigationItemDefaultProps = {
     /**
      * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
      */
-    subNavigationExpanded?: boolean;
+    subNavigationExpanded?: boolean | string;
+    /**
+     * Determines whether the text should wrap when its parent container is too small, preventing overflow.
+     */
+    wrap?: boolean | string;
 };
 export type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;
 export type DBNavigationItemDefaultState = {
@@ -28,7 +32,6 @@ export type DBNavigationItemDefaultState = {
      * Internal state property to show/hide sub-navigation button
      */
     hasSubNavigation?: boolean;
-    updateSubNavigationState: () => void;
     navigationItemSafeTriangle?: NavigationItemSafeTriangle;
     autoClose?: boolean;
 };