@volverjs/ui-vue 0.0.10-beta.3 → 0.0.10-beta.31

package/dist/props/index.d.ts

@@ -1,7 +1,8 @@
 import type { PropType } from 'vue';
 import type { Option } from '@/types/generic';
 import type { NavItem } from '@/types/nav';
-import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } from '@/constants';
+import { Placement, Strategy, Position, Side, ButtonType, ActionTag, StorageType } from '@/constants';
+import type { VvIconProps } from '@/components/VvIcon';
 export declare const LinkProps: {
     /**
      * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -17,10 +18,7 @@ export declare const LinkProps: {
     /**
      * Anchor target
      */
-    target: {
-        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
-        validator: (value: AnchorTarget) => boolean;
-    };
+    target: StringConstructor;
     /**
      * Anchor rel
      */
@@ -33,27 +31,42 @@ export declare const ValidProps: {
     /**
      * Valid status
      */
-    valid: BooleanConstructor;
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Valid label
      */
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
 };
 export declare const InvalidProps: {
     /**
      * Invalid status
      */
-    invalid: BooleanConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Invalid label
      */
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
 };
 export declare const LoadingProps: {
     /**
      * Loading status
      */
-    loading: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Loading label
      */
@@ -66,49 +79,73 @@ export declare const DisabledProps: {
     /**
      * Whether the form control is disabled
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const SelectedProps: {
     /**
      * Whether the item is selected
      */
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const ActiveProps: {
     /**
      * Whether the item is active
      */
-    active: BooleanConstructor;
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const CurrentProps: {
     /**
      * Whether the item is current
      */
-    current: BooleanConstructor;
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const PressedProps: {
     /**
      * Whether the item is pressed
      */
-    pressed: BooleanConstructor;
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const LabelProps: {
     /**
      * The item label
      */
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
 };
 export declare const ReadonlyProps: {
     /**
      * The value is not editable
      */
-    readonly: BooleanConstructor;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const ModifiersProps: {
     /**
      * Component BEM modifiers
      */
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
 };
 export declare const HintProps: {
     hintLabel: {
@@ -151,7 +188,7 @@ export declare const CountProps: {
      * Show character limit
      */
     count: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
@@ -160,7 +197,10 @@ export declare const DebounceProps: {
     /**
      * Milliseconds to wait before emitting the input event
      */
-    debounce: (StringConstructor | NumberConstructor)[];
+    debounce: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
 };
 export declare const IconProps: {
     /**
@@ -168,7 +208,8 @@ export declare const IconProps: {
      * @see VVIcon
      */
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: PropType<string | VvIconProps>;
+        default: undefined;
     };
     /**
      * VvIcon position
@@ -193,7 +234,10 @@ export declare const FloatingLabelProps: {
     /**
      * If true the label will be floating
      */
-    floating: BooleanConstructor;
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const UnselectableProps: {
     /**
@@ -216,7 +260,7 @@ export declare const DropdownProps: {
      * Dropdown placement
      */
     placement: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end">;
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: Side;
         validator: (value: Side & Placement) => boolean;
     };
@@ -233,6 +277,7 @@ export declare const DropdownProps: {
      */
     transitionName: {
         type: StringConstructor;
+        default: undefined;
     };
     /**
      * Offset of the dropdown from the trigger
@@ -255,11 +300,11 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -267,7 +312,7 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -287,11 +332,11 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -299,7 +344,7 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -331,7 +376,7 @@ export declare const DropdownProps: {
                 availableWidth: number;
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -371,7 +416,7 @@ export declare const DropdownProps: {
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -411,6 +456,7 @@ export declare const DropdownProps: {
      */
     triggerWidth: {
         type: BooleanConstructor;
+        default: boolean;
     };
 };
 export declare const IdNameProps: {
@@ -434,7 +480,10 @@ export declare const AutofocusProps: {
      * Global attribute autofocus
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
      */
-    autofocus: BooleanConstructor;
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const AutocompleteProps: {
     /**
@@ -453,42 +502,61 @@ export declare const InputTextareaProps: {
      * Available for input types: text, search, url, tel, email, password
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength
      */
-    minlength: (StringConstructor | NumberConstructor)[];
+    minlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Input / Textarea maxlength
      * Maximum length (number of characters) of value
      * Available for input types: text, search, url, tel, email, password
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength
      */
-    maxlength: (StringConstructor | NumberConstructor)[];
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Input / Textarea placeholder
      * Text that appears in the form control when it has no value set
      * Available for input types: text, search, url, tel, email, password, number
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
      */
-    placeholder: StringConstructor;
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /**
      * Input / Textarea required
      * A value is required or must be check for the form to be submittable
      * Available for all input types except color
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#required
      */
-    required: BooleanConstructor;
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * The item label
      */
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * If true the label will be floating
      */
-    floating: BooleanConstructor;
+    floating: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * VvIcon name or props
      * @see VVIcon
      */
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: PropType<string | VvIconProps>;
+        default: undefined;
     };
     /**
      * VvIcon position
@@ -501,23 +569,32 @@ export declare const InputTextareaProps: {
     /**
      * Milliseconds to wait before emitting the input event
      */
-    debounce: (StringConstructor | NumberConstructor)[];
+    debounce: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Show character limit
      */
     count: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
         validator: (value: string) => boolean;
     };
     /**
      * Component BEM modifiers
      */
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     /**
      * Loading status
      */
-    loading: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Loading label
      */
@@ -532,27 +609,45 @@ export declare const InputTextareaProps: {
     /**
      * Invalid status
      */
-    invalid: BooleanConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Invalid label
      */
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Valid status
      */
-    valid: BooleanConstructor;
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Valid label
      */
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * The value is not editable
      */
-    readonly: BooleanConstructor;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether the form control is disabled
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Global attribute tabindex
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
@@ -573,7 +668,10 @@ export declare const InputTextareaProps: {
      * Global attribute autofocus
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
      */
-    autofocus: BooleanConstructor;
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Input / Textarea name
      * Name of the form control. Submitted with the form as part of a name/value pair
@@ -594,15 +692,24 @@ export declare const CheckboxRadioProps: {
      * Input value
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
      */
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Input value
      */
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Loading status
      */
-    loading: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Loading label
      */
@@ -613,19 +720,31 @@ export declare const CheckboxRadioProps: {
     /**
      * The item label
      */
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Component BEM modifiers
      */
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     /**
      * The value is not editable
      */
-    readonly: BooleanConstructor;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether the form control is disabled
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -633,19 +752,31 @@ export declare const CheckboxRadioProps: {
     /**
      * Invalid status
      */
-    invalid: BooleanConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Invalid label
      */
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Valid status
      */
-    valid: BooleanConstructor;
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Valid label
      */
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Global attribute tabindex
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
@@ -673,7 +804,10 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * Input value
      */
-    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (SymbolConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Input name
      */
@@ -684,11 +818,17 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * If true, the group will be displayed in a vertical column
      */
-    vertical: BooleanConstructor;
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Loading status
      */
-    loading: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Loading label
      */
@@ -699,19 +839,31 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * The item label
      */
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Component BEM modifiers
      */
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
     /**
      * The value is not editable
      */
-    readonly: BooleanConstructor;
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether the form control is disabled
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -747,19 +899,31 @@ export declare const CheckboxRadioGroupProps: {
     /**
      * Invalid status
      */
-    invalid: BooleanConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Invalid label
      */
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     /**
      * Valid status
      */
-    valid: BooleanConstructor;
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Valid label
      */
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
 };
 export declare const ActionProps: {
     /**
@@ -777,6 +941,13 @@ export declare const ActionProps: {
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Default tag for the action
+     */
+    defaultTag: {
+        type: StringConstructor;
+        default: ActionTag;
+    };
     /**
      * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
      * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
@@ -791,10 +962,7 @@ export declare const ActionProps: {
     /**
      * Anchor target
      */
-    target: {
-        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
-        validator: (value: AnchorTarget) => boolean;
-    };
+    target: StringConstructor;
     /**
      * Anchor rel
      */
@@ -805,23 +973,38 @@ export declare const ActionProps: {
     /**
      * Whether the item is current
      */
-    current: BooleanConstructor;
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether the item is active
      */
-    active: BooleanConstructor;
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Whether the item is pressed
      */
-    pressed: BooleanConstructor;
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * The item label
      */
-    label: (StringConstructor | NumberConstructor)[];
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Whether the form control is disabled
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const NavProps: {
     items: {
@@ -829,3 +1012,11 @@ export declare const NavProps: {
         default: () => never[];
     };
 };
+export declare const StorageProps: {
+    storageType: {
+        type: PropType<"local" | "session">;
+        default: StorageType;
+        validator: (value: StorageType) => boolean;
+    };
+    storageKey: StringConstructor;
+};