@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.4

package/dist/props/index.d.ts

@@ -1,6 +1,7 @@
 import type { PropType } from 'vue';
-import type { Option } from '../types/generic';
-import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } from '../constants';
+import type { Option } from '@/types/generic';
+import type { NavItem } from '@/types/nav';
+import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } from '@/constants';
 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.
@@ -79,6 +80,12 @@ export declare const ActiveProps: {
      */
     active: BooleanConstructor;
 };
+export declare const CurrentProps: {
+    /**
+     * Whether the item is current
+     */
+    current: BooleanConstructor;
+};
 export declare const PressedProps: {
     /**
      * Whether the item is pressed
@@ -241,24 +248,24 @@ export declare const DropdownProps: {
      */
     shift: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
@@ -273,24 +280,24 @@ export declare const DropdownProps: {
      */
     flip: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
@@ -355,21 +362,21 @@ export declare const DropdownProps: {
      */
     autoPlacement: {
         type: PropType<boolean | {
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
             alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
             padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
             alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
@@ -795,6 +802,10 @@ export declare const ActionProps: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the item is current
+     */
+    current: BooleanConstructor;
     /**
      * Whether the item is active
      */
@@ -812,3 +823,9 @@ export declare const ActionProps: {
      */
     disabled: BooleanConstructor;
 };
+export declare const NavProps: {
+    items: {
+        type: PropType<NavItem[]>;
+        default: () => never[];
+    };
+};

package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts

@@ -7,14 +7,14 @@ declare const _default: Meta<{
         $props: {
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             disabled?: boolean | undefined;
-            not?: boolean | undefined;
             collapse?: boolean | undefined;
+            not?: boolean | undefined;
             items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
             itemModifiers?: string | string[] | undefined;
-            ref?: import("vue").VNodeRef | undefined;
+            key?: string | number | symbol | undefined;
             readonly modelValue?: string | unknown[] | undefined;
             readonly modifiers?: string | string[] | undefined;
-            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
             style?: unknown;
             class?: unknown;
             ref_for?: boolean | undefined;
@@ -53,8 +53,8 @@ declare const _default: Meta<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
-            not: boolean;
             collapse: boolean;
+            not: boolean;
             items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
             itemModifiers: string | string[];
         }, {}, string, {}> & {
@@ -117,8 +117,8 @@ declare const _default: Meta<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
     disabled: boolean;
-    not: boolean;
     collapse: boolean;
+    not: boolean;
     items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
     itemModifiers: string | string[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts

@@ -7,14 +7,14 @@ declare const _default: {
     component?: Omit<import("vue").ConcreteComponent<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
         disabled?: boolean | undefined;
-        not?: boolean | undefined;
         collapse?: boolean | undefined;
+        not?: boolean | undefined;
         items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
         itemModifiers?: string | string[] | undefined;
-        ref?: import("vue").VNodeRef | undefined;
+        key?: string | number | symbol | undefined;
         readonly modelValue?: string | unknown[] | undefined;
         readonly modifiers?: string | string[] | undefined;
-        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
         style?: unknown;
         class?: unknown;
         ref_for?: boolean | undefined;
@@ -31,14 +31,14 @@ declare const _default: {
             $props: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
                 disabled?: boolean | undefined;
-                not?: boolean | undefined;
                 collapse?: boolean | undefined;
+                not?: boolean | undefined;
                 items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
                 itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
+                key?: string | number | symbol | undefined;
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
                 style?: unknown;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -77,8 +77,8 @@ declare const _default: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
                 disabled: boolean;
-                not: boolean;
                 collapse: boolean;
+                not: boolean;
                 items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
                 itemModifiers: string | string[];
             }, {}, string, {}> & {
@@ -141,8 +141,8 @@ declare const _default: {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
         disabled: boolean;
-        not: boolean;
         collapse: boolean;
+        not: boolean;
         items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
         itemModifiers: string | string[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -154,14 +154,14 @@ declare const _default: {
     decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/vue3/dist/render-ddbe18a8").V, {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
         disabled?: boolean | undefined;
-        not?: boolean | undefined;
         collapse?: boolean | undefined;
+        not?: boolean | undefined;
         items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
         itemModifiers?: string | string[] | undefined;
-        ref?: import("vue").VNodeRef | undefined;
+        key?: string | number | symbol | undefined;
         readonly modelValue?: string | unknown[] | undefined;
         readonly modifiers?: string | string[] | undefined;
-        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
         style?: unknown;
         class?: unknown;
         ref_for?: boolean | undefined;
@@ -177,14 +177,14 @@ declare const _default: {
             $props: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
                 disabled?: boolean | undefined;
-                not?: boolean | undefined;
                 collapse?: boolean | undefined;
+                not?: boolean | undefined;
                 items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
                 itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
+                key?: string | number | symbol | undefined;
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
                 style?: unknown;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -223,8 +223,8 @@ declare const _default: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
                 disabled: boolean;
-                not: boolean;
                 collapse: boolean;
+                not: boolean;
                 items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
                 itemModifiers: string | string[];
             }, {}, string, {}> & {
@@ -287,8 +287,8 @@ declare const _default: {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
         disabled: boolean;
-        not: boolean;
         collapse: boolean;
+        not: boolean;
         items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
         itemModifiers: string | string[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -303,14 +303,14 @@ declare const _default: {
             $props: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
                 disabled?: boolean | undefined;
-                not?: boolean | undefined;
                 collapse?: boolean | undefined;
+                not?: boolean | undefined;
                 items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
                 itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
+                key?: string | number | symbol | undefined;
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
                 style?: unknown;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -349,8 +349,8 @@ declare const _default: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
                 disabled: boolean;
-                not: boolean;
                 collapse: boolean;
+                not: boolean;
                 items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
                 itemModifiers: string | string[];
             }, {}, string, {}> & {
@@ -413,8 +413,8 @@ declare const _default: {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
         disabled: boolean;
-        not: boolean;
         collapse: boolean;
+        not: boolean;
         items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
         itemModifiers: string | string[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -429,14 +429,14 @@ declare const _default: {
             $props: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
                 disabled?: boolean | undefined;
-                not?: boolean | undefined;
                 collapse?: boolean | undefined;
+                not?: boolean | undefined;
                 items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
                 itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
+                key?: string | number | symbol | undefined;
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
                 style?: unknown;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -475,8 +475,8 @@ declare const _default: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
                 disabled: boolean;
-                not: boolean;
                 collapse: boolean;
+                not: boolean;
                 items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
                 itemModifiers: string | string[];
             }, {}, string, {}> & {
@@ -539,8 +539,8 @@ declare const _default: {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
         disabled: boolean;
-        not: boolean;
         collapse: boolean;
+        not: boolean;
         items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
         itemModifiers: string | string[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -555,14 +555,14 @@ declare const _default: {
             $props: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
                 disabled?: boolean | undefined;
-                not?: boolean | undefined;
                 collapse?: boolean | undefined;
+                not?: boolean | undefined;
                 items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
                 itemModifiers?: string | string[] | undefined;
-                ref?: import("vue").VNodeRef | undefined;
+                key?: string | number | symbol | undefined;
                 readonly modelValue?: string | unknown[] | undefined;
                 readonly modifiers?: string | string[] | undefined;
-                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
                 style?: unknown;
                 class?: unknown;
                 ref_for?: boolean | undefined;
@@ -601,8 +601,8 @@ declare const _default: {
                 [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
                 disabled: boolean;
-                not: boolean;
                 collapse: boolean;
+                not: boolean;
                 items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
                 itemModifiers: string | string[];
             }, {}, string, {}> & {
@@ -665,8 +665,8 @@ declare const _default: {
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
         disabled: boolean;
-        not: boolean;
         collapse: boolean;
+        not: boolean;
         items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
         itemModifiers: string | string[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/stories/Tab/Tab.settings.d.ts

@@ -1,26 +1,6 @@
-export declare const defaultArgs: {
-    items: ({
-        title: string;
-        href: string;
-        to?: undefined;
-        id?: undefined;
-        on?: undefined;
-    } | {
-        title: string;
-        to: string;
-        href?: undefined;
-        id?: undefined;
-        on?: undefined;
-    } | {
-        id: string;
-        title: string;
-        to: string;
-        on: {
-            click: () => void;
-        };
-        href?: undefined;
-    })[];
-};
+import type { Meta } from '@storybook/vue3';
+import type { VvTab } from '@/components';
+export declare const defaultArgs: Meta<typeof VvTab>['args'];
 export declare const defaultArgTypes: {
     tabId: {
         description: string;

package/dist/types/alert.d.ts

@@ -0,0 +1,13 @@
+export type AlertModifiers = 'success' | 'info' | 'warning' | 'danger' | 'brand' | 'accent';
+export type Alert = {
+    id: string | number;
+    group: string;
+    title?: string;
+    icon: string | Record<string, unknown>;
+    content?: string;
+    footer?: string;
+    modifiers: AlertModifiers;
+    dismissable: boolean;
+    autoClose: number;
+    timestamp: number;
+};

package/dist/types/floating-ui.d.ts

@@ -0,0 +1,6 @@
+import type { flip, autoPlacement, shift, offset, size } from '@floating-ui/vue';
+export type AutoPlacementOptions = Parameters<typeof autoPlacement>[0];
+export type FlipOptions = Parameters<typeof flip>[0];
+export type ShiftOptions = Parameters<typeof shift>[0];
+export type OffsetOptions = Parameters<typeof offset>[0];
+export type SizeOptions = Parameters<typeof size>[0];

package/dist/types/generic.d.ts

@@ -0,0 +1,5 @@
+export type Nullable<T> = T | null | undefined;
+export type Option = {
+    options?: Option[];
+    [key: string]: unknown;
+};

package/dist/types/group.d.ts

@@ -0,0 +1,37 @@
+import type { Ref } from 'vue';
+/**
+ * State shared for a group of elements
+ */
+export default interface GroupState {
+    [itemKey: string]: Ref<unknown> | unknown | undefined;
+    key: string | number | symbol;
+}
+/**
+ * State shared in a group of inputs
+ */
+export interface InputGroupState extends GroupState {
+    readonly: Ref<boolean>;
+    disabled: Ref<boolean>;
+    valid: Ref<boolean>;
+    invalid: Ref<boolean>;
+}
+/**
+ * State shared in a group of buttons
+ */
+export interface ButtonGroupState extends GroupState {
+    modelValue: Ref<string | number | boolean | (string | number | boolean)[] | undefined>;
+    disabled: Ref<boolean>;
+    toggle: Ref<boolean>;
+    multiple: Ref<boolean>;
+    unselectable: Ref<boolean>;
+    modifiers: Ref<string | string[] | undefined>;
+}
+/**
+ * State shared in a group of accordions
+ */
+export interface AccordionGroupState extends GroupState {
+    collapse: Ref<boolean>;
+    disabled: Ref<boolean>;
+    modifiers: Ref<string[] | string | undefined>;
+    not: Ref<boolean>;
+}

package/dist/types/nav.d.ts

@@ -0,0 +1,17 @@
+import type { AnchorTarget } from '@/constants';
+export type NavItem = {
+    label: string;
+    ariaLabel?: string;
+    title?: string;
+    to?: string | Record<string, unknown>;
+    href?: string;
+    target?: `${AnchorTarget}`;
+    rel?: string;
+    disabled?: boolean;
+    current?: boolean;
+    class?: string | string[];
+    on?: Record<'click' | string, () => void>;
+};
+export type NavItemTab = NavItem & {
+    tab?: string;
+};