@bethinkpl/design-system 26.14.3 → 26.14.5

package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts

@@ -1,6 +1,6 @@
 import { IconItem } from '../../Icons/Icon';
 import { ICON_BUTTON_COLORS } from '../../Buttons/IconButton';
-import { SectionHeaderIconColor } from '../../Headers/SectionHeader';
+import { SectionHeaderIconColor, SectionHeaderSize } from '../../Headers/SectionHeader';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     isExpandable: {
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: SectionHeaderSize): boolean;
     };
     title: {
         type: StringConstructor;
@@ -337,7 +337,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: StringConstructor;
         default: string;
-        validator(size: unknown): boolean;
+        validator(size: SectionHeaderSize): boolean;
     };
     title: {
         type: StringConstructor;
@@ -417,7 +417,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: {
             type: StringConstructor;
             default: string;
-            validator(size: unknown): boolean;
+            validator(size: SectionHeaderSize): boolean;
         };
         title: {
             type: StringConstructor;
@@ -442,7 +442,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         mobileLayout: {
             type: StringConstructor;
             default: "vertical";
-            validator: (value: unknown) => boolean;
+            validator: (value: import('../../Headers/SectionHeader').SectionHeaderMobileLayout) => boolean;
         };
     }>, {}, {
         ICONS: Readonly<{
@@ -744,7 +744,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: {
             type: StringConstructor;
             default: string;
-            validator(size: unknown): boolean;
+            validator(size: SectionHeaderSize): boolean;
         };
         title: {
             type: StringConstructor;
@@ -769,7 +769,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         mobileLayout: {
             type: StringConstructor;
             default: "vertical";
-            validator: (value: unknown) => boolean;
+            validator: (value: import('../../Headers/SectionHeader').SectionHeaderMobileLayout) => boolean;
         };
     }>> & Readonly<{
         "onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
@@ -802,7 +802,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -836,7 +836,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -856,7 +856,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
@@ -869,17 +869,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: {
                 type: StringConstructor;
                 default: "large";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonSize): boolean;
             };
             radius: {
                 type: StringConstructor;
                 default: "capsule";
-                validator(value: unknown): boolean;
+                validator(value: import('../../..').ButtonRadius): boolean;
             };
             type: {
                 type: StringConstructor;
                 default: "icon-only";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonType): boolean;
             };
             icon: {
                 type: ObjectConstructor;
@@ -889,17 +889,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             color: {
                 type: StringConstructor;
                 default: "primary";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonColor): boolean;
             };
             colorScheme: {
                 type: StringConstructor;
                 default: "all-in-color";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonColorScheme): boolean;
             };
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: unknown): boolean;
+                validator(value: import('../../..').ButtonElevation): boolean;
             };
             touchable: {
                 type: BooleanConstructor;
@@ -1189,24 +1189,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             iconSize(): string;
             buttonType(): string;
-            computedColor(): string | null;
+            computedColor(): string | undefined;
             isButtonColor(): boolean;
             colorClassName(): string;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             size: {
                 type: StringConstructor;
                 default: "large";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonSize): boolean;
             };
             radius: {
                 type: StringConstructor;
                 default: "capsule";
-                validator(value: unknown): boolean;
+                validator(value: import('../../..').ButtonRadius): boolean;
             };
             type: {
                 type: StringConstructor;
                 default: "icon-only";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonType): boolean;
             };
             icon: {
                 type: ObjectConstructor;
@@ -1216,17 +1216,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             color: {
                 type: StringConstructor;
                 default: "primary";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonColor): boolean;
             };
             colorScheme: {
                 type: StringConstructor;
                 default: "all-in-color";
-                validator(value: unknown): boolean;
+                validator(value: import('../../Buttons/IconButton').IconButtonColorScheme): boolean;
             };
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: unknown): boolean;
+                validator(value: import('../../..').ButtonElevation): boolean;
             };
             touchable: {
                 type: BooleanConstructor;
@@ -1259,7 +1259,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1293,7 +1293,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: string) => boolean;
                 };
                 rotation: {
-                    type: NumberConstructor;
+                    type: (NumberConstructor | null)[];
                     default: null;
                 };
                 flippedVertical: {
@@ -1313,7 +1313,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                rotation: number;
+                rotation: number | null;
                 size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
@@ -1334,7 +1334,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_TYPES>): boolean;
                 };
                 color: {
-                    type: StringConstructor;
+                    type: (StringConstructor | null)[];
                     default: "primary";
                     validator(value: import('../../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
                 };
@@ -1641,7 +1641,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator(value: import('../../../utils/type.utils').Value<typeof import('../../..').BUTTON_TYPES>): boolean;
                 };
                 color: {
-                    type: StringConstructor;
+                    type: (StringConstructor | null)[];
                     default: "primary";
                     validator(value: import('../../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
                 };
@@ -1673,7 +1673,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 size: string;
                 type: string;
-                color: string;
+                color: string | null;
                 elevation: string;
                 radius: string;
                 state: string;
@@ -1692,7 +1692,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (value: string) => boolean;
                     };
                     rotation: {
-                        type: NumberConstructor;
+                        type: (NumberConstructor | null)[];
                         default: null;
                     };
                     flippedVertical: {
@@ -1726,7 +1726,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (value: string) => boolean;
                     };
                     rotation: {
-                        type: NumberConstructor;
+                        type: (NumberConstructor | null)[];
                         default: null;
                     };
                     flippedVertical: {
@@ -1746,7 +1746,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    rotation: number;
+                    rotation: number | null;
                     size: string;
                     flippedVertical: boolean;
                     flippedHorizontal: boolean;

package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts

@@ -30,18 +30,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     color: {
-        type: import('vue').PropType<import('../../Tile').TileColors>;
+        type: import('vue').PropType<import('../../Tile').TileColor>;
         default: "neutral";
-        validator(color: any): boolean;
+        validator(color: import('../../Tile').TileColor): boolean;
     };
     isEyebrowTextUppercase: {
         type: BooleanConstructor;
         default: boolean;
     };
     state: {
-        type: import('vue').PropType<import('../../Tile').TileStates>;
+        type: import('vue').PropType<import('../../Tile').TileState>;
         default: "default";
-        validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+        validator(value: import('../../Tile').TileState): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -56,9 +56,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     additionalTextMaxWidth: {
-        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
         default: "small";
-        validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+        validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => true;
@@ -94,18 +94,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     color: {
-        type: import('vue').PropType<import('../../Tile').TileColors>;
+        type: import('vue').PropType<import('../../Tile').TileColor>;
         default: "neutral";
-        validator(color: any): boolean;
+        validator(color: import('../../Tile').TileColor): boolean;
     };
     isEyebrowTextUppercase: {
         type: BooleanConstructor;
         default: boolean;
     };
     state: {
-        type: import('vue').PropType<import('../../Tile').TileStates>;
+        type: import('vue').PropType<import('../../Tile').TileState>;
         default: "default";
-        validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+        validator(value: import('../../Tile').TileState): boolean;
     };
     eyebrowEllipsis: {
         type: BooleanConstructor;
@@ -120,15 +120,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     additionalTextMaxWidth: {
-        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+        type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
         default: "small";
-        validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+        validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
     };
 }>> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
-    color: import('../../Tile').TileColors;
-    state: import('../../Tile').TileStates;
+    color: import('../../Tile').TileColor;
+    state: import('../../Tile').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
     borderColor: import('../../Tile').TileBorderColors;
@@ -139,7 +139,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isEyebrowTextUppercase: boolean;
     eyebrowEllipsis: boolean;
     textEllipsis: boolean;
-    additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
+    additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
 }, {}, {
     DsTile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         interactive: {
@@ -173,18 +173,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         color: {
-            type: import('vue').PropType<import('../../Tile').TileColors>;
+            type: import('vue').PropType<import('../../Tile').TileColor>;
             default: "neutral";
-            validator(color: any): boolean;
+            validator(color: import('../../Tile').TileColor): boolean;
         };
         isEyebrowTextUppercase: {
             type: BooleanConstructor;
             default: boolean;
         };
         state: {
-            type: import('vue').PropType<import('../../Tile').TileStates>;
+            type: import('vue').PropType<import('../../Tile').TileState>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+            validator(value: import('../../Tile').TileState): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -199,9 +199,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         additionalTextMaxWidth: {
-            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
             default: "small";
-            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
         };
     }>, {}, {
         ICONS: Readonly<{
@@ -476,18 +476,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         color: {
-            type: import('vue').PropType<import('../../Tile').TileColors>;
+            type: import('vue').PropType<import('../../Tile').TileColor>;
             default: "neutral";
-            validator(color: any): boolean;
+            validator(color: import('../../Tile').TileColor): boolean;
         };
         isEyebrowTextUppercase: {
             type: BooleanConstructor;
             default: boolean;
         };
         state: {
-            type: import('vue').PropType<import('../../Tile').TileStates>;
+            type: import('vue').PropType<import('../../Tile').TileState>;
             default: "default";
-            validator(value: import('../../../utils/type.utils').Value<typeof import('../../Tile').TILE_STATES>): boolean;
+            validator(value: import('../../Tile').TileState): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -502,13 +502,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         additionalTextMaxWidth: {
-            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidths>;
+            type: import('vue').PropType<import('../../Tile').TileAdditionalTextMaxWidth>;
             default: "small";
-            validator(value: import('../../Tile').TileAdditionalTextMaxWidths): boolean;
+            validator(value: import('../../Tile').TileAdditionalTextMaxWidth): boolean;
         };
     }>> & Readonly<{}>, {
-        color: import('../../Tile').TileColors;
-        state: import('../../Tile').TileStates;
+        color: import('../../Tile').TileColor;
+        state: import('../../Tile').TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
         borderColor: import('../../Tile').TileBorderColors;
@@ -519,7 +519,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isEyebrowTextUppercase: boolean;
         eyebrowEllipsis: boolean;
         textEllipsis: boolean;
-        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidths;
+        additionalTextMaxWidth: import('../../Tile').TileAdditionalTextMaxWidth;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -533,7 +533,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -567,7 +567,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -587,7 +587,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;

package/dist/lib/js/components/Dropdown/Dropdown.consts.d.ts

@@ -1,13 +1,18 @@
+import { Value } from '../../utils/type.utils';
+
 export declare const DROPDOWN_TRIGGER_ACTIONS: {
     readonly CLICK: "click";
     readonly HOVER: "hover";
 };
+export type DropdownTriggerAction = Value<typeof DROPDOWN_TRIGGER_ACTIONS>;
 export declare const DROPDOWN_RADIUSES: {
     readonly TOP: "top";
     readonly BOTTOM: "bottom";
     readonly BOTH: "both";
 };
+export type DropdownRadius = Value<typeof DROPDOWN_RADIUSES>;
 export declare const DROPDOWN_PLACEMENTS: {
     readonly BOTTOM_START: "bottom-start";
     readonly BOTTOM_END: "bottom-end";
 };
+export type DropdownPlacement = Value<typeof DROPDOWN_PLACEMENTS>;

package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts

@@ -1,3 +1,4 @@
+import { DropdownPlacement, DropdownRadius, DropdownTriggerAction } from './Dropdown.consts';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     boundariesSelector: {
@@ -15,17 +16,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     triggerAction: {
         type: StringConstructor;
         default: "click";
-        validator(triggerAction: unknown): boolean;
+        validator(triggerAction: DropdownTriggerAction): boolean;
     };
     radius: {
         type: StringConstructor;
         default: "both";
-        validate(radius: any): boolean;
+        validate(radius: DropdownRadius): boolean;
     };
     placement: {
         type: StringConstructor;
         default: "bottom-start";
-        validate(placement: any): boolean;
+        validate(placement: DropdownPlacement): boolean;
     };
     maxHeight: {
         type: StringConstructor;
@@ -63,17 +64,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     triggerAction: {
         type: StringConstructor;
         default: "click";
-        validator(triggerAction: unknown): boolean;
+        validator(triggerAction: DropdownTriggerAction): boolean;
     };
     radius: {
         type: StringConstructor;
         default: "both";
-        validate(radius: any): boolean;
+        validate(radius: DropdownRadius): boolean;
     };
     placement: {
         type: StringConstructor;
         default: "bottom-start";
-        validate(placement: any): boolean;
+        validate(placement: DropdownPlacement): boolean;
     };
     maxHeight: {
         type: StringConstructor;

package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: PropType<CheckboxSize>;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: CheckboxSize): boolean;
     };
     label: {
         type: StringConstructor;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: PropType<CheckboxState>;
         default: "default";
-        validator(state: unknown): boolean;
+        validator(state: CheckboxState): boolean;
     };
 }>, {}, {
     SELECTION_CONTROL_TYPE: Readonly<{
@@ -247,7 +247,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: {
         type: PropType<CheckboxSize>;
         default: "small";
-        validator(size: unknown): boolean;
+        validator(size: CheckboxSize): boolean;
     };
     label: {
         type: StringConstructor;
@@ -260,7 +260,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     state: {
         type: PropType<CheckboxState>;
         default: "default";
-        validator(state: unknown): boolean;
+        validator(state: CheckboxState): boolean;
     };
 }>> & Readonly<{
     "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
@@ -276,7 +276,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
             default: "small";
-            validator(size: unknown): boolean;
+            validator(size: import('../SelectionControl/SelectionControl.consts').SelectionControlSize): boolean;
         };
         label: {
             type: StringConstructor;
@@ -289,7 +289,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
             default: "default";
-            validator(state: unknown): boolean;
+            validator(state: import('../SelectionControl/SelectionControl.consts').SelectionControlState): boolean;
         };
         selectedIcon: {
             type: ObjectConstructor;
@@ -304,7 +304,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
             required: true;
-            validator(type: unknown): boolean;
+            validator(type: import('../SelectionControl/SelectionControl.consts').SelectionControlType): boolean;
         };
     }>, {}, {
         isFocused: boolean;
@@ -328,7 +328,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlSize>;
             default: "small";
-            validator(size: unknown): boolean;
+            validator(size: import('../SelectionControl/SelectionControl.consts').SelectionControlSize): boolean;
         };
         label: {
             type: StringConstructor;
@@ -341,7 +341,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlState>;
             default: "default";
-            validator(state: unknown): boolean;
+            validator(state: import('../SelectionControl/SelectionControl.consts').SelectionControlState): boolean;
         };
         selectedIcon: {
             type: ObjectConstructor;
@@ -356,7 +356,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: {
             type: PropType<import('../SelectionControl/SelectionControl.consts').SelectionControlType>;
             required: true;
-            validator(type: unknown): boolean;
+            validator(type: import('../SelectionControl/SelectionControl.consts').SelectionControlType): boolean;
         };
     }>> & Readonly<{
         "onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
@@ -380,7 +380,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -414,7 +414,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: string) => boolean;
             };
             rotation: {
-                type: NumberConstructor;
+                type: (NumberConstructor | null)[];
                 default: null;
             };
             flippedVertical: {
@@ -434,7 +434,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
+            rotation: number | null;
             size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;