@bethinkpl/design-system 26.5.0 → 26.7.1

package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts

@@ -1,8 +1,123 @@
-import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from '../RichListItem';
+import { RichListItemBackgroundColor, RichListItemBorderColor, RichListItemElevation, RichListItemLayout, RichListItemSize, RichListItemState, RichListItemType } from '../RichListItem';
 import { PropType } from 'vue';
+import { IconColor, IconItem } from '../../Icons/Icon';
 import { TextGroupSize, TextGroupState } from '../../TextGroup';
 
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<RichListItemType>;
+        default: "default";
+        validator(type: RichListItemType): boolean;
+    };
+    state: {
+        type: PropType<RichListItemState>;
+        default: "default";
+        validator(state: RichListItemState): boolean;
+    };
+    layout: {
+        type: PropType<RichListItemLayout>;
+        default: "horizontal";
+        validator(layout: RichListItemLayout): boolean;
+    };
+    size: {
+        type: PropType<RichListItemSize>;
+        default: "medium";
+        validator(size: RichListItemSize): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDimmed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconColor: {
+        type: PropType<IconColor>;
+        default: null;
+        validator(iconColor: IconColor): boolean;
+    };
+    iconColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    borderColor: {
+        type: PropType<RichListItemBorderColor>;
+        default: null;
+        validator(borderColor: RichListItemBorderColor): boolean;
+    };
+    borderColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    textEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    eyebrow: {
+        type: StringConstructor;
+        default: null;
+    };
+    eyebrowEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isEyebrowUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    supportingText: {
+        type: StringConstructor;
+        default: null;
+    };
+    supportingTextEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSupportingTextTooltipEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: PropType<RichListItemBackgroundColor>;
+        default: "neutral";
+        validator(backgroundColor: RichListItemBackgroundColor): boolean;
+    };
+    elevation: {
+        type: PropType<RichListItemElevation>;
+        default: null;
+        validator(evolution: RichListItemElevation): boolean;
+    };
+    hasDraggableHandler: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasActionsSlotDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
     hovered: boolean;
     RICH_LIST_ITEM_SIZE: Readonly<{
         readonly SMALL: "small";
@@ -18,17 +133,131 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     textGroupState(): TextGroupState;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:is-selected': (value: boolean) => true;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<RichListItemType>;
+        default: "default";
+        validator(type: RichListItemType): boolean;
+    };
+    state: {
+        type: PropType<RichListItemState>;
+        default: "default";
+        validator(state: RichListItemState): boolean;
+    };
+    layout: {
+        type: PropType<RichListItemLayout>;
+        default: "horizontal";
+        validator(layout: RichListItemLayout): boolean;
+    };
+    size: {
+        type: PropType<RichListItemSize>;
+        default: "medium";
+        validator(size: RichListItemSize): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDimmed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconColor: {
+        type: PropType<IconColor>;
+        default: null;
+        validator(iconColor: IconColor): boolean;
+    };
+    iconColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    borderColor: {
+        type: PropType<RichListItemBorderColor>;
+        default: null;
+        validator(borderColor: RichListItemBorderColor): boolean;
+    };
+    borderColorHex: {
+        type: StringConstructor;
+        default: null;
+    };
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    textEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    eyebrow: {
+        type: StringConstructor;
+        default: null;
+    };
+    eyebrowEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isEyebrowUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    supportingText: {
+        type: StringConstructor;
+        default: null;
+    };
+    supportingTextEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSupportingTextTooltipEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: PropType<RichListItemBackgroundColor>;
+        default: "neutral";
+        validator(backgroundColor: RichListItemBackgroundColor): boolean;
+    };
+    elevation: {
+        type: PropType<RichListItemElevation>;
+        default: null;
+        validator(evolution: RichListItemElevation): boolean;
+    };
+    hasDraggableHandler: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasActionsSlotDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
     "onUpdate:is-selected"?: ((value: boolean) => any) | undefined;
 }>, {
-    icon: any;
     size: RichListItemSize;
     type: RichListItemType;
+    backgroundColor: RichListItemBackgroundColor;
+    icon: any;
     state: RichListItemState;
     elevation: "small";
     layout: RichListItemLayout;
     borderColor: RichListItemBorderColor;
-    backgroundColor: RichListItemBackgroundColor;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
     isInteractive: boolean;
@@ -49,11 +278,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
 }, {}, {
     DsTextGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: PropType<string>;
+            type: PropType<TextGroupSize>;
             default: string;
         };
         color: {
-            type: PropType<"neutral">;
+            type: PropType<import('../../TextGroup').TextGroupColor>;
             default: "neutral";
         };
         eyebrowText: {
@@ -89,7 +318,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         skeletonLoadingSize: {
-            type: PropType<string>;
+            type: PropType<import('../../TextGroup').TextGroupLoadingSize>;
             default: string;
         };
         isSelected: {
@@ -133,11 +362,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         loadingSizeClassName(): string;
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: PropType<string>;
+            type: PropType<TextGroupSize>;
             default: string;
         };
         color: {
-            type: PropType<"neutral">;
+            type: PropType<import('../../TextGroup').TextGroupColor>;
             default: "neutral";
         };
         eyebrowText: {
@@ -173,7 +402,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         skeletonLoadingSize: {
-            type: PropType<string>;
+            type: PropType<import('../../TextGroup').TextGroupLoadingSize>;
             default: string;
         };
         isSelected: {
@@ -225,7 +454,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: string;
             };
             radius: {
-                type: PropType<string>;
+                type: PropType<import('../../..').SkeletonRadiusSize>;
                 default: string;
             };
             width: {
@@ -247,7 +476,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: string;
             };
             radius: {
-                type: PropType<string>;
+                type: PropType<import('../../..').SkeletonRadiusSize>;
                 default: string;
             };
             width: {
@@ -259,7 +488,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             width: string;
             height: string;
         }, {}, {
-            PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void, {}>;
+            PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DsTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             placement: {
@@ -347,15 +576,102 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             isHiddenOnMobile: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    RichListItem: import('vue').DefineComponent<{}, {}, {
+    RichListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        type: {
+            type: PropType<RichListItemType>;
+            default: "default";
+            validator(type: RichListItemType): boolean;
+        };
+        layout: {
+            type: PropType<RichListItemLayout>;
+            default: "horizontal";
+            validator(layout: RichListItemLayout): boolean;
+        };
+        state: {
+            type: PropType<RichListItemState>;
+            default: "default";
+            validator(state: RichListItemState): boolean;
+        };
+        size: {
+            type: PropType<RichListItemSize>;
+            default: "medium";
+            validator(size: unknown): boolean;
+        };
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isDimmed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isDraggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: PropType<IconItem>;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        iconColor: {
+            type: PropType<IconColor>;
+            default: null;
+            validator(iconColor: unknown): boolean;
+        };
+        iconColorHex: {
+            type: StringConstructor;
+            default: null;
+        };
+        borderColor: {
+            type: PropType<RichListItemBorderColor>;
+            default: null;
+            validator(borderColor: unknown): boolean;
+        };
+        borderColorHex: {
+            type: StringConstructor;
+            default: null;
+        };
+        draggableIconClassName: {
+            type: StringConstructor;
+            default: null;
+        };
+        backgroundColor: {
+            type: PropType<RichListItemBackgroundColor>;
+            default: "neutral";
+            validator(backgroundColor: unknown): boolean;
+        };
+        elevation: {
+            type: PropType<RichListItemElevation>;
+            default: null;
+            validator(evolution: unknown): boolean;
+        };
+        hasDraggableHandler: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasActionsSlotDivider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isSelectable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -547,6 +863,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -596,19 +913,105 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         'icon-click': () => true;
         click: () => true;
         'update:is-selected': (isSelected: boolean) => true;
-    }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: PropType<RichListItemType>;
+            default: "default";
+            validator(type: RichListItemType): boolean;
+        };
+        layout: {
+            type: PropType<RichListItemLayout>;
+            default: "horizontal";
+            validator(layout: RichListItemLayout): boolean;
+        };
+        state: {
+            type: PropType<RichListItemState>;
+            default: "default";
+            validator(state: RichListItemState): boolean;
+        };
+        size: {
+            type: PropType<RichListItemSize>;
+            default: "medium";
+            validator(size: unknown): boolean;
+        };
+        isInteractive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isDimmed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isDraggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: PropType<IconItem>;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        iconColor: {
+            type: PropType<IconColor>;
+            default: null;
+            validator(iconColor: unknown): boolean;
+        };
+        iconColorHex: {
+            type: StringConstructor;
+            default: null;
+        };
+        borderColor: {
+            type: PropType<RichListItemBorderColor>;
+            default: null;
+            validator(borderColor: unknown): boolean;
+        };
+        borderColorHex: {
+            type: StringConstructor;
+            default: null;
+        };
+        draggableIconClassName: {
+            type: StringConstructor;
+            default: null;
+        };
+        backgroundColor: {
+            type: PropType<RichListItemBackgroundColor>;
+            default: "neutral";
+            validator(backgroundColor: unknown): boolean;
+        };
+        elevation: {
+            type: PropType<RichListItemElevation>;
+            default: null;
+            validator(evolution: unknown): boolean;
+        };
+        hasDraggableHandler: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasActionsSlotDivider: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isSelectable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
         onClick?: (() => any) | undefined;
         "onUpdate:is-selected"?: ((isSelected: boolean) => any) | undefined;
         "onIcon-click"?: (() => any) | undefined;
     }>, {
-        icon: any;
         size: RichListItemSize;
         type: RichListItemType;
+        backgroundColor: RichListItemBackgroundColor;
+        icon: any;
         state: RichListItemState;
         elevation: "small";
         layout: RichListItemLayout;
         borderColor: RichListItemBorderColor;
-        backgroundColor: RichListItemBackgroundColor;
         isInteractive: boolean;
         isSelected: boolean;
         isDimmed: boolean;
@@ -621,19 +1024,39 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         hasActionsSlotDivider: boolean;
         isSelectable: boolean;
     }, {}, {
-        DsCheckbox: import('vue').DefineComponent<{}, {}, {
+        DsCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<import('../../Form/Checkbox/Checkbox.consts').CheckboxSize>;
+                default: "small";
+                validator(size: unknown): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            isSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: PropType<import('../../Form/Checkbox/Checkbox.consts').CheckboxState>;
+                default: "default";
+                validator(state: unknown): boolean;
+            };
+        }>, {}, {
             SELECTION_CONTROL_TYPE: Readonly<{
                 readonly RADIO_BUTTON: "radioButton";
                 readonly CHECKBOX: "checkbox";
             }>;
             ICONS: Readonly<{
-                readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-                readonly RIBBON: VueConstructor<Vue>;
-                readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-                readonly COMMENTS_CHECK: VueConstructor<Vue>;
                 readonly ANSWERS: VueConstructor<Vue>;
+                readonly CHANGE: VueConstructor<Vue>;
+                readonly COMMENTS_CHECK: VueConstructor<Vue>;
+                readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
                 readonly HIDE_ANSWERS: VueConstructor<Vue>;
+                readonly RIBBON: VueConstructor<Vue>;
                 readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+                readonly SLIDERS_SEARCH: VueConstructor<Vue>;
                 readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -825,6 +1248,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+                readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -833,7 +1257,26 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FAD_SPINNER_THIRD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             }>;
-        }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<import('../../Form/Checkbox/Checkbox.consts').CheckboxSize>;
+                default: "small";
+                validator(size: unknown): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            isSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            state: {
+                type: PropType<import('../../Form/Checkbox/Checkbox.consts').CheckboxState>;
+                default: "default";
+                validator(state: unknown): boolean;
+            };
+        }>> & Readonly<{
             "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
             "onInput:focus"?: ((...args: any[]) => any) | undefined;
             "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -843,7 +1286,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             state: import('../../Form/Checkbox/Checkbox.consts').CheckboxState;
             isSelected: boolean;
         }, {}, {
-            SelectionControl: import('vue').DefineComponent<{}, {}, {
+            SelectionControl: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlSize>;
+                    default: "small";
+                    validator(size: unknown): boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                isSelected: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                state: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlState>;
+                    default: "default";
+                    validator(state: unknown): boolean;
+                };
+                selectedIcon: {
+                    type: ObjectConstructor;
+                    required: true;
+                    validator(icon: unknown): boolean;
+                };
+                notSelectedIcon: {
+                    type: ObjectConstructor;
+                    required: true;
+                    validator(icon: unknown): boolean;
+                };
+                type: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlType>;
+                    required: true;
+                    validator(type: unknown): boolean;
+                };
+            }>, {}, {
                 isFocused: boolean;
                 SELECTION_CONTROL_STATE: Readonly<{
                     readonly DEFAULT: "default";
@@ -861,7 +1338,41 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 onToggle(): void;
                 onFocus(): void;
                 onBlur(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<{}> & Readonly<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:is-selected" | "input:focus" | "input:blur")[], "update:is-selected" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlSize>;
+                    default: "small";
+                    validator(size: unknown): boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                isSelected: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                state: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlState>;
+                    default: "default";
+                    validator(state: unknown): boolean;
+                };
+                selectedIcon: {
+                    type: ObjectConstructor;
+                    required: true;
+                    validator(icon: unknown): boolean;
+                };
+                notSelectedIcon: {
+                    type: ObjectConstructor;
+                    required: true;
+                    validator(icon: unknown): boolean;
+                };
+                type: {
+                    type: PropType<import('../../Form/SelectionControl/SelectionControl.consts').SelectionControlType>;
+                    required: true;
+                    validator(type: unknown): boolean;
+                };
+            }>> & Readonly<{
                 "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
                 "onInput:focus"?: ((...args: any[]) => any) | undefined;
                 "onInput:blur"?: ((...args: any[]) => any) | undefined;
@@ -940,14 +1451,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    rotation: number;
                     size: string;
+                    rotation: number;
                     flippedVertical: boolean;
                     flippedHorizontal: boolean;
                     touchable: boolean;
                     spinning: boolean;
                 }, {}, {
-                    FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1063,14 +1574,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;