@headlessui-float/vue - npm Package Compare versions

Comparing version 0.11.4 to 0.12.0

dist/float.d.ts

 import type { ComputedRef, FunctionalComponent, PropType, Ref, SetupContext, VNode } from 'vue';
 import type { DetectOverflowOptions, FloatingElement, Middleware, Placement, ReferenceElement, Strategy, VirtualElement } from '@floating-ui/dom';
-import type { Options as OffsetOptions } from '@floating-ui/core/src/middleware/offset';
-import type { Options as ShiftOptions } from '@floating-ui/core/src/middleware/shift';
-import type { Options as FlipOptions } from '@floating-ui/core/src/middleware/flip';
-import type { Options as AutoPlacementOptions } from '@floating-ui/core/src/middleware/autoPlacement';
-import type { Options as HideOptions } from '@floating-ui/core/src/middleware/hide';
-import type { Options as AutoUpdateOptions } from '@floating-ui/dom/src/autoUpdate';
-import { type OriginClassResolver } from './origin-class-resolvers';
+import type { OffsetOptions } from '@floating-ui/core/src/middleware/offset';
+import type { ShiftOptions } from '@floating-ui/core/src/middleware/shift';
+import type { FlipOptions } from '@floating-ui/core/src/middleware/flip';
+import type { AutoPlacementOptions } from '@floating-ui/core/src/middleware/autoPlacement';
+import type { HideOptions } from '@floating-ui/core/src/middleware/hide';
+import type { AutoUpdateOptions } from '@floating-ui/dom/src/autoUpdate';
+import type { ClassResolver } from './class-resolvers';
 interface ReferenceState {
@@ -54,3 +54,3 @@ referenceRef: Ref<ReferenceElement | null>;
     leaveTo?: string;
-    originClass?: string | OriginClassResolver;
+    originClass?: string | ClassResolver;
     tailwindcssOriginClass?: boolean;
@@ -93,8 +93,21 @@ portal?: boolean;
     shift: {
-        type: PropType<number | boolean | Partial<ShiftOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            limiter: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            };
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -104,8 +117,21 @@ default: boolean;
     flip: {
-        type: PropType<number | boolean | Partial<FlipOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            fallbackPlacements: Placement[];
+            fallbackStrategy: "bestFit" | "initialPlacement";
+            fallbackAxisSideDirection: "start" | "end" | "none";
+            flipAlignment: boolean;
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -119,8 +145,19 @@ default: boolean;
     autoPlacement: {
-        type: PropType<boolean | Partial<AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            crossAxis: boolean;
+            alignment: import("@floating-ui/utils").Alignment | null;
+            autoAlignment: boolean;
+            allowedPlacements: Placement[];
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -130,8 +167,16 @@ default: boolean;
     hide: {
-        type: PropType<boolean | Partial<HideOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            strategy: "referenceHidden" | "escaped";
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -141,3 +186,9 @@ default: boolean;
     autoUpdate: {
-        type: PropType<boolean | Partial<AutoUpdateOptions>>;
+        type: PropType<boolean | Partial<Partial<{
+            ancestorScroll: boolean;
+            ancestorResize: boolean;
+            elementResize: boolean;
+            layoutShift: boolean;
+            animationFrame: boolean;
+        }>>>;
         default: boolean;
@@ -157,3 +208,3 @@ };
     leaveTo: StringConstructor;
-    originClass: PropType<string | OriginClassResolver>;
+    originClass: PropType<string | ClassResolver>;
     tailwindcssOriginClass: {
@@ -188,12 +239,12 @@ type: BooleanConstructor;
             fn: (state: {
+                strategy: Strategy;
+                initialPlacement: Placement;
                 x: number;
                 y: number;
-                strategy: Strategy;
-                initialPlacement: Placement;
                 placement: Placement;
-                middlewareData: import("@floating-ui/vue").MiddlewareData;
-                rects: import("@floating-ui/vue").ElementRects;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/vue").Elements;
-            }) => import("@floating-ui/vue").MiddlewareReturn | Promise<import("@floating-ui/vue").MiddlewareReturn>;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[] | ((refs: {
@@ -223,4 +274,4 @@ referenceEl: ComputedRef<ReferenceElement | null>;
     arrowApi: ArrowState;
-    x: Readonly<Ref<number | null>>;
-    y: Readonly<Ref<number | null>>;
+    x: Readonly<Ref<number>>;
+    y: Readonly<Ref<number>>;
     placement: Readonly<Ref<Placement>>;
@@ -230,3 +281,3 @@ strategy: Readonly<Ref<Strategy>>;
     floatingEl: ComputedRef<HTMLElement | null>;
-    middlewareData: Readonly<Ref<import("@floating-ui/vue").MiddlewareData>>;
+    middlewareData: Readonly<Ref<import("@floating-ui/core").MiddlewareData>>;
     update: () => void;
@@ -273,3 +324,3 @@ };
     leaveTo: StringConstructor;
-    originClass: PropType<string | OriginClassResolver>;
+    originClass: PropType<string | ClassResolver>;
     tailwindcssOriginClass: {
@@ -337,8 +388,21 @@ type: BooleanConstructor;
     shift: {
-        type: PropType<number | boolean | Partial<ShiftOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            limiter: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            };
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -348,8 +412,21 @@ default: boolean;
     flip: {
-        type: PropType<number | boolean | Partial<FlipOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            fallbackPlacements: Placement[];
+            fallbackStrategy: "bestFit" | "initialPlacement";
+            fallbackAxisSideDirection: "start" | "end" | "none";
+            flipAlignment: boolean;
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -363,8 +440,19 @@ default: boolean;
     autoPlacement: {
-        type: PropType<boolean | Partial<AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            crossAxis: boolean;
+            alignment: import("@floating-ui/utils").Alignment | null;
+            autoAlignment: boolean;
+            allowedPlacements: Placement[];
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -374,8 +462,16 @@ default: boolean;
     hide: {
-        type: PropType<boolean | Partial<HideOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            strategy: "referenceHidden" | "escaped";
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -385,3 +481,9 @@ default: boolean;
     autoUpdate: {
-        type: PropType<boolean | Partial<AutoUpdateOptions>>;
+        type: PropType<boolean | Partial<Partial<{
+            ancestorScroll: boolean;
+            ancestorResize: boolean;
+            elementResize: boolean;
+            layoutShift: boolean;
+            animationFrame: boolean;
+        }>>>;
         default: boolean;
@@ -401,3 +503,3 @@ };
     leaveTo: StringConstructor;
-    originClass: PropType<string | OriginClassResolver>;
+    originClass: PropType<string | ClassResolver>;
     tailwindcssOriginClass: {
@@ -420,12 +522,12 @@ type: BooleanConstructor;
             fn: (state: {
+                strategy: Strategy;
+                initialPlacement: Placement;
                 x: number;
                 y: number;
-                strategy: Strategy;
-                initialPlacement: Placement;
                 placement: Placement;
-                middlewareData: import("@floating-ui/vue").MiddlewareData;
-                rects: import("@floating-ui/vue").ElementRects;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/vue").Elements;
-            }) => import("@floating-ui/vue").MiddlewareReturn | Promise<import("@floating-ui/vue").MiddlewareReturn>;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[] | ((refs: {
@@ -471,8 +573,21 @@ referenceEl: ComputedRef<ReferenceElement | null>;
     shift: {
-        type: PropType<number | boolean | Partial<ShiftOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            limiter: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            };
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -483,8 +598,21 @@ default: boolean;
         default: boolean;
-        type: PropType<number | boolean | Partial<FlipOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            fallbackPlacements: Placement[];
+            fallbackStrategy: "bestFit" | "initialPlacement";
+            fallbackAxisSideDirection: "start" | "end" | "none";
+            flipAlignment: boolean;
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -497,8 +625,19 @@ };
     autoPlacement: {
-        type: PropType<boolean | Partial<AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            crossAxis: boolean;
+            alignment: import("@floating-ui/utils").Alignment | null;
+            autoAlignment: boolean;
+            allowedPlacements: Placement[];
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -508,8 +647,16 @@ default: boolean;
     hide: {
-        type: PropType<boolean | Partial<HideOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            strategy: "referenceHidden" | "escaped";
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -519,3 +666,9 @@ default: boolean;
     autoUpdate: {
-        type: PropType<boolean | Partial<AutoUpdateOptions>>;
+        type: PropType<boolean | Partial<Partial<{
+            ancestorScroll: boolean;
+            ancestorResize: boolean;
+            elementResize: boolean;
+            layoutShift: boolean;
+            animationFrame: boolean;
+        }>>>;
         default: boolean;
@@ -535,3 +688,3 @@ };
     leaveTo: StringConstructor;
-    originClass: PropType<string | OriginClassResolver>;
+    originClass: PropType<string | ClassResolver>;
     tailwindcssOriginClass: {
@@ -550,12 +703,12 @@ type: BooleanConstructor;
             fn: (state: {
+                strategy: Strategy;
+                initialPlacement: Placement;
                 x: number;
                 y: number;
-                strategy: Strategy;
-                initialPlacement: Placement;
                 placement: Placement;
-                middlewareData: import("@floating-ui/vue").MiddlewareData;
-                rects: import("@floating-ui/vue").ElementRects;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/vue").Elements;
-            }) => import("@floating-ui/vue").MiddlewareReturn | Promise<import("@floating-ui/vue").MiddlewareReturn>;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[] | ((refs: {
@@ -592,8 +745,21 @@ referenceEl: ComputedRef<ReferenceElement | null>;
     shift: {
-        type: PropType<number | boolean | Partial<ShiftOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            limiter: {
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                options?: any;
+            };
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -603,8 +769,21 @@ default: boolean;
     flip: {
-        type: PropType<number | boolean | Partial<FlipOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<number | boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            mainAxis: boolean;
+            crossAxis: boolean;
+            fallbackPlacements: Placement[];
+            fallbackStrategy: "bestFit" | "initialPlacement";
+            fallbackAxisSideDirection: "start" | "end" | "none";
+            flipAlignment: boolean;
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -618,8 +797,19 @@ default: boolean;
     autoPlacement: {
-        type: PropType<boolean | Partial<AutoPlacementOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            crossAxis: boolean;
+            alignment: import("@floating-ui/utils").Alignment | null;
+            autoAlignment: boolean;
+            allowedPlacements: Placement[];
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -629,8 +819,16 @@ default: boolean;
     hide: {
-        type: PropType<boolean | Partial<HideOptions & {
-            rootBoundary: import("@floating-ui/vue").RootBoundary;
-            elementContext: import("@floating-ui/vue").ElementContext;
+        type: PropType<boolean | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
             altBoundary: boolean;
-            padding: import("@floating-ui/vue").Padding;
-            boundary: import("@floating-ui/vue").Boundary;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            strategy: "referenceHidden" | "escaped";
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
         }>>;
@@ -640,3 +838,9 @@ default: boolean;
     autoUpdate: {
-        type: PropType<boolean | Partial<AutoUpdateOptions>>;
+        type: PropType<boolean | Partial<Partial<{
+            ancestorScroll: boolean;
+            ancestorResize: boolean;
+            elementResize: boolean;
+            layoutShift: boolean;
+            animationFrame: boolean;
+        }>>>;
         default: boolean;
@@ -656,3 +860,3 @@ };
     leaveTo: StringConstructor;
-    originClass: PropType<string | OriginClassResolver>;
+    originClass: PropType<string | ClassResolver>;
     tailwindcssOriginClass: {
@@ -671,12 +875,12 @@ type: BooleanConstructor;
             fn: (state: {
+                strategy: Strategy;
+                initialPlacement: Placement;
                 x: number;
                 y: number;
-                strategy: Strategy;
-                initialPlacement: Placement;
                 placement: Placement;
-                middlewareData: import("@floating-ui/vue").MiddlewareData;
-                rects: import("@floating-ui/vue").ElementRects;
+                middlewareData: import("@floating-ui/core").MiddlewareData;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/vue").Elements;
-            }) => import("@floating-ui/vue").MiddlewareReturn | Promise<import("@floating-ui/vue").MiddlewareReturn>;
+                elements: import("@floating-ui/dom").Elements;
+            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
         }[] | ((refs: {
@@ -683,0 +887,0 @@ referenceEl: ComputedRef<ReferenceElement | null>;

dist/hooks/use-floating-middleware-from-props.d.ts

 import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
 import type { DetectOverflowOptions, Middleware, ReferenceElement } from '@floating-ui/dom';
-import type { Options as OffsetOptions } from '@floating-ui/core/src/middleware/offset';
-import type { Options as ShiftOptions } from '@floating-ui/core/src/middleware/shift';
-import type { Options as FlipOptions } from '@floating-ui/core/src/middleware/flip';
-import type { Options as AutoPlacementOptions } from '@floating-ui/core/src/middleware/autoPlacement';
-import type { Options as HideOptions } from '@floating-ui/core/src/middleware/hide';
+import type { OffsetOptions } from '@floating-ui/core/src/middleware/offset';
+import type { ShiftOptions } from '@floating-ui/core/src/middleware/shift';
+import type { FlipOptions } from '@floating-ui/core/src/middleware/flip';
+import type { AutoPlacementOptions } from '@floating-ui/core/src/middleware/autoPlacement';
+import type { HideOptions } from '@floating-ui/core/src/middleware/hide';
 export declare function useFloatingMiddlewareFromProps(middleware: ShallowRef<Middleware[]>, referenceEl: ComputedRef<ReferenceElement | null>, floatingEl: ComputedRef<HTMLElement | null>, arrowRef: Ref<HTMLElement | null>, props: {
@@ -9,0 +9,0 @@ offset?: OffsetOptions;

dist/hooks/use-transition-and-origin-class.d.ts

 import { type Ref } from 'vue';
 import type { Placement } from '@floating-ui/core';
-import { type OriginClassResolver } from '../origin-class-resolvers';
+import { type ClassResolver } from '../class-resolvers';
 export declare function useTransitionAndOriginClass(props: {
     enter?: string;
     leave?: string;
-    originClass?: string | OriginClassResolver;
+    originClass?: string | ClassResolver;
     tailwindcssOriginClass?: boolean;
@@ -9,0 +9,0 @@ }, placement: Ref<Placement>): {

dist/index.d.ts

 export * from './float';
-export * from './origin-class-resolvers';
+export * from './class-resolvers';
 export { useOutsideClick } from './hooks/use-outside-click';
 export { createHighOrderFloatComponent } from './createHighOrderFloatComponent';
 export * from './resolver';

package.json

 {
   "name": "@headlessui-float/vue",
   "type": "module",
-  "version": "0.11.4",
+  "version": "0.12.0",
   "description": "Easily use Headless UI for Vue 3 with Floating UI (Popper.js)",
@@ -52,5 +52,5 @@ "license": "MIT",
   "dependencies": {
-    "@floating-ui/core": "^1.0.0",
-    "@floating-ui/dom": "^1.0.0",
-    "@floating-ui/vue": "^0.2.0"
+    "@floating-ui/core": "^1.3.0",
+    "@floating-ui/dom": "^1.3.0",
+    "@floating-ui/vue": "^1.0.0"
   },
@@ -70,4 +70,4 @@ "devDependencies": {
     "vue": "^3.3.0",
-    "vue-tsc": "^1.8.0"
+    "vue-tsc": "^1.8.21"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

91633

increased by15.15%

Number of package files

25

increased by8.7%

Lines of code

2070

increased by13.92%

Dependency changes

• + Added@floating-ui/vue@1.0.6(transitive)

• + Added@vue/compiler-core@3.4.29(transitive)

• + Added@vue/compiler-dom@3.4.29(transitive)

• + Added@vue/compiler-sfc@3.4.29(transitive)

• + Added@vue/compiler-ssr@3.4.29(transitive)

• + Added@vue/reactivity@3.4.29(transitive)

• + Added@vue/runtime-core@3.4.29(transitive)

• + Added@vue/runtime-dom@3.4.29(transitive)

• + Added@vue/server-renderer@3.4.29(transitive)

• + Added@vue/shared@3.4.29(transitive)

• + Addedvue@3.4.29(transitive)

• + Addedvue-demi@0.14.8(transitive)

• - Removed@floating-ui/vue@0.2.1(transitive)

• - Removed@vue/compiler-core@3.4.30(transitive)

• - Removed@vue/compiler-dom@3.4.30(transitive)

• - Removed@vue/compiler-sfc@3.4.30(transitive)

• - Removed@vue/compiler-ssr@3.4.30(transitive)

• - Removed@vue/reactivity@3.4.30(transitive)

• - Removed@vue/runtime-core@3.4.30(transitive)

• - Removed@vue/runtime-dom@3.4.30(transitive)

• - Removed@vue/server-renderer@3.4.30(transitive)

• - Removed@vue/shared@3.4.30(transitive)

• - Removedvue@3.4.30(transitive)

• - Removedvue-demi@0.13.11(transitive)

• Updated@floating-ui/core@^1.3.0

• Updated@floating-ui/dom@^1.3.0

• Updated@floating-ui/vue@^1.0.0