@dpa-id-components/dpa-shared-components 8.11.4 → 8.11.6

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

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     "action-click": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isShown?: boolean | undefined;
     position?: "left" | "right" | undefined;
     iconName?: string | null | undefined;

package/dist/components/UiSpinner/UiSpinner.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
             type: import("vue").PropType<"spinner" | "bubbles">;
             default: string;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         color: {
             type: import("vue").PropType<"blue" | "white" | "green">;
             default: string;
@@ -52,7 +52,7 @@ declare const meta: {
                     type: import("vue").PropType<"spinner" | "bubbles">;
                     default: string;
                 };
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 color: {
                     type: import("vue").PropType<"blue" | "white" | "green">;
                     default: string;

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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>, {
     variant: string;
     color: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     color?: "blue" | "white" | "green" | undefined;
     variant?: "spinner" | "bubbles" | undefined;
 }>, {

package/dist/components/UiTextButton/UiTextButton.stories.d.ts

@@ -2,89 +2,137 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "xsmall">;
-                default: string;
-            };
-            color: {
-                type: import("vue").PropType<"blue" | "gray">;
-                default: string;
-            };
-            href: {
-                type: import("vue").PropType<string>;
-                default: undefined;
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "small" | "medium" | "xsmall";
+                color: "blue" | "gray";
+                href: string;
+                iconLeft: string;
+                iconRight: string;
+                placement: "onsurface" | "oncanvas";
+                weight: "regular" | "semibold";
+                linkTarget: string;
+            }> & Omit<{
+                readonly size: "small" | "medium" | "xsmall";
+                readonly color: "blue" | "gray";
+                readonly placement: "onsurface" | "oncanvas";
+                readonly weight: "regular" | "semibold";
+                readonly linkTarget: string;
+                readonly href?: string | undefined;
+                readonly iconLeft?: string | undefined;
+                readonly iconRight?: string | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "xsmall">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"blue" | "gray">;
+                    default: string;
+                };
+                href: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                iconRight: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                placement: {
+                    type: import("vue").PropType<"onsurface" | "oncanvas">;
+                    default: string;
+                };
+                weight: {
+                    type: import("vue").PropType<"regular" | "semibold">;
+                    default: string;
+                };
+                linkTarget: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, "size" | "color" | "href" | "iconLeft" | "iconRight" | "placement" | "weight" | "linkTarget">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            iconLeft: {
-                type: import("vue").PropType<string>;
-                default: undefined;
+            $refs: {
+                [x: string]: unknown;
             };
-            iconRight: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
-            placement: {
-                type: import("vue").PropType<"onsurface" | "oncanvas">;
-                default: string;
-            };
-            weight: {
-                type: import("vue").PropType<"regular" | "semibold">;
-                default: string;
-            };
-            linkTarget: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "xsmall">;
-                default: string;
-            };
-            color: {
-                type: import("vue").PropType<"blue" | "gray">;
-                default: string;
-            };
-            href: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
-            iconRight: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
-            placement: {
-                type: import("vue").PropType<"onsurface" | "oncanvas">;
-                default: string;
-            };
-            weight: {
-                type: import("vue").PropType<"regular" | "semibold">;
-                default: string;
-            };
-            linkTarget: {
-                type: import("vue").PropType<string>;
-                default: string;
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "xsmall">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"blue" | "gray">;
+                    default: string;
+                };
+                href: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                iconRight: {
+                    type: import("vue").PropType<string>;
+                    default: undefined;
+                };
+                placement: {
+                    type: import("vue").PropType<"onsurface" | "oncanvas">;
+                    default: string;
+                };
+                weight: {
+                    type: import("vue").PropType<"regular" | "semibold">;
+                    default: string;
+                };
+                linkTarget: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: "small" | "medium" | "xsmall";
+                color: "blue" | "gray";
+                href: string;
+                iconLeft: string;
+                iconRight: string;
+                placement: "onsurface" | "oncanvas";
+                weight: "regular" | "semibold";
+                linkTarget: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-        }>>, {
-            size: "small" | "medium" | "xsmall";
-            color: "blue" | "gray";
-            href: string;
-            iconLeft: string;
-            iconRight: string;
-            placement: "onsurface" | "oncanvas";
-            weight: "regular" | "semibold";
-            linkTarget: string;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "medium" | "xsmall">;
                 default: string;
@@ -117,16 +165,7 @@ declare const meta: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>>, {}, {}, {}, {}, {
-            size: "small" | "medium" | "xsmall";
-            color: "blue" | "gray";
-            href: string;
-            iconLeft: string;
-            iconRight: string;
-            placement: "onsurface" | "oncanvas";
-            weight: "regular" | "semibold";
-            linkTarget: string;
-        }>;
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;

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

@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     weight: string;
     linkTarget: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     color?: "blue" | "gray" | undefined;
     href?: string | undefined;
     iconLeft?: string | undefined;

package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts

@@ -2,86 +2,133 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "large">;
-                default: string;
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "small" | "large";
+                color: "blue" | "green";
+                modelValue: boolean;
+                disabled: boolean;
+                labelText: string;
+                labelSpace: "default" | "xl";
+                labelPosition: "left" | "right";
+            }> & Omit<{
+                readonly size: "small" | "large";
+                readonly color: "blue" | "green";
+                readonly modelValue: boolean;
+                readonly disabled: boolean;
+                readonly labelText: string;
+                readonly labelSpace: "default" | "xl";
+                readonly labelPosition: "left" | "right";
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "large">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"blue" | "green">;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                labelText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                labelSpace: {
+                    type: import("vue").PropType<"default" | "xl">;
+                    default: string;
+                };
+                labelPosition: {
+                    type: import("vue").PropType<"left" | "right">;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }, "size" | "color" | "modelValue" | "disabled" | "labelText" | "labelSpace" | "labelPosition">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            color: {
-                type: import("vue").PropType<"blue" | "green">;
-                default: string;
+            $refs: {
+                [x: string]: unknown;
             };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:modelValue", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "large">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"blue" | "green">;
+                    default: string;
+                };
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                labelText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                labelSpace: {
+                    type: import("vue").PropType<"default" | "xl">;
+                    default: string;
+                };
+                labelPosition: {
+                    type: import("vue").PropType<"left" | "right">;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+            }, string, {
+                size: "small" | "large";
+                color: "blue" | "green";
+                modelValue: boolean;
+                disabled: boolean;
+                labelText: string;
+                labelSpace: "default" | "xl";
+                labelPosition: "left" | "right";
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            labelText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            labelSpace: {
-                type: import("vue").PropType<"default" | "xl">;
-                default: string;
-            };
-            labelPosition: {
-                type: import("vue").PropType<"left" | "right">;
-                default: string;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (...args: any[]) => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "large">;
-                default: string;
-            };
-            color: {
-                type: import("vue").PropType<"blue" | "green">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            labelText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            labelSpace: {
-                type: import("vue").PropType<"default" | "xl">;
-                default: string;
-            };
-            labelPosition: {
-                type: import("vue").PropType<"left" | "right">;
-                default: string;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {
-            size: "small" | "large";
-            color: "blue" | "green";
-            modelValue: boolean;
-            disabled: boolean;
-            labelText: string;
-            labelSpace: "default" | "xl";
-            labelPosition: "left" | "right";
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "large">;
                 default: string;
@@ -112,15 +159,7 @@ declare const meta: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, {}, {}, {}, {
-            size: "small" | "large";
-            color: "blue" | "green";
-            modelValue: boolean;
-            disabled: boolean;
-            labelText: string;
-            labelSpace: "default" | "xl";
-            labelPosition: "left" | "right";
-        }>;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;

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

@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: boolean | undefined;
     disabled?: boolean | undefined;
     labelText?: string | undefined;