refactor: removed custom ComponentProps type helper and Props exports

Author: mtorromeo

apps/docs/package.json

@@ -21,7 +21,7 @@
     "@rollup/pluginutils": "^5.1.4",
     "@toycode/markdown-it-class": "^1.2.4",
     "@types/markdown-it": "^14.1.2",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/runtime-core": "^3.5.13",
     "@vue/shared": "^3.5.13",
@@ -33,9 +33,10 @@
     "ts-dedent": "^2.2.0",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
+    "vite": "^7.1.10",
+    "vue-component-type-helpers": "^3.1.1",
     "vue-docgen-api": "^4.79.2",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.1.1"
   },
   "packageManager": "[email protected]+sha512.0e82714d1b5b43c74610193cb20734897c1d00de89d0e18420aebc5977fa13d780a9cb05734624e81ebd81cc876cd464794850641c48b9544326b5622ca29971"
 }

apps/docs/src/components/ComponentTitle.vue

@@ -4,7 +4,8 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue';
-import type { ComponentProps, PfTitle } from '@vue-patternfly/core';
+import type { PfTitle } from '@vue-patternfly/core';
+import type { ComponentProps } from 'vue-component-type-helpers';
 
 interface Props extends /* @vue-ignore */ ComponentProps<typeof PfTitle> {
   name: string;

apps/docs/src/components/DocPage.vue

@@ -67,11 +67,12 @@
 
 <script lang="ts" setup>
 import { onMounted } from 'vue';
-import type { ComponentProps, PfPageSection } from '@vue-patternfly/core';
+import type { PfPageSection } from '@vue-patternfly/core';
+import type { ComponentProps } from 'vue-component-type-helpers';
 import UpRightFromSquareIcon from '@vue-patternfly/icons/up-right-from-square-icon';
 import GithubIcon from '@vue-patternfly/icons/github-icon';
 
-export interface Props extends /* @vue-ignore */ ComponentProps<typeof PfPageSection> {
+interface Props extends /* @vue-ignore */ ComponentProps<typeof PfPageSection> {
   title?: string;
   name?: string;
   docSection?: string;

apps/docs/src/store/alerts.ts

@@ -1,5 +1,8 @@
 import { defineStore } from 'pinia';
-import type { Props as AlertProps } from '@vue-patternfly/core/components/Alert/Alert.vue';
+import type PfAlert from '@vue-patternfly/core/components/Alert/Alert.vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+
+type AlertProps = ComponentProps<typeof PfAlert>;
 
 let globalId = 0;
 

apps/docs/src/stories/Components/Alert.story.vue

@@ -303,7 +303,8 @@
 
 <script lang="ts" setup>
 import { computed, reactive, ref, type HTMLAttributes } from 'vue';
-import type { ComponentProps, PfAlert } from '@vue-patternfly/core';
+import type { PfAlert } from '@vue-patternfly/core';
+import type { ComponentProps } from 'vue-component-type-helpers';
 import UsersIcon from '@vue-patternfly/icons/users-icon';
 import BoxIcon from '@vue-patternfly/icons/box-icon';
 import DatabaseIcon from '@vue-patternfly/icons/database-icon';

apps/docs/src/stories/Components/Drawer.story.vue

@@ -84,7 +84,8 @@
 
 <script lang="ts" setup>
 import { ref, type Ref } from "vue";
-import type { ComponentProps, PfDrawer } from "@vue-patternfly/core";
+import type { PfDrawer } from "@vue-patternfly/core";
+import type { ComponentProps } from 'vue-component-type-helpers';
 
 const expanded = ref(false);
 const position: Ref<ComponentProps<typeof PfDrawer>["position"]> = ref("end");

apps/docs/src/stories/Layouts/Flex-demo.vue

@@ -241,8 +241,12 @@ pre {
 
 <script lang="ts" setup>
 import { ref, reactive, watch, type Ref } from "vue";
-import type { Props as FlexProps } from "@vue-patternfly/core/layouts/Flex/Flex.vue";
-import type { Props as FlexItemProps } from "@vue-patternfly/core/layouts/Flex/FlexItem.vue";
+import type PfFlex from "@vue-patternfly/core/layouts/Flex/Flex.vue";
+import type PfFlexItem from "@vue-patternfly/core/layouts/Flex/FlexItem.vue";
+import type { ComponentProps } from 'vue-component-type-helpers';
+
+type FlexProps = ComponentProps<typeof PfFlex>;
+type FlexItemProps = ComponentProps<typeof PfFlexItem>;
 
 interface FlexItem {
   align: FlexProps["align"];

packages/core/package.json

@@ -41,9 +41,9 @@
     "@vue-patternfly/icons": "workspace:^"
   },
   "devDependencies": {
-    "@types/node": "^22.14.1",
+    "@types/node": "^24.7.2",
     "@types/web-bluetooth": "^0.0.21",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vue/compiler-sfc": "^3.5.13",
     "@vueuse/core": "^13.1.0",
     "@vueuse/integrations": "^13.1.0",
@@ -56,10 +56,11 @@
     "rimraf": "^6.0.1",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^6.3.2",
+    "vite": "^7.1.10",
     "vue": "^3.5.13",
+    "vue-component-type-helpers": "^3.1.1",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.1.1"
   },
   "peerDependencies": {
     "@vueuse/core": "^13",

packages/core/src/components/Accordion/Accordion.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-export interface Props extends OUIAProps, /* @vue-ignore */ HTMLAttributes {
+interface Props extends OUIAProps, /* @vue-ignore */ HTMLAttributes {
   /** Heading level to use */
   level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | number;
   /** Flag to indicate whether use definition list or div */

packages/core/src/components/Accordion/AccordionItem.vue

@@ -52,7 +52,7 @@ defineOptions({
   inheritAttrs: false,
 });
 
-export interface Props extends OUIAProps, /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'aria-expanded'> {
+interface Props extends OUIAProps, /* @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'aria-expanded'> {
   title?: string;
   toggleComponent?: string;
   contentComponent?: string;