@comercti/react-components 0.32.0 → 0.33.0

package/index.d.ts

@@ -9,14 +9,24 @@ import { VNode } from 'vue';
 
 declare const __VLS_component: DefineComponent<DataTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: Record<string, any>[]) => any;
+input: (value: string) => any;
 updateSelected: (value: Record<string, any>[]) => any;
+"update:modelValueEditable": (value: {
+field: string;
+value: string | boolean | number;
+}) => any;
 orderBy: (value: {
 key: string;
 order: "asc" | "desc";
 }) => any;
 }, string, PublicProps, Readonly<DataTableProps> & Readonly<{
 "onUpdate:modelValue"?: (value: Record<string, any>[]) => any;
+onInput?: (value: string) => any;
 onUpdateSelected?: (value: Record<string, any>[]) => any;
+"onUpdate:modelValueEditable"?: (value: {
+field: string;
+value: string | boolean | number;
+}) => any;
 onOrderBy?: (value: {
 key: string;
 order: "asc" | "desc";
@@ -34,6 +44,14 @@ loading: boolean;
 loadingType: "spinner" | "semi-circle" | "dots";
 truncated: boolean;
 copyable: boolean;
+editable: boolean;
+editColumnStyle: {
+fields: string[];
+style?: Record<string, string>;
+class?: string;
+};
+backgroundPagination: "transparent" | `#${string}` | `rgb(${string})` | `rgba(${string})`;
+backgroundTitle: "transparent" | `#${string}` | `rgb(${string})` | `rgba(${string})`;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 rootRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -171,6 +189,7 @@ close: (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
+class: string;
 background: "1" | "2";
 isOpen: boolean;
 closeOutside: boolean;
@@ -685,6 +704,8 @@ declare type __VLS_Props_25 = {
     closeOutside?: boolean;
     /** Define se o botão de fechar fica visível */
     showCloseButton?: boolean;
+    /** Define a diretivas do modal */
+    class?: string;
 };
 
 declare type __VLS_Props_26 = {
@@ -812,7 +833,7 @@ declare type __VLS_Props_5 = {
     /** Define o texto do botão */
     text: string;
     /** Define o botão selecionado */
-    selected: number;
+    selected: number | string;
     /** Define a variante do botão */
     variant: 'text' | 'radio';
     /** Define se o botão está desabilitado */
@@ -1678,13 +1699,13 @@ export declare const addCeToast: (title: string, message: string, type: "success
 
 export declare const CeAutocomplete: default_2.ComponentType<typeof _default_7>;
 
-export declare const CeAvatar: default_2.ComponentType<typeof _default_32>;
+export declare const CeAvatar: default_2.ComponentType<typeof _default_33>;
 
-export declare const CeBadge: default_2.ComponentType<typeof _default_34>;
+export declare const CeBadge: default_2.ComponentType<typeof _default_35>;
 
-export declare const CeBanners: default_2.ComponentType<typeof _default_36>;
+export declare const CeBanners: default_2.ComponentType<typeof _default_37>;
 
-export declare const CeBreadcrumbs: default_2.ComponentType<typeof _default_29>;
+export declare const CeBreadcrumbs: default_2.ComponentType<typeof _default_30>;
 
 export declare const CeButton: default_2.ComponentType<typeof _default_8>;
 
@@ -1694,11 +1715,11 @@ export declare const CeButtonPagination: default_2.ComponentType<typeof _default
 
 export declare const CeButtonWrapper: default_2.ComponentType<typeof _default_11>;
 
-export declare const CeCard: default_2.ComponentType<typeof _default_40>;
+export declare const CeCard: default_2.ComponentType<typeof _default_41>;
 
-export declare const CeCardHeader: default_2.ComponentType<typeof _default_41>;
+export declare const CeCardHeader: default_2.ComponentType<typeof _default_42>;
 
-export declare const CeCardText: default_2.ComponentType<typeof _default_42>;
+export declare const CeCardText: default_2.ComponentType<typeof _default_43>;
 
 export declare const CeCheckbox: default_2.ComponentType<typeof _default_12>;
 
@@ -1706,13 +1727,13 @@ export declare const CeCheckboxGroup: default_2.ComponentType<typeof _default_13
 
 export declare const CeCodeInput: default_2.ComponentType<typeof _default_22>;
 
-export declare const CeCol: default_2.ComponentType<typeof _default_23>;
+export declare const CeCol: default_2.ComponentType<typeof _default_24>;
 
-export declare const CeCollapse: default_2.ComponentType<typeof _default_47>;
+export declare const CeCollapse: default_2.ComponentType<typeof _default_48>;
 
-export declare const CeContainer: default_2.ComponentType<typeof _default_25>;
+export declare const CeContainer: default_2.ComponentType<typeof _default_26>;
 
-export declare const CeContentDivider: default_2.ComponentType<typeof _default_43>;
+export declare const CeContentDivider: default_2.ComponentType<typeof _default_44>;
 
 export declare const CeDataTable: default_2.ComponentType<typeof _default & CeDataTableVueSlots>;
 
@@ -1726,23 +1747,23 @@ export declare const CeDropdown: default_2.ComponentType<typeof _default_15>;
 
 export declare const CeFileUpload: default_2.ComponentType<typeof _default_16>;
 
-export declare const CeFilterGroup: default_2.ComponentType<typeof _default_33>;
+export declare const CeFilterGroup: default_2.ComponentType<typeof _default_34>;
 
-export declare const CeFooter: default_2.ComponentType<typeof _default_44>;
+export declare const CeFooter: default_2.ComponentType<typeof _default_45>;
 
 export declare const CeInput: default_2.ComponentType<typeof _default_17>;
 
 export declare const CeItemsPerPage: default_2.ComponentType<typeof _default_5>;
 
-export declare const CeLayout: default_2.ComponentType<typeof _default_45>;
+export declare const CeLayout: default_2.ComponentType<typeof _default_46>;
 
-export declare const CeLoading: default_2.ComponentType<typeof _default_39>;
+export declare const CeLoading: default_2.ComponentType<typeof _default_40>;
 
-export declare const CeMenuHeader: default_2.ComponentType<typeof _default_27>;
+export declare const CeMenuHeader: default_2.ComponentType<typeof _default_28>;
 
-export declare const CeMenuSidebar: default_2.ComponentType<typeof _default_28>;
+export declare const CeMenuSidebar: default_2.ComponentType<typeof _default_29>;
 
-export declare const CeModal: default_2.ComponentType<typeof _default_37>;
+export declare const CeModal: default_2.ComponentType<typeof _default_38>;
 
 export declare const CePagination: default_2.ComponentType<typeof _default_2>;
 
@@ -1752,9 +1773,9 @@ export declare const CeProgressSteps: default_2.ComponentType<typeof _default_4>
 
 export declare const CeRadioGroup: default_2.ComponentType<typeof _default_18>;
 
-export declare const CeRow: default_2.ComponentType<typeof _default_24>;
+export declare const CeRow: default_2.ComponentType<typeof _default_25>;
 
-export declare const CeSectionFooter: default_2.ComponentType<typeof _default_46>;
+export declare const CeSectionFooter: default_2.ComponentType<typeof _default_47>;
 
 export declare const CeSelect: default_2.ComponentType<typeof _default_19>;
 
@@ -1789,25 +1810,29 @@ declare interface CeSelectFieldProps {
 
 export declare const CeSlider: default_2.ComponentType<typeof _default_20>;
 
-export declare const CeSvgIcon: default_2.ComponentType<typeof _default_26>;
+export declare const CeSvgIcon: default_2.ComponentType<typeof _default_27>;
 
-export declare const CeTab: default_2.ComponentType<typeof _default_30>;
+export declare const CeTab: default_2.ComponentType<typeof _default_31>;
 
-export declare const CeTabItem: default_2.ComponentType<typeof _default_31>;
+export declare const CeTabItem: default_2.ComponentType<typeof _default_32>;
 
 export declare const CeTextarea: default_2.ComponentType<typeof _default_6>;
 
-export declare const CeToast: default_2.ComponentType<typeof _default_35>;
+export declare const CeToast: default_2.ComponentType<typeof _default_36>;
 
 export declare const CeToggle: default_2.ComponentType<typeof _default_21>;
 
-export declare const CeTooltip: default_2.ComponentType<typeof _default_38>;
+export declare const CeTooltip: default_2.ComponentType<typeof _default_39>;
+
+export declare const CeTruncated: default_2.ComponentType<typeof _default_23>;
 
 declare interface Coluna {
     text: string;
     value: string;
 }
 
+declare type CSSColor = HexColor | RgbColor | RgbaColor | 'transparent';
+
 declare type DataTableProps = {
     /** Array utilizado no header da tabela
      *
@@ -1849,6 +1874,18 @@ declare type DataTableProps = {
     paginationStyle?: string;
     /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar */
     copyable?: boolean;
+    /** Habilita a funcionalidade de editar o conteúdo da célula ao clicar */
+    editable?: boolean;
+    /** Configurações para estilizar colunas editáveis */
+    editColumnStyle?: {
+        fields: string[];
+        style?: Record<string, string>;
+        class?: string;
+    };
+    /** Define o estilo de fundo do slot de paginação */
+    backgroundPagination?: CSSColor;
+    /** Define o estilo de fundo da area superior da tabela */
+    backgroundTitle?: CSSColor;
 };
 
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1976,21 +2013,28 @@ centralized: boolean;
 codeRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const _default_23: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+declare const _default_23: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_2> & Readonly<{}>, {
+reserveSpaceFeedback: boolean;
+indexItem: number;
+indexHeader: number;
+maxLength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const _default_24: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
-declare const _default_24: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+declare const _default_25: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
-declare const _default_25: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+declare const _default_26: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-declare const _default_26: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+declare const _default_27: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
 fill: string;
 color: string;
 size: number | string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default_27: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+declare const _default_28: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
-declare const _default_28: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default_29: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 redirect: (item: SubMenu | ItensMenu_2) => any;
 toggleMenu: (clicado: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
@@ -2004,21 +2048,21 @@ isSearch: boolean;
 isOpen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default_29: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
-
 declare const _default_3: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const _default_30: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+declare const _default_30: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
+
+declare const _default_31: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
-declare const _default_31: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+declare const _default_32: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
-declare const _default_32: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
+declare const _default_33: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
 
-declare const _default_33: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
+declare const _default_34: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
 
-declare const _default_34: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
+declare const _default_35: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
-declare const _default_35: DefineComponent<IToastProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default_36: DefineComponent<IToastProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 sendData: (data: IData<unknown>) => any;
 }, string, PublicProps, Readonly<IToastProps> & Readonly<{
 onSendData?: (data: IData<unknown>) => any;
@@ -2030,33 +2074,33 @@ showActionButton: boolean;
 textButton: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_36: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+declare const _default_37: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
-declare const _default_37: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
+declare const _default_38: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
 
-declare const _default_38: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
+declare const _default_39: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
-declare const _default_39: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {
+position: "horizontal" | "vertical";
+showInitialStep: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const _default_40: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
 type: "spinner" | "semi-circle" | "dots";
 blur: boolean;
 background: "smoky" | "transparent" | "black";
 showLoading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {
-position: "horizontal" | "vertical";
-showInitialStep: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const _default_40: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
+declare const _default_41: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
-declare const _default_41: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
+declare const _default_42: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
 
-declare const _default_42: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
+declare const _default_43: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
 
-declare const _default_43: __VLS_WithTemplateSlots_26<typeof __VLS_component_26, __VLS_TemplateResult_26["slots"]>;
+declare const _default_44: __VLS_WithTemplateSlots_26<typeof __VLS_component_26, __VLS_TemplateResult_26["slots"]>;
 
-declare const _default_44: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default_45: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 redirect: (valor?: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 onRedirect?: (valor?: string) => any;
@@ -2065,11 +2109,11 @@ background: "white" | "green" | "black";
 variant: "1" | "2" | "3" | "4" | "5";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const _default_45: __VLS_WithTemplateSlots_27<typeof __VLS_component_27, __VLS_TemplateResult_27["slots"]>;
+declare const _default_46: __VLS_WithTemplateSlots_27<typeof __VLS_component_27, __VLS_TemplateResult_27["slots"]>;
 
-declare const _default_46: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default_47: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const _default_47: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
+declare const _default_48: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
 
 declare const _default_5: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: number) => any;
@@ -2123,7 +2167,7 @@ id: string | number;
 disabled: boolean;
 text: string;
 variant: "text" | "radio";
-selected: number;
+selected: number | string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
 export declare const disableCeLoading: () => void;
@@ -2157,8 +2201,14 @@ declare type Header = {
     value: string | ((item: Record<string, unknown>) => string);
     sortable?: boolean;
     width?: string;
+    editableField?: {
+        type: InputType | 'boolean';
+        mask?: string | string[];
+    };
 };
 
+declare type HexColor = `#${string}`;
+
 declare interface IBreadcrumbsProps {
     /** Define o ponto de partida do breadcrumbs */
     home: string;
@@ -2251,6 +2301,8 @@ declare interface IItems {
     showDescription?: boolean;
 }
 
+declare type InputType = 'number' | 'search' | 'time' | 'text' | 'password' | 'email' | 'tel' | 'url' | 'date' | 'datetime-local';
+
 declare type IProgressStepsProps = {
     /** Define os itens que serão exibidos */
     items: IItems[];
@@ -2376,8 +2428,20 @@ declare interface Props {
     clearButton?: boolean;
 }
 
+declare interface Props_2 {
+    text: string;
+    indexItem?: number;
+    indexHeader?: number;
+    maxLength?: number;
+    reserveSpaceFeedback?: boolean;
+}
+
 export declare const removeCeToast: (id: number) => void;
 
+declare type RgbaColor = `rgba(${string})`;
+
+declare type RgbColor = `rgb(${string})`;
+
 declare interface SelectOption {
     label?: string;
     value?: string | number | boolean | null;
@@ -2461,6 +2525,7 @@ declare module 'vue' {
         'ce-button-pagination': typeof ButtonPaginationComponent;
         'ce-textarea': typeof TextareaComponent;
         'ce-code-input': typeof CodeInputComponent;
+        'ce-truncated': typeof TruncatedComponent;
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/react-components",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",
@@ -19,64 +19,64 @@
     "prismjs": "^1.30.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "veaury": "^2.6.2",
-    "vitest-sonar-reporter": "^2.0.0",
-    "vue": "^3.5.13"
+    "veaury": "^2.6.3",
+    "vitest-sonar-reporter": "^2.0.4",
+    "vue": "^3.5.29"
   },
   "peerDependencies": {
     "vue": ">=3.2.0"
   },
   "devDependencies": {
-    "@fontsource/exo-2": "^5.1.1",
-    "@storybook/addon-actions": "^8.5.5",
+    "@fontsource/exo-2": "^5.2.8",
+    "@storybook/addon-actions": "^8.6.18",
     "@storybook/addon-essentials": "8.5.5",
     "@storybook/addon-interactions": "8.5.5",
     "@storybook/addon-onboarding": "8.5.5",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-viewport": "^8.5.5",
+    "@storybook/addon-viewport": "^8.6.18",
     "@storybook/addons": "^7.6.17",
     "@storybook/blocks": "8.5.5",
-    "@storybook/manager-api": "^8.5.5",
+    "@storybook/manager-api": "^8.6.14",
     "@storybook/test": "8.5.5",
-    "@storybook/theming": "^8.5.5",
+    "@storybook/theming": "^8.6.14",
     "@storybook/vue3": "8.5.5",
     "@storybook/vue3-vite": "8.5.5",
-    "@tsconfig/node22": "^22.0.0",
+    "@tsconfig/node22": "^22.0.5",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.13.2",
-    "@types/react": "^17.0.85",
+    "@types/node": "^22.19.15",
+    "@types/react": "^17.0.91",
     "@types/react-dom": "^17.0.26",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
     "@vitest/coverage-v8": "3.0.5",
     "@vitest/eslint-plugin": "1.1.25",
     "@vitest/ui": "3.0.5",
     "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.4.0",
+    "@vue/eslint-config-typescript": "^14.7.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.20.1",
-    "eslint-plugin-storybook": "^0.11.2",
-    "eslint-plugin-vue": "^9.32.0",
-    "jiti": "^2.4.2",
-    "jsdom": "^26.0.0",
+    "autoprefixer": "^10.4.27",
+    "eslint": "^9.39.3",
+    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-vue": "^9.33.0",
+    "jiti": "^2.6.1",
+    "jsdom": "^26.1.0",
     "npm-run-all2": "^7.0.2",
-    "postcss": "^8.5.2",
-    "prettier": "^3.5.1",
+    "postcss": "^8.5.8",
+    "prettier": "^3.8.1",
     "storybook": "8.5.5",
     "storybook-addon-vue-mdx": "^1.0.6",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^3.4.19",
     "typescript": "~5.7.3",
-    "vite": "^6.1.0",
+    "vite": "^6.4.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-vue-devtools": "^7.7.2",
-    "vitest": "^3.0.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-vue-devtools": "^7.7.9",
+    "vitest": "^3.2.4",
     "vue-loader": "^17.4.2",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.12"
   },
   "contributors": [
     {