fix(deps): update all major updates (major)

.docs/package.json

@@ -15,9 +15,9 @@
   "dependencies": {
     "@oku-ui/motion": "^0.4.1",
     "@oku-ui/primitives": "link:../packages/core",
-    "@shikijs/vitepress-twoslash": "^1.22.2",
+    "@shikijs/vitepress-twoslash": "^2.0.0",
     "@stackblitz/sdk": "^1.11.0",
-    "@vueuse/core": "^11.2.0",
+    "@vueuse/core": "^12.0.0",
     "vue": "^3.5.12",
     "vue-sonner": "^1.2.5"
   },
@@ -33,7 +33,7 @@
     "fast-glob": "^3.3.2",
     "markdown-it": "^14.1.0",
     "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^4.0.0",
     "tsx": "^4.19.2",
     "vitepress": "^1.5.0",
     "vue-component-meta": "^2.1.10"

package.json

@@ -36,7 +36,7 @@
     "pub:alpha": "cd packages/core && pnpm release:alpha"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.8.0",
+    "@antfu/eslint-config": "^4.0.0",
     "@clack/prompts": "^0.8.0",
     "@egoist/tailwindcss-icons": "^1.8.1",
     "@floating-ui/vue": "^1.1.5",
@@ -51,40 +51,40 @@
     "@storybook/vue3-vite": "^8.4.2",
     "@types/node": "^22.9.0",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vitest/coverage-v8": "^2.1.4",
+    "@vitest/coverage-v8": "^3.0.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.6.0",
     "autoprefixer": "^10.4.20",
-    "bumpp": "^9.8.1",
+    "bumpp": "^10.0.0",
     "changelogen": "^0.5.7",
     "chokidar": "^4.0.1",
     "chromatic": "^11.18.0",
     "eslint": "^9.14.0",
     "eslint-plugin-storybook": "^0.11.0",
     "esno": "^4.8.0",
     "globby": "^14.0.2",
-    "happy-dom": "^15.11.0",
+    "happy-dom": "^16.0.0",
     "jiti": "^2.4.0",
-    "jsdom": "^25.0.1",
+    "jsdom": "^26.0.0",
     "lint-staged": "^15.2.10",
     "nx": "^20.0.12",
     "ofetch": "^1.4.1",
-    "pathe": "^1.1.2",
+    "pathe": "^2.0.0",
     "postcss": "^8.4.47",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
     "simple-git-hooks": "^2.11.1",
     "storybook": "^8.4.2",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^4.0.0",
     "tsup": "^8.3.5",
     "turbo": "^2.2.3",
     "typescript": "^5.6.3",
-    "unbuild": "^2.0.0",
+    "unbuild": "^3.0.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.4",
+    "vitest": "^3.0.0",
     "vitest-axe": "1.0.0-pre.3",
     "vue": "^3.5.12",
     "vue-component-meta": "^2.1.10"

packages/core/package.json

@@ -114,19 +114,19 @@
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.6.0",
-    "@vueuse/core": "^11.2.0",
+    "@vueuse/core": "^12.0.0",
     "filter-anything": "^4.0.0",
-    "jsdom": "^25.0.1",
+    "jsdom": "^26.0.0",
     "npm-run-all2": "^7.0.0",
     "storybook": "^8.4.2",
     "typescript": "^5.6.3",
-    "unplugin-vue-components": "^0.27.0",
+    "unplugin-vue-components": "^28.0.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-externalize-deps": "^0.8.0",
     "vite-plugin-pages": "^0.32.3",
     "vite-tsconfig-paths": "^5.1.3",
-    "vitest": "^2.1.4",
+    "vitest": "^3.0.0",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5",
     "vue-tsc": "^2.1.10"

packages/core/src/accordion/AccordionContent.ts

@@ -1,6 +1,7 @@
 import type { Ref } from 'vue'
+import type { CollapsibleContentProps, UseCollapsibleContentProps } from '../collapsible/index.ts'
 import type { RadixPrimitiveGetAttrs, RadixPrimitiveReturns } from '../shared/index.ts'
-import { type CollapsibleContentProps, DEFAULT_COLLAPSIBLE_CONTENT_PROPS, useCollapsibleContent, type UseCollapsibleContentProps } from '../collapsible/index.ts'
+import { DEFAULT_COLLAPSIBLE_CONTENT_PROPS, useCollapsibleContent } from '../collapsible/index.ts'
 import { mergePrimitiveAttrs } from '../shared/index.ts'
 import { useAccordionItemContext } from './AccordionItem.ts'
 import { useAccordionContext } from './AccordionRoot.ts'

packages/core/src/accordion/AccordionContent.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AccordionContentProps } from './AccordionContent.ts'
 import { Primitive } from '../primitive/index.ts'
 import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AccordionContentProps, DEFAULT_ACCORDION_CONTENT_PROPS, useAccordionContent } from './AccordionContent.ts'
+import { DEFAULT_ACCORDION_CONTENT_PROPS, useAccordionContent } from './AccordionContent.ts'
 
 defineOptions({
   name: 'AccordionContent',

packages/core/src/accordion/AccordionHeader.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AccordionHeaderProps } from './AccordionHeader.ts'
 import { Primitive } from '../primitive/index.ts'
 import { normalizeAttrs } from '../shared/index.ts'
-import { type AccordionHeaderProps, useAccordionHeader } from './AccordionHeader.ts'
+import { useAccordionHeader } from './AccordionHeader.ts'
 
 defineOptions({
   name: 'AccordionHeader',

packages/core/src/accordion/AccordionItem.ts

@@ -1,5 +1,6 @@
+import type { Ref } from 'vue'
 import type { PrimitiveDefaultProps, RadixPrimitiveReturns } from '../shared/index.ts'
-import { computed, type Ref } from 'vue'
+import { computed } from 'vue'
 import { useCollapsibleRoot } from '../collapsible/index.ts'
 import { createContext, useId } from '../hooks/index.ts'
 import { useAccordionContext } from './AccordionRoot.ts'

packages/core/src/accordion/AccordionItem.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AccordionItemProps } from './AccordionItem.ts'
 import { Primitive } from '../primitive/index.ts'
 import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AccordionItemProps, DEFAULT_ACCORDION_ITEM_PROPS, useAccordionItem } from './AccordionItem.ts'
+import { DEFAULT_ACCORDION_ITEM_PROPS, useAccordionItem } from './AccordionItem.ts'
 
 defineOptions({
   name: 'AccordionItem',

packages/core/src/accordion/AccordionRoot.ts

@@ -1,8 +1,12 @@
-import { type AriaAttributes, computed, type MaybeRefOrGetter, type Ref } from 'vue'
+import type { AriaAttributes, MaybeRefOrGetter, Ref } from 'vue'
+import type { Direction } from '../direction/index.ts'
+import type { MutableRefObject } from '../hooks/index.ts'
+import type { EmitsToHookProps, PrimitiveDefaultProps, RadixPrimitiveReturns } from '../shared/index.ts'
+import { computed } from 'vue'
 import { createCollection } from '../collection/index.ts'
-import { type Direction, useDirection } from '../direction/index.ts'
-import { createContext, type MutableRefObject, useControllableStateV2, useId, useRef } from '../hooks/index.ts'
-import { type EmitsToHookProps, mergePrimitiveAttrs, type PrimitiveDefaultProps, type RadixPrimitiveReturns } from '../shared/index.ts'
+import { useDirection } from '../direction/index.ts'
+import { createContext, useControllableStateV2, useId, useRef } from '../hooks/index.ts'
+import { mergePrimitiveAttrs } from '../shared/index.ts'
 
 export type AccordionType = 'single' | 'multiple' | undefined
 export type IsSingle<T extends AccordionType> = T extends 'single' | undefined ? true : false

packages/core/src/accordion/AccordionRoot.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts" generic="T extends AccordionType = undefined">
+import type { EmitsToHookProps } from '../shared/index.ts'
+import type { AccordionRootEmits, AccordionRootProps, AccordionType } from './AccordionRoot.ts'
 import { Primitive } from '../primitive/index.ts'
-import { convertPropsToHookProps, type EmitsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AccordionRootEmits, type AccordionRootProps, type AccordionType, DEFAULT_ACCORDION_ROOT_PROPS, useAccordionRoot } from './AccordionRoot.ts'
+import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
+import { DEFAULT_ACCORDION_ROOT_PROPS, useAccordionRoot } from './AccordionRoot.ts'
 
 defineOptions({
   name: 'AccordionRoot',

packages/core/src/accordion/AccordionTrigger.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AccordionTriggerProps } from './AccordionTrigger.ts'
 import { Primitive } from '../primitive/index.ts'
 import { normalizeAttrs } from '../shared/index.ts'
-import { type AccordionTriggerProps, useAccordionTrigger } from './AccordionTrigger.ts'
+import { useAccordionTrigger } from './AccordionTrigger.ts'
 
 defineOptions({
   name: 'AccordionTrigger',

packages/core/src/accordion/stories/Accordion.stories.tsx

@@ -1,5 +1,5 @@
-import CAnimated from './Animated.vue'
 import CAnimated2D from './Animated2D.vue'
+import CAnimated from './Animated.vue'
 import CAnimatedControlled from './AnimatedControlled.vue'
 import CChromatic from './Chromatic.vue'
 import CHorizontal from './Horizontal.vue'

packages/core/src/alert-dialog/AlertDialogCancel.ts

@@ -1,5 +1,6 @@
+import type { DialogCloseProps } from '../dialog/index.ts'
 import type { PrimitiveDefaultProps, RadixPrimitiveReturns } from '../shared'
-import { type DialogCloseProps, useDialogClose } from '../dialog/index.ts'
+import { useDialogClose } from '../dialog/index.ts'
 import { useAlertDialogContentContext } from './AlertDialogContentImpl.ts'
 
 export interface AlertDialogCancelProps extends DialogCloseProps {}

packages/core/src/alert-dialog/AlertDialogCancel.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AlertDialogCancelProps } from './AlertDialogCancel.ts'
 import { DialogClose } from '../dialog/index.ts'
 import { normalizeAttrs } from '../shared/index.ts'
-import { type AlertDialogCancelProps, DEFAULT_ALERT_DIALOG_CANCEL_PROPS, useAlretDialogCancel } from './AlertDialogCancel.ts'
+import { DEFAULT_ALERT_DIALOG_CANCEL_PROPS, useAlretDialogCancel } from './AlertDialogCancel.ts'
 
 defineOptions({
   name: 'AlertDialogCancel',

packages/core/src/alert-dialog/AlertDialogContent.ts

@@ -1,5 +1,6 @@
+import type { DialogContentProps, UseDialogContent } from '../dialog/index.ts'
 import type { PrimitiveDefaultProps } from '../shared/index.ts'
-import { type DialogContentProps, useDialogContent, type UseDialogContent } from '../dialog/index.ts'
+import { useDialogContent } from '../dialog/index.ts'
 
 export interface AlertDialogContentProps extends DialogContentProps {}
 

packages/core/src/alert-dialog/AlertDialogContent.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import type { AlertDialogContentProps } from './AlertDialogContent.ts'
 import { convertPropsToHookProps } from '../shared/index.ts'
-import { type AlertDialogContentProps, DEFAULT_ALERT_DIALOG_CONTENT_PROPS, useAlertDialogContent } from './AlertDialogContent.ts'
+import { DEFAULT_ALERT_DIALOG_CONTENT_PROPS, useAlertDialogContent } from './AlertDialogContent.ts'
 import AlertDialogContentImpl from './AlertDialogContentImpl.vue'
 
 defineOptions({

packages/core/src/alert-dialog/AlertDialogContentImpl.ts

@@ -1,10 +1,12 @@
+import type { DialogContentImplEmits, UseDialogContentImplProps } from '../dialog/index.ts'
+import type { MutableRefObject } from '../hooks/index.ts'
 import type { RadixPrimitiveReturns } from '../shared/index.ts'
 import {
-  type DialogContentImplEmits,
+
   useDialogContentImplModal,
-  type UseDialogContentImplProps,
+
 } from '../dialog/index.ts'
-import { createContext, type MutableRefObject, useRef } from '../hooks/index.ts'
+import { createContext, useRef } from '../hooks/index.ts'
 
 export type AlertDialogContentImplEmits = Omit<DialogContentImplEmits, 'pointerdownOutside' | 'interactOutside'>
 

packages/core/src/alert-dialog/AlertDialogContentImpl.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { EmitsToHookProps } from '../shared/index.ts'
+import type { AlertDialogContentImplEmits } from './AlertDialogContentImpl.ts'
 import { Primitive } from '../primitive/index.ts'
-import { type EmitsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AlertDialogContentImplEmits, useAlertDialogContentImpl } from './AlertDialogContentImpl.ts'
+import { normalizeAttrs } from '../shared/index.ts'
+import { useAlertDialogContentImpl } from './AlertDialogContentImpl.ts'
 
 defineOptions({
   name: 'AlertDialogContentImpl',

packages/core/src/alert-dialog/AlertDialogRoot.ts

@@ -1,5 +1,6 @@
+import type { DialogRootEmits, DialogRootProps, UseDialogRootProps } from '../dialog/index.ts'
 import type { PrimitiveDefaultProps } from '../shared/index.ts'
-import { type DialogRootEmits, type DialogRootProps, useDialogRoot, type UseDialogRootProps } from '../dialog/index.ts'
+import { useDialogRoot } from '../dialog/index.ts'
 
 export {
   type DialogContext as AlertDialogContext,

packages/core/src/alert-dialog/AlertDialogRoot.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { EmitsToHookProps } from '../shared/index.ts'
+import type { AlertDialogRootEmits, AlertDialogRootProps } from './AlertDialogRoot.ts'
 import { convertPropsToHookProps } from '../shared/index.ts'
-import { type AlertDialogRootEmits, type AlertDialogRootProps, useAlertDialogRoot } from './AlertDialogRoot.ts'
+import { useAlertDialogRoot } from './AlertDialogRoot.ts'
 
 defineOptions({
   name: 'AlertDialogRoot',

packages/core/src/aspect-ratio/AspectRatio.ts

@@ -1,10 +1,8 @@
+import type { IAttrsData, PrimitiveDefaultProps, PrimitiveElAttrs, RadixPrimitiveGetAttrs, RadixPrimitiveReturns } from '../shared/index.ts'
 import {
-  type IAttrsData,
+
   mergePrimitiveAttrs,
-  type PrimitiveDefaultProps,
-  type PrimitiveElAttrs,
-  type RadixPrimitiveGetAttrs,
-  type RadixPrimitiveReturns,
+
 } from '../shared/index.ts'
 
 export interface AspectRatioProps {

packages/core/src/aspect-ratio/AspectRatio.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AspectRatioProps } from './AspectRatio.ts'
 import { Primitive } from '../primitive/index.ts'
 import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AspectRatioProps, DEFAULT_ASPECT_RATIO_PROPS, useAspectRatio } from './AspectRatio.ts'
+import { DEFAULT_ASPECT_RATIO_PROPS, useAspectRatio } from './AspectRatio.ts'
 
 defineOptions({
   name: 'AspectRatio',

packages/core/src/avatar/AvatarFallback.ts

@@ -1,7 +1,8 @@
+import type { Ref } from 'vue'
 import type { PrimitiveProps } from '../primitive/index.ts'
 import type { PrimitiveDefaultProps, RadixPrimitiveReturns } from '../shared/index.ts'
 import { isClient } from '@vueuse/core'
-import { computed, onWatcherCleanup, type Ref, shallowRef, watchEffect } from 'vue'
+import { computed, onWatcherCleanup, shallowRef, watchEffect } from 'vue'
 import { useAvatarContext } from './AvatarRoot.ts'
 
 export interface AvatarFallbackProps {

packages/core/src/avatar/AvatarFallback.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { AvatarFallbackProps } from './AvatarFallback.ts'
 import { Primitive } from '../primitive/index.ts'
 import { convertPropsToHookProps } from '../shared/index.ts'
-import { type AvatarFallbackProps, useAvatarFallback } from './AvatarFallback.ts'
+import { useAvatarFallback } from './AvatarFallback.ts'
 
 defineOptions({
   name: 'AvatarFallback',

packages/core/src/avatar/AvatarImage.ts

@@ -1,7 +1,9 @@
 import type { PrimitiveProps } from '../primitive/index.ts'
+import type { EmitsToHookProps, PrimitiveDefaultProps, RadixPrimitiveReturns } from '../shared/index.ts'
+import type { ImageLoadingStatus } from './AvatarRoot.ts'
 import { watchEffect } from 'vue'
-import { type EmitsToHookProps, mergePrimitiveAttrs, type PrimitiveDefaultProps, type RadixPrimitiveReturns } from '../shared/index.ts'
-import { type ImageLoadingStatus, useAvatarContext } from './AvatarRoot.ts'
+import { mergePrimitiveAttrs } from '../shared/index.ts'
+import { useAvatarContext } from './AvatarRoot.ts'
 import { useImageLoadingStatus } from './utils.ts'
 
 export interface AvatarImageProps {

packages/core/src/avatar/AvatarImage.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { EmitsToHookProps } from '../shared/index.ts'
+import type { AvatarImageEmits, AvatarImageProps } from './AvatarImage.ts'
 import { Primitive } from '../primitive/index.ts'
-import { convertPropsToHookProps, type EmitsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type AvatarImageEmits, type AvatarImageProps, DEFAULT_AVATAR_IMAGE_PROPS, useAvatarImage } from './AvatarImage.ts'
+import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
+import { DEFAULT_AVATAR_IMAGE_PROPS, useAvatarImage } from './AvatarImage.ts'
 
 defineOptions({
   name: 'AvatarImage',

packages/core/src/avatar/AvatarRoot.ts

@@ -1,6 +1,7 @@
+import type { Ref } from 'vue'
 import type { PrimitiveProps } from '../primitive/index.ts'
 import type { PrimitiveDefaultProps } from '../shared/index.ts'
-import { type Ref, shallowRef } from 'vue'
+import { shallowRef } from 'vue'
 import { createContext } from '../hooks/index.ts'
 
 export interface AvatarRootProps {

packages/core/src/avatar/AvatarRoot.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import type { AvatarRootProps } from './AvatarRoot.ts'
 import { Primitive } from '../primitive/index.ts'
-import { type AvatarRootProps, DEFAULT_AVATAR_ROOT_PROPS, useAvatarRoot } from './AvatarRoot.ts'
+import { DEFAULT_AVATAR_ROOT_PROPS, useAvatarRoot } from './AvatarRoot.ts'
 
 defineOptions({
   name: 'AvatarRoot',

packages/core/src/avatar/utils.ts

@@ -1,7 +1,8 @@
+import type { MaybeRefOrGetter } from 'vue'
 import type { AvatarImageProps } from './AvatarImage.ts'
 import type { ImageLoadingStatus } from './AvatarRoot.ts'
 import { isClient } from '@vueuse/core'
-import { type MaybeRefOrGetter, onWatcherCleanup, shallowRef, toValue, watchEffect } from 'vue'
+import { onWatcherCleanup, shallowRef, toValue, watchEffect } from 'vue'
 
 export function useImageLoadingStatus(src: MaybeRefOrGetter<AvatarImageProps['src']>) {
   const loadingStatus = shallowRef<ImageLoadingStatus>('idle')

packages/core/src/checkbox/CheckboxIndicator.ts

@@ -1,6 +1,7 @@
+import type { Ref } from 'vue'
 import type { PrimitiveProps } from '../primitive/index.ts'
 import type { PrimitiveDefaultProps, PrimitiveElAttrs, RadixPrimitiveGetAttrs, RadixPrimitiveReturns } from '../shared/index.ts'
-import { type Ref, shallowRef } from 'vue'
+import { shallowRef } from 'vue'
 import { usePresence } from '../presence/index.ts'
 import { mergePrimitiveAttrs } from '../shared/index.ts'
 import { useCheckboxContext } from './CheckboxRoot.ts'

packages/core/src/checkbox/CheckboxIndicator.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { CheckboxIndicatorProps } from './CheckboxIndicator.ts'
 import { Primitive } from '../primitive/index.ts'
 import { convertPropsToHookProps, normalizeAttrs } from '../shared/index.ts'
-import { type CheckboxIndicatorProps, DEFAULT_CHECKBOX_INDICATOR_PROPS, useCheckboxIndicator } from './CheckboxIndicator.ts'
+import { DEFAULT_CHECKBOX_INDICATOR_PROPS, useCheckboxIndicator } from './CheckboxIndicator.ts'
 
 defineOptions({
   name: 'CheckboxIndicator',