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

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

@@ -1,17 +1,42 @@
 import { DBAccordionItemDefaultProps } from "../accordion-item/model";
-import { DBAccordionProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
+import { DBAccordionProps, DBAccordionState } from "./model";
+import { cls } from "../../utils";
+import DBAccordionItem from "../accordion-item/accordion-item.vue";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function convertItems(): ReturnType<DBAccordionState["convertItems"]>;
+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<DBAccordionProps, {
+    cls: typeof cls;
+    DBAccordionItem: typeof DBAccordionItem;
+    _id: typeof _id;
+    _ref: typeof _ref;
+    convertItems: typeof convertItems;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
     name: string;
-    variant: "divider" | "card";
+    variant: import("./model").AccordionVariantType;
     children: any;
     className: string;
     id: string;
-    behavior: "multiple" | "single";
+    behavior: import("./model").AccordionBehaviorType;
     initOpenIndex: number[];
-    items: string | DBAccordionItemDefaultProps[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    items: DBAccordionItemDefaultProps[] | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
+    name: string;
+    variant: import("./model").AccordionVariantType;
+    children: any;
+    className: string;
+    id: string;
+    behavior: import("./model").AccordionBehaviorType;
+    initOpenIndex: number[];
+    items: DBAccordionItemDefaultProps[] | 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/accordion/model.d.ts

@@ -35,7 +35,7 @@ export type DBAccordionDefaultProps = {
 export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
 export type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
-    _name: string;
-    convertItems: (items?: unknown[] | string) => DBAccordionItemDefaultProps[];
+    _name?: string;
+    convertItems: () => DBAccordionItemDefaultProps[];
 };
 export type DBAccordionState = DBAccordionDefaultState & GlobalState & InitializedState;

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

@@ -1,17 +1,49 @@
-import { DBAccordionItemProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
+import { DBAccordionItemProps, DBAccordionItemState } from "./model";
+import { cls, getBooleanAsString } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _open: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const _name: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleToggle(event: ClickEvent<HTMLElement> | any): ReturnType<DBAccordionItemState["handleToggle"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    headline?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBAccordionItemProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    _id: typeof _id;
+    _open: typeof _open;
+    _name: typeof _name;
+    _ref: typeof _ref;
+    handleToggle: typeof handleToggle;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
+    name: string;
     text: string;
-    disabled: boolean;
+    disabled: boolean | string;
     children: any;
     className: string;
     id: string;
-    onToggle: (open: boolean) => void;
+    onToggle: (open: boolean | any) => void;
     defaultOpen: boolean;
     headlinePlain: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    headline?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
+    name: string;
+    text: string;
+    disabled: boolean | string;
+    children: any;
+    className: string;
+    id: string;
+    onToggle: (open: boolean | any) => void;
+    defaultOpen: boolean;
+    headlinePlain: 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/accordion-item/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import { GlobalProps, GlobalState, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
 export type DBAccordionItemDefaultProps = {
     /**
      * Initial state for the accordion item
@@ -7,7 +7,7 @@ export type DBAccordionItemDefaultProps = {
     /**
      * The disabled attribute can be set to keep a user from clicking on the element.
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * Title of the accordion-item as slot
      */
@@ -17,8 +17,8 @@ export type DBAccordionItemDefaultProps = {
      */
     headlinePlain?: string;
 } & TextProps;
-export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps;
+export type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps & NameProps;
 export type DBAccordionItemDefaultState = {
-    _open: boolean;
+    _open?: boolean;
 };
-export type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement>;
+export type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NameState;

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

@@ -1,17 +1,39 @@
 import { DBBadgeProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+import { DEFAULT_LABEL } from "../../shared/constants";
+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<DBBadgeProps, {
+    cls: typeof cls;
+    DEFAULT_LABEL: typeof DEFAULT_LABEL;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
     label: string;
     text: string;
     children: any;
     className: string;
     id: string;
-    size: "medium" | "small";
-    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
-    placement: "inline" | "corner-top-left" | "corner-top-right" | "corner-center-left" | "corner-center-right" | "corner-bottom-left" | "corner-bottom-right";
-    emphasis: "weak" | "strong" | "origin";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    size: import("../..").SizeType;
+    semantic: import("../..").SemanticType;
+    placement: import("./model").BadgePlacementType;
+    emphasis: import("../..").EmphasisType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
+    label: string;
+    text: string;
+    children: any;
+    className: string;
+    id: string;
+    size: import("../..").SizeType;
+    semantic: import("../..").SemanticType;
+    placement: import("./model").BadgePlacementType;
+    emphasis: import("../..").EmphasisType;
+}, {}, {}, {}, 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/badge/model.d.ts

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TagEmphasisProps, TextProps } from '../../shared/model';
+import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, EmphasisProps, TextProps } from '../../shared/model';
 export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
 export type BadgePlacementType = (typeof BadgePlacementList)[number];
 export type DBBadgeDefaultProps = {
@@ -11,6 +11,6 @@ export type DBBadgeDefaultProps = {
      */
     label?: string;
 };
-export type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & TagEmphasisProps & TextProps;
+export type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & EmphasisProps & TextProps;
 export type DBBadgeDefaultState = {};
 export type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState;

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

@@ -1,15 +1,36 @@
+import { cls, getHideProp } from "../../utils";
 import { DBBrandProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
+import { DEFAULT_ICON } from "../../shared/constants";
+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<DBBrandProps, {
+    cls: typeof cls;
+    getHideProp: typeof getHideProp;
+    DEFAULT_ICON: typeof DEFAULT_ICON;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
     text: string;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    showIcon: boolean;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
     hideLogo: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
+    text: string;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    hideLogo: boolean;
+}, {}, {}, {}, 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/button/button.vue.d.ts

@@ -1,28 +1,67 @@
-import type { DBButtonProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
+import type { DBButtonProps, DBButtonState } from "./model";
+import { cls, getBoolean, getBooleanAsString, getHideProp } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleClick(event: ClickEvent<HTMLButtonElement>): ReturnType<DBButtonState["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<DBButtonProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    _ref: typeof _ref;
+    handleClick: typeof handleClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
     name: string;
+    form: string;
     label: string;
     text: string;
     ariaexpanded: boolean;
     ariapressed: boolean;
-    disabled: boolean;
-    noText: boolean;
-    type: "button" | "reset" | "submit";
+    disabled: boolean | string;
+    noText: boolean | string;
+    state: import("./model").ButtonStateType;
+    type: import("./model").ButtonTypeType;
     value: string;
-    state: "loading";
-    variant: string;
+    variant: import("./model").ButtonVariantType | string;
     children: any;
     className: string;
     describedbyid: string;
     id: string;
-    onClick: (event: MouseEvent) => void;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    width: string;
-    size: "medium" | "small";
-    showIcon: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    onClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    width: import("../../shared/model").WidthType | string;
+    size: import("../../shared/model").SizeType;
+    showIcon: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
+    name: string;
+    form: string;
+    label: string;
+    text: string;
+    ariaexpanded: boolean;
+    ariapressed: boolean;
+    disabled: boolean | string;
+    noText: boolean | string;
+    state: import("./model").ButtonStateType;
+    type: import("./model").ButtonTypeType;
+    value: string;
+    variant: import("./model").ButtonVariantType | string;
+    children: any;
+    className: string;
+    describedbyid: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLButtonElement>) => void;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    width: import("../../shared/model").WidthType | string;
+    size: import("../../shared/model").SizeType;
+    showIcon: 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/button/model.d.ts

@@ -17,11 +17,11 @@ export type DBButtonDefaultProps = {
     /**
      * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
-     * Define the text next to the icon specified via the icon Property to get hidden.
+     * 	Associates the control with a form element
      */
-    noText?: boolean;
+    form?: string;
     /**
      * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button
      */
@@ -30,6 +30,14 @@ export type DBButtonDefaultProps = {
      * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
      */
     name?: string;
+    /**
+     * Define the text next to the icon specified via the icon Property to get hidden.
+     */
+    noText?: boolean | string;
+    /**
+     * Show loading progress inside button.
+     */
+    state?: ButtonStateType;
     /**
      * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
      */
@@ -38,10 +46,6 @@ export type DBButtonDefaultProps = {
      * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).
      */
     value?: string;
-    /**
-     * Show loading progress inside button.
-     */
-    state?: ButtonStateType;
     /**
      * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.
      */

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

@@ -1,15 +1,36 @@
-import type { DBCardProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
+import type { DBCardProps, DBCardState } from "./model";
+import { cls } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleClick(event: ClickEvent<HTMLElement>): ReturnType<DBCardState["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<DBCardProps, {
+    cls: typeof cls;
+    _ref: typeof _ref;
+    handleClick: typeof handleClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
-    onClick: (event: MouseEvent) => void;
-    behavior: "static" | "interactive";
-    elevationLevel: "1" | "2" | "3";
-    spacing: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    onClick: (event: ClickEvent<HTMLElement>) => void;
+    behavior: import("./model").CardBehaviorType;
+    elevationLevel: import("./model").CardElevationLevelType;
+    spacing: import("../../shared/model").SpacingType | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    onClick: (event: ClickEvent<HTMLElement>) => void;
+    behavior: import("./model").CardBehaviorType;
+    elevationLevel: import("./model").CardElevationLevelType;
+    spacing: import("../../shared/model").SpacingType | 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/checkbox/checkbox.vue.d.ts

@@ -1,36 +1,99 @@
-import { DBCheckboxProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { DBCheckboxProps, DBCheckboxState } from "./model";
+import { DEFAULT_VALID_MESSAGE } from "../../shared/constants";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import DBInfotext from "../infotext/infotext.vue";
+import { cls, getBoolean, getHideProp, stringPropVisible } from "../../utils";
+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 _descByIds: 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<DBCheckboxState["hasValidState"]>;
+declare function handleChange(event: ChangeEvent<HTMLInputElement>): ReturnType<DBCheckboxState["handleChange"]>;
+declare function handleBlur(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBCheckboxState["handleBlur"]>;
+declare function handleFocus(event: InteractionEvent<HTMLInputElement> | any): ReturnType<DBCheckboxState["handleFocus"]>;
+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<DBCheckboxProps, {
+    DEFAULT_VALID_MESSAGE: typeof DEFAULT_VALID_MESSAGE;
+    DBInfotext: typeof DBInfotext;
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getHideProp: typeof getHideProp;
+    stringPropVisible: typeof stringPropVisible;
+    _id: typeof _id;
+    _messageId: typeof _messageId;
+    _validMessageId: typeof _validMessageId;
+    _invalidMessageId: typeof _invalidMessageId;
+    _invalidMessage: typeof _invalidMessage;
+    _descByIds: typeof _descByIds;
+    _voiceOverFallback: typeof _voiceOverFallback;
+    _ref: typeof _ref;
+    hasValidState: typeof hasValidState;
+    handleChange: typeof handleChange;
+    handleBlur: typeof handleBlur;
+    handleFocus: typeof handleFocus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
     label: string;
-    disabled: boolean;
+    disabled: boolean | string;
     value: any;
     children: any;
     className: 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;
-    indeterminate: boolean;
-    validation: "invalid" | "valid" | "no-validation";
-    required: boolean;
-    showLabel: boolean;
-    checked: boolean;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    indeterminate: boolean | string;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
     message: string;
     validMessage: string;
     invalidMessage: string;
-    messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    showMessage: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    showMessage: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    label: string;
+    disabled: boolean | string;
+    value: any;
+    children: any;
+    className: string;
+    id: string;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    indeterminate: boolean | string;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
+    message: string;
+    validMessage: string;
+    invalidMessage: string;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    showMessage: 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/checkbox/model.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
 export type DBCheckboxDefaultProps = {
     /**
      * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox
      */
-    indeterminate?: boolean;
+    indeterminate?: boolean | string;
 };
 export type DBCheckboxProps = DBCheckboxDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps;
 export type DBCheckboxDefaultState = {};
-export type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState;
+export type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState & FromValidState;