@bethinkpl/design-system 41.1.5 → 43.0.0

package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts

@@ -98,6 +98,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Cards/Card/Card.consts.d.ts

@@ -2,14 +2,28 @@ import { Value } from '../../../utils/type.utils';
 
 export declare const CARD_PADDING_SIZES: {
     readonly SMALL: "small";
+    readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
 export type CardPaddingSize = Value<typeof CARD_PADDING_SIZES>;
 export declare const CARD_BACKGROUND_COLORS: {
     readonly DEFAULT: "default";
     readonly NEUTRAL: "neutral";
+    readonly NONE: "none";
 };
 export type CardBackgroundColor = Value<typeof CARD_BACKGROUND_COLORS>;
+export declare const CARD_ELEVATIONS: {
+    readonly DEFAULT: "default";
+    readonly TOP: "top";
+    readonly NONE: "none";
+};
+export type CardElevation = Value<typeof CARD_ELEVATIONS>;
+export declare const CARD_RADIUSES: {
+    readonly ALL: "all";
+    readonly TOP: "top";
+    readonly NONE: "none";
+};
+export type CardRadius = Value<typeof CARD_RADIUSES>;
 export declare const CARD_RIBBON_COLORS: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_HEAVY: "neutral-heavy";

package/dist/lib/js/components/Cards/Card/Card.vue.d.ts

@@ -1,5 +1,6 @@
 import { LoadingBarColors } from '../../LoadingBar';
-import { CardBackgroundColor, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
+import { RemovedProp } from '../../../utils/type.utils';
+import { CardBackgroundColor, CardElevation, CardRadius, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
 
 declare function __VLS_template(): Readonly<{
     header?: () => any;
@@ -19,8 +20,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
     hasRibbon?: boolean;
-    hasRadius?: boolean;
+    elevation?: CardElevation;
+    radius?: CardRadius;
     backgroundColor?: CardBackgroundColor;
+    isFlat?: boolean;
     ribbonPosition?: CardRibbonPositions;
     ribbonSize?: CardRibbonSizes;
     ribbonColor?: CardRibbonColors;
@@ -28,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     loadingBarTime?: string;
-    isFlat?: boolean;
     isContentScrollable?: boolean;
+    hasRadius?: RemovedProp<"renamed to radius">;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     contentHasPadding?: boolean;
     headerHasPadding?: boolean;
@@ -37,8 +40,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
     hasRibbon?: boolean;
-    hasRadius?: boolean;
+    elevation?: CardElevation;
+    radius?: CardRadius;
     backgroundColor?: CardBackgroundColor;
+    isFlat?: boolean;
     ribbonPosition?: CardRibbonPositions;
     ribbonSize?: CardRibbonSizes;
     ribbonColor?: CardRibbonColors;
@@ -46,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     loadingBarTime?: string;
-    isFlat?: boolean;
     isContentScrollable?: boolean;
+    hasRadius?: RemovedProp<"renamed to radius">;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts

@@ -70,6 +70,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -383,12 +385,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
             };
@@ -410,12 +418,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -442,12 +450,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
             };
@@ -469,12 +483,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -498,12 +512,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasRibbon: {
             type: import('vue').PropType<boolean>;
         };
-        hasRadius: {
-            type: import('vue').PropType<boolean>;
+        elevation: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+        };
+        radius: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
         };
         backgroundColor: {
             type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
         };
+        isFlat: {
+            type: import('vue').PropType<boolean>;
+        };
         ribbonPosition: {
             type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
         };
@@ -525,12 +545,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         loadingBarTime: {
             type: import('vue').PropType<string>;
         };
-        isFlat: {
-            type: import('vue').PropType<boolean>;
-        };
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
+        hasRadius: {
+            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts

@@ -91,6 +91,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts

@@ -858,6 +858,8 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts

@@ -702,6 +702,8 @@ declare const _default: import('vue').DefineComponent<{
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

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

@@ -123,6 +123,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -559,6 +561,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1099,6 +1103,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+                readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+                readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Form/InputField/useInputFieldWithinForm.d.ts

@@ -3,6 +3,6 @@ import { MaybeRefOrGetter, Ref } from 'vue';
 export declare function useInputFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<string | undefined>): {
     onBlur: (event: Event) => void;
     onInput: () => void;
-    value: Ref<string | undefined, string | undefined> | Ref<string[], string[]>;
+    value: Ref<string | undefined, string | undefined>;
     errors: Ref<string[], string[]>;
 };

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

@@ -64,6 +64,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Form/SelectField/SelectField.types.d.ts

@@ -0,0 +1,26 @@
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+import { IconItem } from '../../Icons/Icon';
+
+export type SelectFieldValue = string | number;
+export interface SelectFieldOption {
+    value: SelectFieldValue;
+    label: string;
+    iconLeft?: IconItem | null;
+    eyebrowText?: string;
+    isDisabled?: boolean;
+}
+export interface SelectFieldOptionGroup {
+    label?: string;
+    options: Array<SelectFieldOption>;
+}
+export interface SelectFieldProps extends FormFieldProps {
+    options: Array<SelectFieldOption | SelectFieldOptionGroup>;
+    placeholder?: string;
+    leftIcon?: IconItem | null;
+    ariaLabel?: string;
+    maxHeight?: string | number;
+    name?: string;
+    autocomplete?: string;
+    isGroupLabelUppercase?: boolean;
+}
+export type SelectFieldSlots = Omit<FormFieldSlots, 'field'>;

package/dist/lib/js/components/Form/SelectField/SelectField.utils.d.ts

@@ -0,0 +1,7 @@
+import { SelectFieldOption, SelectFieldOptionGroup } from './SelectField.types';
+
+export declare function isSelectFieldOptionGroup(option: SelectFieldOption | SelectFieldOptionGroup): option is SelectFieldOptionGroup;
+export declare function normalizeOptions(options: Array<SelectFieldOption | SelectFieldOptionGroup>): Array<SelectFieldOptionGroup>;
+export declare function assertOptionValues(groups: Array<SelectFieldOptionGroup>): void;
+export declare function toCssLength(value: string | number | undefined): string | undefined;
+export declare function getOptionAccessibleName(option: SelectFieldOption): string;

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

@@ -0,0 +1,107 @@
+import { SelectFieldSlots, SelectFieldValue } from './SelectField.types';
+
+declare function __VLS_template(): Readonly<SelectFieldSlots> & SelectFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<SelectFieldValue>;
+    options: {
+        type: import('vue').PropType<(import('./SelectField.types').SelectFieldOption | import('./SelectField.types').SelectFieldOptionGroup)[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string | number>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    autocomplete: {
+        type: import('vue').PropType<string>;
+    };
+    isGroupLabelUppercase: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "open-change": (isOpen: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<SelectFieldValue>;
+    options: {
+        type: import('vue').PropType<(import('./SelectField.types').SelectFieldOption | import('./SelectField.types').SelectFieldOptionGroup)[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string | number>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    autocomplete: {
+        type: import('vue').PropType<string>;
+    };
+    isGroupLabelUppercase: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{
+    "onOpen-change"?: ((isOpen: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Form/SelectField/SelectFieldOption.vue.d.ts

@@ -0,0 +1,19 @@
+import { SelectFieldOption as SelectFieldOptionType } from './SelectField.types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    option: SelectFieldOptionType;
+    isSelected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    option: SelectFieldOptionType;
+    isSelected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lib/js/components/Form/SelectField/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SelectField } from './SelectField.vue';
+
+export * from './SelectField.types';
+export default SelectField;

package/dist/lib/js/components/Form/SelectField/useSelectFieldWithinForm.d.ts

@@ -0,0 +1,8 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { SelectFieldValue } from './SelectField.types';
+
+export declare function useSelectFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<SelectFieldValue | undefined>): {
+    value: Ref<SelectFieldValue | undefined, SelectFieldValue | undefined>;
+    errors: Ref<string[], string[]>;
+    onClose: (event: Event) => void;
+};

package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts

@@ -111,6 +111,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -530,6 +532,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts

@@ -112,6 +112,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -652,6 +654,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts

@@ -70,6 +70,8 @@ export declare const ICONS: {
     readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+    readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+    readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts

@@ -159,6 +159,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -783,6 +785,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts

@@ -294,6 +294,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -918,6 +920,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+                readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+                readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
                 readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

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

@@ -109,6 +109,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -503,6 +505,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1206,9 +1210,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $slots: Readonly<{
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         }> & {
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         };
     });
     SelectList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -135,6 +135,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

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

@@ -66,6 +66,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;

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

@@ -608,6 +608,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;