@volverjs/ui-vue 0.0.9-beta.8 → 0.0.9

package/dist/props/index.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { Option } from '../types/generic';
-import { Placement, Position, Side, AnchorTarget, ButtonType } from '../constants';
+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.
@@ -217,9 +217,9 @@ export declare const DropdownProps: {
      * Dropdown strategy
      */
     strategy: {
-        type: PropType<"fixed" | "absolute">;
-        default: string;
-        validator: (value: 'fixed' | 'absolute') => boolean;
+        type: PropType<"absolute" | "fixed">;
+        default: undefined;
+        validator: (value: Strategy) => boolean;
     };
     /**
      * Dropdown show / hide transition name
@@ -240,12 +240,30 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/shift
      */
     shift: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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/core").Padding | 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/core").Padding | undefined;
+            limiter?: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            } | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };
@@ -254,12 +272,30 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/flip
      */
     flip: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").FlipOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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/core").Padding | undefined;
+            fallbackPlacements?: import("@floating-ui/core").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/core").Padding | undefined;
+            fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
+            flipAlignment?: boolean | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };
@@ -268,13 +304,38 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/size
      */
     size: {
-        type: PropType<boolean | Partial<{
-            apply: (args: {
+        type: PropType<boolean | {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/core").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+            apply?: ((args: {
                 x: number;
                 y: number;
+                initialPlacement: import("@floating-ui/core").Placement;
                 placement: import("@floating-ui/core").Placement;
                 strategy: import("@floating-ui/core").Strategy;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/core").ElementRects;
+                platform: import("@floating-ui/core").Platform;
+                elements: import("@floating-ui/dom").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }) => void | Promise<void>) | undefined;
+        } | import("@floating-ui/dom").Derivable<{
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/core").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+            apply?: ((args: {
+                x: number;
+                y: number;
                 initialPlacement: import("@floating-ui/core").Placement;
+                placement: import("@floating-ui/core").Placement;
+                strategy: import("@floating-ui/core").Strategy;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
                 rects: import("@floating-ui/core").ElementRects;
                 platform: import("@floating-ui/core").Platform;
@@ -282,13 +343,7 @@ export declare const DropdownProps: {
             } & {
                 availableWidth: number;
                 availableHeight: number;
-            }) => void | Promise<void>;
-        } & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+            }) => void | Promise<void>) | undefined;
         }> | undefined>;
         default: () => {
             padding: number;
@@ -299,12 +354,26 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/autoPlacement
      */
     autoPlacement: {
-        type: PropType<boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/core").Padding;
-            boundary: import("@floating-ui/dom").Boundary;
+        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/core").Padding | undefined;
+            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/core").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/core").Padding | undefined;
+            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            autoAlignment?: boolean | undefined;
+            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;
     };

package/dist/resolvers/unplugin.es.js

@@ -22,6 +22,9 @@ const getStyleNames = function(kebabName) {
       "vv-dropdown-action"
     ];
   }
+  if (kebabName === "vv-button-group") {
+    return ["vv-button", "vv-button-group"];
+  }
   if (kebabName === "vv-accordion-group") {
     return ["vv-accordion", "vv-accordion-group"];
   }

package/dist/resolvers/unplugin.umd.js

@@ -1 +1 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((o="undefined"!=typeof globalThis?globalThis:o||self).components={})}(this,(function(o){"use strict";function e(o,e){if("string"!=typeof o)throw new TypeError("expected a string");return o.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,(o=>/[À-ž]/.test(o)?o:"-")).replace(/^-+|-+$/g,"").replace(/-{2,}/g,(o=>(null==e?void 0:e.condense)?"-":o)).toLowerCase()}const r=["vv-icon","vv-action"],t=["v-tooltip"],v=function(o){if(!r.includes(o))return"vv-dropdown"===o?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===o?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-accordion-group"===o?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===o?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===o?["vv-radio","vv-radio-group"]:"vv-alert-group"===o?["vv-alert","vv-alert-group"]:"v-tooltip"===o?["vv-tooltip"]:[o]},n=function(o,e){const r=[];if(!e)return r;const t=v(o);return t&&t.forEach((o=>{r.push(`@volverjs/style/${"scss"===e?"scss/":""}components/${o}`)})),r};o.VolverResolver=function({prefix:o="vv",importStyle:r,directives:v,ignore:i}={}){return[{type:"component",resolve:t=>{if(!o||!t.toLowerCase().startsWith(o.toLowerCase()))return;const v=e(t).replace(`${o}-`,"vv-");return i&&i.includes(v)?void 0:{from:`@volverjs/ui-vue/${v}`,sideEffects:n(v,r)}}},{type:"directive",resolve:o=>{if(!v)return;const c=`v-${e(o)}`;return!t.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:n(c,r)}}}]},o.getStyleNames=v,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((o="undefined"!=typeof globalThis?globalThis:o||self).components={})}(this,(function(o){"use strict";function e(o,e){if("string"!=typeof o)throw new TypeError("expected a string");return o.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,(o=>/[À-ž]/.test(o)?o:"-")).replace(/^-+|-+$/g,"").replace(/-{2,}/g,(o=>(null==e?void 0:e.condense)?"-":o)).toLowerCase()}const t=["vv-icon","vv-action"],r=["v-tooltip"],v=function(o){if(!t.includes(o))return"vv-dropdown"===o?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===o?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-button-group"===o?["vv-button","vv-button-group"]:"vv-accordion-group"===o?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===o?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===o?["vv-radio","vv-radio-group"]:"vv-alert-group"===o?["vv-alert","vv-alert-group"]:"v-tooltip"===o?["vv-tooltip"]:[o]},n=function(o,e){const t=[];if(!e)return t;const r=v(o);return r&&r.forEach((o=>{t.push(`@volverjs/style/${"scss"===e?"scss/":""}components/${o}`)})),t};o.VolverResolver=function({prefix:o="vv",importStyle:t,directives:v,ignore:i}={}){return[{type:"component",resolve:r=>{if(!o||!r.toLowerCase().startsWith(o.toLowerCase()))return;const v=e(r).replace(`${o}-`,"vv-");return i&&i.includes(v)?void 0:{from:`@volverjs/ui-vue/${v}`,sideEffects:n(v,t)}}},{type:"directive",resolve:o=>{if(!v)return;const c=`v-${e(o)}`;return!r.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:n(c,t)}}}]},o.getStyleNames=v,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

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

@@ -16,9 +16,9 @@ declare const _default: Meta<{
             readonly modifiers?: string | string[] | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
+            class?: unknown;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            class?: unknown;
             readonly storeKey?: string | undefined;
         };
         $attrs: {

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

@@ -16,15 +16,15 @@ declare const _default: {
         readonly modifiers?: string | string[] | undefined;
         key?: string | number | symbol | undefined;
         style?: unknown;
+        class?: unknown;
         ref_for?: boolean | undefined;
         ref_key?: string | undefined;
-        class?: unknown;
         readonly storeKey?: string | undefined;
     } & {
         default?: import("vue").VNodeChild | ((_: {}) => any);
     }>, "props"> | undefined;
     subcomponents?: Record<string, Omit<import("vue").ConcreteComponent<unknown>, "props">> | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/vue3/dist/render-c842c5d5").V, import("@storybook/vue3").ComponentPropsAndSlots<{
+    play?: import("@storybook/types").PlayFunction<import("@storybook/vue3/dist/render-ddbe18a8").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -40,9 +40,9 @@ declare const _default: {
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
                 style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -151,7 +151,7 @@ declare const _default: {
         };
     })>> | undefined;
     tags?: string[] | undefined;
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/vue3/dist/render-c842c5d5").V, {
+    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;
@@ -163,9 +163,9 @@ declare const _default: {
         readonly modifiers?: string | string[] | undefined;
         key?: string | number | symbol | undefined;
         style?: unknown;
+        class?: unknown;
         ref_for?: boolean | undefined;
         ref_key?: string | undefined;
-        class?: unknown;
         readonly storeKey?: string | undefined;
         default?: import("vue").VNodeChild | ((_: {}) => any);
     }>[] | undefined;
@@ -186,9 +186,9 @@ declare const _default: {
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
                 style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -312,9 +312,9 @@ declare const _default: {
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
                 style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -422,7 +422,7 @@ declare const _default: {
             default?(_: {}): any;
         };
     })>>> | undefined;
-    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/vue3/dist/render-c842c5d5").V, import("@storybook/vue3").ComponentPropsAndSlots<{
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/vue3/dist/render-ddbe18a8").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -438,9 +438,9 @@ declare const _default: {
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
                 style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {
@@ -548,7 +548,7 @@ declare const _default: {
             default?(_: {}): any;
         };
     })>>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/vue3/dist/render-c842c5d5").V, import("@storybook/vue3").ComponentPropsAndSlots<{
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/vue3/dist/render-ddbe18a8").V, import("@storybook/vue3").ComponentPropsAndSlots<{
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -564,9 +564,9 @@ declare const _default: {
                 readonly modifiers?: string | string[] | undefined;
                 key?: string | number | symbol | undefined;
                 style?: unknown;
+                class?: unknown;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                class?: unknown;
                 readonly storeKey?: string | undefined;
             };
             $attrs: {

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

@@ -129,6 +129,14 @@ export declare const argTypes: {
             };
         };
     };
+    searchFunction: {
+        description: string;
+        table: {
+            defaultValue: {
+                summary: undefined;
+            };
+        };
+    };
     searchPlaceholder: {
         description: string;
         control: {

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

@@ -145,42 +145,64 @@ export declare const argTypes: {
             };
         };
     };
-    mask: {
+    iMask: {
         description: string;
         control: {
             type: string;
         };
     };
-    maskEager: {
+    masked: {
         description: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
+        control: {
+            type: string;
         };
     };
-    maskReversed: {
+    autoWidth: {
         description: string;
+        control: {
+            type: string;
+        };
         table: {
             defaultValue: {
                 summary: boolean;
             };
+            type: {
+                summary: string;
+            };
         };
     };
-    maskTokens: {
+    hideActions: {
         description: string;
+        control: {
+            type: string;
+        };
         table: {
             defaultValue: {
+                summary: boolean;
+            };
+            type: {
                 summary: string;
             };
         };
     };
-    maskTokensReplace: {
+    unit: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    selectOnFocus: {
         description: string;
+        control: {
+            type: string;
+        };
         table: {
             defaultValue: {
                 summary: boolean;
             };
+            type: {
+                summary: string;
+            };
         };
     };
     before: {

package/dist/stories/InputText/InputText.stories.d.ts

@@ -11,5 +11,4 @@ export declare const Invalid: Story;
 export declare const Hint: Story;
 export declare const Loading: Story;
 export declare const Floating: Story;
-export declare const Mask: Story;
 export declare const Unit: Story;

package/dist/stories/InputText/InputTextMask.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import VvInputText from '@/components/VvInputText/VvInputText.vue';
+declare const meta: Meta<typeof VvInputText>;
+export default meta;
+type Story = StoryObj<typeof VvInputText>;
+export declare const RegExp: Story;
+export declare const PhoneNumber: Story;
+export declare const Pattern: Story;
+export declare const IntlNumber: Story;
+export declare const DatePlaceholder: Story;
+export declare const PhoneOrEmail: Story;
+export declare const Currency: Story;

package/package.json

@@ -19,11 +19,11 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.9-beta.8",
+  "version": "0.0.9",
   "engines": {
     "node": ">= 16.x"
   },
-  "packageManager": "pnpm@8.5.0",
+  "packageManager": "pnpm@8.7.0",
   "type": "module",
   "main": "./dist/Volver.umd.js",
   "module": "./dist/Volver.es.js",
@@ -38,92 +38,93 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@floating-ui/vue": "^1.0.1",
-    "@iconify/tools": "^3.0.2",
-    "@iconify/vue": "4.1.1",
-    "@vueuse/core": "^10.1.2",
+    "@floating-ui/vue": "^1.0.2",
+    "@iconify/tools": "^3.0.5",
+    "@iconify/vue": "^4.1.1",
+    "@vueuse/core": "^10.4.1",
     "jsdom": "^22.1.0",
-    "maska": "^2.1.9",
-    "mitt": "^3.0.0",
+    "mitt": "^3.0.1",
     "nanoid": "^4.0.2",
-    "ts-dot-prop": "^2.1.2",
-    "vue": "^3.3.4"
+    "ts-dot-prop": "^2.1.3",
+    "vue": "^3.3.4",
+    "vue-imask": "^7.1.3"
   },
   "peerDependencies": {
     "@volverjs/style": "0.*"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.1",
-    "@babel/preset-env": "^7.22.4",
-    "@babel/preset-typescript": "^7.21.5",
+    "@babel/core": "^7.22.11",
+    "@babel/preset-env": "^7.22.10",
+    "@babel/preset-typescript": "^7.22.11",
     "@iconify/types": "^2.0.0",
-    "@iconify/utils": "^2.1.6",
+    "@iconify/utils": "^2.1.9",
     "@mdx-js/react": "^2.3.0",
-    "@rushstack/eslint-patch": "^1.3.1",
-    "@storybook/addon-a11y": "^7.0.20",
-    "@storybook/addon-actions": "^7.0.20",
-    "@storybook/addon-docs": "^7.0.20",
-    "@storybook/addon-essentials": "^7.0.20",
-    "@storybook/addon-interactions": "^7.0.20",
-    "@storybook/addon-links": "^7.0.20",
-    "@storybook/channel-postmessage": "^7.0.20",
-    "@storybook/channel-websocket": "^7.0.20",
-    "@storybook/cli": "^7.0.20",
-    "@storybook/client-api": "^7.0.20",
-    "@storybook/client-logger": "^7.0.20",
-    "@storybook/core-common": "^7.0.20",
-    "@storybook/jest": "^0.1.0",
-    "@storybook/preview-api": "^7.0.20",
-    "@storybook/preview-web": "^7.0.20",
-    "@storybook/test-runner": "^0.10.0",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/vue3": "^7.0.20",
-    "@storybook/vue3-vite": "^7.0.20",
-    "@tsconfig/node18": "^2.0.1",
+    "@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",
+    "@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.1",
-    "@types/node": "^20.2.5",
-    "@types/react": "^18.2.9",
+    "@types/jsdom": "^21.1.2",
+    "@types/node": "^20.5.7",
+    "@types/react": "^18.2.21",
     "@types/yargs": "^17.0.24",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue": "^4.3.4",
     "@volverjs/style": "0.1.12-beta.4",
     "@vue/compiler-sfc": "^3.3.4",
-    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/test-utils": "^2.3.2",
+    "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
     "change-case": "^4.1.2",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-mdx": "^2.1.0",
-    "eslint-plugin-mdx": "^2.1.0",
-    "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-vue": "^9.14.1",
+    "eslint": "^8.48.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-vue": "^9.17.0",
     "glob": "7.2.3",
-    "jest-axe": "^7.0.1",
-    "jest-diff": "^29.5.0",
-    "jest-get-type": "^29.4.3",
+    "jest-axe": "^8.0.0",
+    "jest-diff": "^29.6.4",
+    "jest-get-type": "^29.6.3",
     "jsdom": "^22.1.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
-    "pretty-format": "^29.5.0",
+    "prettier": "^3.0.3",
+    "pretty-format": "^29.6.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark": "^14.0.3",
-    "sass": "^1.63.2",
-    "storybook": "7.0.20",
-    "storybook-addon-markdown-docs": "^1.0.5",
-    "storybook-dark-mode": "^3.0.0",
+    "sass": "^1.66.1",
+    "storybook": "^7.4.0",
+    "storybook-addon-markdown-docs": "^2.0.0",
+    "storybook-dark-mode": "^3.0.1",
     "storybook-version": "^0.1.1",
-    "terser": "^5.17.7",
+    "terser": "^5.19.3",
     "ts-node": "^10.9.1",
-    "typescript": "~5.1.3",
-    "unplugin-auto-import": "^0.16.4",
+    "typescript": "~5.2.2",
+    "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.3.9",
+    "vite": "^4.4.9",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.6.0",
-    "vue-tsc": "^1.6.5",
+    "vite-plugin-externalize-deps": "^0.7.0",
+    "vue-tsc": "^1.8.8",
     "yargs": "^17.7.2"
   },
   "typesVersions": {