@bethinkpl/design-system 42.0.0 → 44.0.0

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

@@ -385,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>;
             };
@@ -412,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: {};
@@ -444,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>;
             };
@@ -471,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;
@@ -500,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>;
         };
@@ -527,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/Form/PinInputField/PinInputField.consts.d.ts

@@ -0,0 +1,14 @@
+import { Value } from '../../../utils/type.utils';
+
+export declare const PIN_INPUT_FIELD_STATES: {
+    readonly DEFAULT: "default";
+    readonly ERROR: "error";
+    readonly LOADING: "loading";
+};
+export type PinInputFieldState = Value<typeof PIN_INPUT_FIELD_STATES>;
+export declare const PIN_INPUT_FIELD_TYPES: {
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+};
+export type PinInputFieldType = Value<typeof PIN_INPUT_FIELD_TYPES>;
+export declare const PIN_INPUT_FIELD_DEFAULT_LENGTH = 6;

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

@@ -0,0 +1,12 @@
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+import { PinInputFieldState, PinInputFieldType } from './PinInputField.consts';
+
+export interface PinInputFieldProps extends Omit<FormFieldProps, 'state'> {
+    state?: PinInputFieldState;
+    length?: number;
+    otp?: boolean;
+    type?: PinInputFieldType;
+    name?: string;
+    ariaLabel?: string;
+}
+export type PinInputFieldSlots = Omit<FormFieldSlots, 'field'>;

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

@@ -0,0 +1,2 @@
+export type PinChars = Array<string | number>;
+export declare function toPinChars(value: string | undefined, length: number): PinChars;

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

@@ -0,0 +1,91 @@
+import { PinInputFieldSlots } from './PinInputField.types';
+
+declare function __VLS_template(): Readonly<PinInputFieldSlots> & PinInputFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    state: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldState>;
+    };
+    length: {
+        type: import('vue').PropType<number>;
+    };
+    otp: {
+        type: import('vue').PropType<boolean>;
+    };
+    type: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldType>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    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, {
+    complete: (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    state: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldState>;
+    };
+    length: {
+        type: import('vue').PropType<number>;
+    };
+    otp: {
+        type: import('vue').PropType<boolean>;
+    };
+    type: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldType>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    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<{
+    onComplete?: ((value: string) => 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/PinInputField/index.d.ts

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

package/dist/lib/js/components/Form/PinInputField/usePinInputFieldWithinForm.d.ts

@@ -0,0 +1,8 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+
+export declare function usePinInputFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<string | undefined>): {
+    value: Ref<string | undefined, string | undefined>;
+    errors: import('vue').ComputedRef<string[]>;
+    onComplete: (event: Event) => void;
+    onBlur: (event: Event) => void;
+};

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/Form/TextAreaField/TextAreaField.types.d.ts

@@ -0,0 +1,9 @@
+import { TextareaHTMLAttributes } from 'vue';
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+
+export interface TextAreaFieldProps extends FormFieldProps {
+    inputProps?: TextareaHTMLAttributes;
+    isAutoresizing?: boolean;
+    name?: string;
+}
+export type TextAreaFieldSlots = Omit<FormFieldSlots, 'field'>;

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

@@ -0,0 +1,76 @@
+import { TextareaHTMLAttributes } from 'vue';
+import { TextAreaFieldSlots } from './TextAreaField.types';
+
+declare function __VLS_template(): Readonly<TextAreaFieldSlots> & TextAreaFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<TextareaHTMLAttributes>;
+    };
+    isAutoresizing: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<TextareaHTMLAttributes>;
+    };
+    isAutoresizing: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    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<{}>, {}, {}, {}, {}, 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/TextAreaField/TextAreaFieldAutosized.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

package/dist/lib/js/components/LabelValue/LabelValueItem/LabelValueItem.vue.d.ts

@@ -1,6 +1,11 @@
 import { LabelValueItemSize, LabelValueItemState, LabelValueItemValueColor } from './LabelValueItem.consts';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): Readonly<{
+    accessory?: () => any;
+}> & {
+    accessory?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     state?: LabelValueItemState;
     label: string;
     valueText: string;
@@ -15,6 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isLabelStrong?: boolean;
     valueColor?: LabelValueItemValueColor;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -25,3 +31,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1210,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>;