@volverjs/ui-vue 0.0.10-beta.1 → 0.0.10-beta.10

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

@@ -332,6 +332,14 @@ export declare const argTypes: {
             };
         };
     };
+    'update:search': {
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
     placement: {
         description: string;
         options: (import("../../constants").Side | import("../../constants").Placement)[];

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

@@ -1,37 +1,4 @@
-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;
-    })[];
-};
-export declare const defaultArgTypes: {
-    tabId: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
+import type { ArgTypes, Meta } from '@storybook/vue3';
+import type { VvTab } from '@/components';
+export declare const defaultArgs: Meta<typeof VvTab>['args'];
+export declare const defaultArgTypes: ArgTypes;

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,4 @@
+export type Nullable<T> = T | null | undefined;
+export type Option = Record<string | number | symbol, any> & {
+    options?: Option[];
+};

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/index.d.ts

@@ -0,0 +1,5 @@
+export * from './alert';
+export * from './floating-ui';
+export * from './generic';
+export * from './group';
+export * from './nav';

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;
+};

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.10-beta.1",
+  "version": "0.0.10-beta.10",
   "engines": {
     "node": ">= 16.x"
   },
@@ -44,8 +44,8 @@
     "@vueuse/core": "^10.4.1",
     "jsdom": "^22.1.0",
     "mitt": "^3.0.1",
-    "nanoid": "^4.0.2",
     "ts-dot-prop": "^2.1.3",
+    "uid": "^2.0.2",
     "vue": "^3.3.4",
     "vue-imask": "^7.1.3"
   },
@@ -53,78 +53,79 @@
     "@volverjs/style": "0.*"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/preset-env": "^7.22.10",
-    "@babel/preset-typescript": "^7.22.11",
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-typescript": "^7.23.0",
     "@iconify/types": "^2.0.0",
-    "@iconify/utils": "^2.1.9",
+    "@iconify/utils": "^2.1.11",
     "@mdx-js/react": "^2.3.0",
-    "@rushstack/eslint-patch": "^1.3.3",
-    "@storybook/addon-a11y": "^7.4.0",
-    "@storybook/addon-actions": "^7.4.0",
-    "@storybook/addon-docs": "^7.4.0",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/channel-postmessage": "^7.4.0",
-    "@storybook/channel-websocket": "^7.4.0",
-    "@storybook/cli": "^7.4.0",
-    "@storybook/client-api": "^7.4.0",
-    "@storybook/client-logger": "^7.4.0",
-    "@storybook/core-common": "^7.4.0",
-    "@storybook/jest": "^0.2.2",
-    "@storybook/preview-api": "^7.4.0",
-    "@storybook/preview-web": "^7.4.0",
+    "@rushstack/eslint-patch": "^1.5.1",
+    "@storybook/addon-a11y": "^7.4.6",
+    "@storybook/addon-actions": "^7.4.6",
+    "@storybook/addon-docs": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/channel-postmessage": "^7.4.6",
+    "@storybook/channel-websocket": "^7.4.6",
+    "@storybook/cli": "^7.4.6",
+    "@storybook/client-api": "^7.4.6",
+    "@storybook/client-logger": "^7.4.6",
+    "@storybook/core-common": "^7.4.6",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/preview-api": "^7.4.6",
+    "@storybook/preview-web": "^7.4.6",
     "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.4.0",
-    "@storybook/vue3-vite": "^7.4.0",
-    "@tsconfig/node18": "^18.2.1",
-    "@types/jest-axe": "^3.5.5",
-    "@types/jsdom": "^21.1.2",
-    "@types/node": "^20.5.7",
-    "@types/react": "^18.2.21",
-    "@types/yargs": "^17.0.24",
-    "@vitejs/plugin-vue": "^4.3.4",
-    "@volverjs/style": "0.1.12-beta.4",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/vue3": "^7.4.6",
+    "@storybook/vue3-vite": "^7.4.6",
+    "@tsconfig/node18": "^18.2.2",
+    "@types/jest-axe": "^3.5.6",
+    "@types/jsdom": "^21.1.3",
+    "@types/node": "^20.8.2",
+    "@types/react": "^18.2.25",
+    "@types/yargs": "^17.0.26",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@volverjs/style": "0.1.12-beta.11",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
-    "change-case": "^4.1.2",
-    "eslint": "^8.48.0",
+    "change-case": "^5.0.2",
+    "chokidar": "^3.5.3",
+    "eslint": "^8.50.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-mdx": "^2.2.0",
     "eslint-plugin-mdx": "^2.2.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.14",
     "eslint-plugin-vue": "^9.17.0",
     "glob": "7.2.3",
     "jest-axe": "^8.0.0",
-    "jest-diff": "^29.6.4",
+    "jest-diff": "^29.7.0",
     "jest-get-type": "^29.6.3",
     "jsdom": "^22.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.3",
-    "pretty-format": "^29.6.3",
+    "pretty-format": "^29.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "remark": "^14.0.3",
-    "sass": "^1.66.1",
-    "storybook": "^7.4.0",
+    "remark": "^15.0.1",
+    "sass": "^1.69.0",
+    "storybook": "^7.4.6",
     "storybook-addon-markdown-docs": "^2.0.0",
     "storybook-dark-mode": "^3.0.1",
     "storybook-version": "^0.1.1",
-    "terser": "^5.19.3",
+    "terser": "^5.21.0",
     "ts-node": "^10.9.1",
     "typescript": "~5.2.2",
     "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.9",
+    "vite": "^4.4.11",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.7.0",
-    "vue-tsc": "^1.8.8",
+    "vue-tsc": "^1.8.15",
     "yargs": "^17.7.2"
   },
   "typesVersions": {
@@ -225,8 +226,11 @@
       "vv-nav": [
         "dist/components/VvNav/VvNav.vue.d.ts"
       ],
-      "vv-nav-item-title": [
-        "dist/components/VvNavItemTitle/VvNavItemTitle.vue.d.ts"
+      "vv-nav-item": [
+        "dist/components/VvNavItem/VvNavItem.vue.d.ts"
+      ],
+      "vv-nav-separator": [
+        "dist/components/VvNavSeparator/VvNavSeparator.vue.d.ts"
       ],
       "vv-progress": [
         "dist/components/VvProgress/VvProgress.vue.d.ts"
@@ -414,10 +418,15 @@
       "import": "./dist/components/VvNav/VvNav.es.js",
       "default": "./dist/components/VvNav/VvNav.umd.js"
     },
-    "./vv-nav-item-title": {
-      "types": "./dist/components/VvNavItemTitle/VvNavItemTitle.vue.d.ts",
-      "import": "./dist/components/VvNavItemTitle/VvNavItemTitle.es.js",
-      "default": "./dist/components/VvNavItemTitle/VvNavItemTitle.umd.js"
+    "./vv-nav-item": {
+      "types": "./dist/components/VvNavItem/VvNavItem.vue.d.ts",
+      "import": "./dist/components/VvNavItem/VvNavItem.es.js",
+      "default": "./dist/components/VvNavItem/VvNavItem.umd.js"
+    },
+    "./vv-nav-separator": {
+      "types": "./dist/components/VvNavSeparator/VvNavSeparator.vue.d.ts",
+      "import": "./dist/components/VvNavSeparator/VvNavSeparator.es.js",
+      "default": "./dist/components/VvNavSeparator/VvNavSeparator.umd.js"
     },
     "./vv-progress": {
       "types": "./dist/components/VvProgress/VvProgress.vue.d.ts",

package/src/Volver.ts

@@ -36,25 +36,31 @@ export function useDefaultProps(
 	return {
 		...component,
 		name: componentName,
-		props: Object.keys(props).reduce((acc, key) => {
-			if (!(key in componentDefaults)) {
-				acc[key] = props[key]
-				return acc
-			}
-			const customDefault = componentDefaults[key]
-			if (typeof props[key] === 'function' || Array.isArray(props[key])) {
+		props: Object.keys(props).reduce(
+			(acc, key) => {
+				if (!(key in componentDefaults)) {
+					acc[key] = props[key]
+					return acc
+				}
+				const customDefault = componentDefaults[key]
+				if (
+					typeof props[key] === 'function' ||
+					Array.isArray(props[key])
+				) {
+					acc[key] = {
+						type: props[key],
+						default: customDefault,
+					}
+					return acc
+				}
 				acc[key] = {
-					type: props[key],
+					...(props[key] as Record<string, unknown>),
 					default: customDefault,
 				}
 				return acc
-			}
-			acc[key] = {
-				...(props[key] as Record<string, unknown>),
-				default: customDefault,
-			}
-			return acc
-		}, {} as Record<string, unknown>),
+			},
+			{} as Record<string, unknown>,
+		),
 	}
 }
 
@@ -248,7 +254,7 @@ const VolverPlugin: Plugin = {
 	 * @param {App} Vue
 	 * @param {Object} options
 	 */
-	install(app: App, options: VolverOptions) {
+	install(app: App, options: VolverOptions = {}) {
 		const volver = new Volver(options)
 
 		// register global methods