@headlessui-float/vue - npm Package Compare versions

Comparing version 0.14.0 to 0.14.1

dist/createHighOrderFloatComponent.d.ts

@@ -5,4 +5,4 @@ import { type FloatProps, type FloatSlotProps } from './float';
     $slots: {
-        default(props: FloatSlotProps): any;
+        default: (props: FloatSlotProps) => any;
     };
 };

dist/float.d.ts

 import type { ComputedRef, FunctionalComponent, PropType, Ref, SetupContext, VNode } from 'vue';
 import type { AutoPlacementOptions, FlipOptions, HideOptions, OffsetOptions, ShiftOptions } from '@floating-ui/core';
-import type { AutoUpdateOptions, DetectOverflowOptions, FloatingElement, Middleware, Placement, ReferenceElement, Strategy, VirtualElement } from '@floating-ui/dom';
+import type { AutoUpdateOptions, DetectOverflowOptions, Middleware, Placement, Strategy, VirtualElement } from '@floating-ui/dom';
 import type { ClassResolver } from './class-resolvers';
+import type { FloatingElement, ReferenceElement } from './types';
 interface ReferenceState {
@@ -69,3 +70,3 @@ referenceRef: Ref<ReferenceElement | null>;
         referenceEl: ComputedRef<ReferenceElement | null>;
-        floatingEl: ComputedRef<HTMLElement | null>;
+        floatingEl: ComputedRef<FloatingElement | null>;
     }) => Middleware[]);
@@ -99,16 +100,3 @@ onShow?: () => any;
     shift: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            limiter: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            };
-        }> & {
+        type: PropType<number | boolean | Partial<ShiftOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -123,16 +111,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     flip: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            fallbackPlacements: Placement[];
-            fallbackStrategy: "bestFit" | "initialPlacement";
-            fallbackAxisSideDirection: "start" | "end" | "none";
-            flipAlignment: boolean;
-        }> & {
+        type: PropType<number | boolean | Partial<FlipOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -151,14 +126,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoPlacement: {
-        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/utils").Padding;
-        }> & {
-            crossAxis: boolean;
-            alignment: import("@floating-ui/utils").Alignment | null;
-            autoAlignment: boolean;
-            allowedPlacements: Placement[];
-        }> & {
+        type: PropType<boolean | Partial<AutoPlacementOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -173,11 +137,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     hide: {
-        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/utils").Padding;
-        }> & {
-            strategy: "referenceHidden" | "escaped";
-        }> & {
+        type: PropType<boolean | Partial<HideOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -188,11 +144,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | Partial<Partial<Partial<{
-            boundary: any;
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/utils").Padding;
-        }> & {
-            strategy: "referenceHidden" | "escaped";
-        }> & {
+        }> | Partial<HideOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -209,9 +157,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoUpdate: {
-        type: PropType<boolean | Partial<Partial<{
-            ancestorScroll: boolean;
-            ancestorResize: boolean;
-            elementResize: boolean;
-            layoutShift: boolean;
-            animationFrame: boolean;
-        }>>>;
+        type: PropType<boolean | Partial<AutoUpdateOptions>>;
         default: boolean;
@@ -301,6 +243,6 @@ };
     arrowApi: ArrowState;
-    placement: Readonly<Ref<Placement>>;
+    placement: Readonly<Ref<Placement, Placement>>;
     referenceEl: ComputedRef<T | null>;
     floatingEl: ComputedRef<HTMLElement | null>;
-    middlewareData: Readonly<Ref<import("@floating-ui/core").MiddlewareData>>;
+    middlewareData: Readonly<Ref<import("@floating-ui/core").MiddlewareData, import("@floating-ui/core").MiddlewareData>>;
     update: () => void;
@@ -311,3 +253,3 @@ };
     $slots: {
-        default(props: FloatSlotProps): any;
+        default: (props: FloatSlotProps) => any;
     };
@@ -329,3 +271,3 @@ };
     $slots: {
-        default(props: FloatReferenceSlotProps): any;
+        default: (props: FloatReferenceSlotProps) => any;
     };
@@ -369,3 +311,3 @@ };
     $slots: {
-        default(props: FloatContentSlotProps): any;
+        default: (props: FloatContentSlotProps) => any;
     };
@@ -392,3 +334,3 @@ };
     $slots: {
-        default(props: FloatArrowSlotProps): any;
+        default: (props: FloatArrowSlotProps) => any;
     };
@@ -418,16 +360,3 @@ };
     shift: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            limiter: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            };
-        }> & {
+        type: PropType<number | boolean | Partial<ShiftOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -442,16 +371,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     flip: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            fallbackPlacements: Placement[];
-            fallbackStrategy: "bestFit" | "initialPlacement";
-            fallbackAxisSideDirection: "start" | "end" | "none";
-            flipAlignment: boolean;
-        }> & {
+        type: PropType<number | boolean | Partial<FlipOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -470,14 +386,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoPlacement: {
-        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/utils").Padding;
-        }> & {
-            crossAxis: boolean;
-            alignment: import("@floating-ui/utils").Alignment | null;
-            autoAlignment: boolean;
-            allowedPlacements: Placement[];
-        }> & {
+        type: PropType<boolean | Partial<AutoPlacementOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -492,9 +397,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoUpdate: {
-        type: PropType<boolean | Partial<Partial<{
-            ancestorScroll: boolean;
-            ancestorResize: boolean;
-            elementResize: boolean;
-            layoutShift: boolean;
-            animationFrame: boolean;
-        }>>>;
+        type: PropType<boolean | Partial<AutoUpdateOptions>>;
         default: boolean;
@@ -566,3 +465,3 @@ };
     $slots: {
-        default(props: FloatVirtualSlotProps): any;
+        default: (props: FloatVirtualSlotProps) => any;
     };
@@ -587,16 +486,3 @@ };
     shift: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            limiter: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            };
-        }> & {
+        type: PropType<number | boolean | Partial<ShiftOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -612,16 +498,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
         default: boolean;
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            fallbackPlacements: Placement[];
-            fallbackStrategy: "bestFit" | "initialPlacement";
-            fallbackAxisSideDirection: "start" | "end" | "none";
-            flipAlignment: boolean;
-        }> & {
+        type: PropType<number | boolean | Partial<FlipOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -639,14 +512,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoPlacement: {
-        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/utils").Padding;
-        }> & {
-            crossAxis: boolean;
-            alignment: import("@floating-ui/utils").Alignment | null;
-            autoAlignment: boolean;
-            allowedPlacements: Placement[];
-        }> & {
+        type: PropType<boolean | Partial<AutoPlacementOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -661,9 +523,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoUpdate: {
-        type: PropType<boolean | Partial<Partial<{
-            ancestorScroll: boolean;
-            ancestorResize: boolean;
-            elementResize: boolean;
-            layoutShift: boolean;
-            animationFrame: boolean;
-        }>>>;
+        type: PropType<boolean | Partial<AutoUpdateOptions>>;
         default: boolean;
@@ -721,3 +577,3 @@ };
     $slots: {
-        default(props: FloatVirtualSlotProps): any;
+        default: (props: FloatVirtualSlotProps) => any;
     };
@@ -743,16 +599,3 @@ };
     shift: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            limiter: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            };
-        }> & {
+        type: PropType<number | boolean | Partial<ShiftOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -767,16 +610,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     flip: {
-        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/utils").Padding;
-        }> & {
-            mainAxis: boolean;
-            crossAxis: boolean;
-            fallbackPlacements: Placement[];
-            fallbackStrategy: "bestFit" | "initialPlacement";
-            fallbackAxisSideDirection: "start" | "end" | "none";
-            flipAlignment: boolean;
-        }> & {
+        type: PropType<number | boolean | Partial<FlipOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -795,14 +625,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoPlacement: {
-        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/utils").Padding;
-        }> & {
-            crossAxis: boolean;
-            alignment: import("@floating-ui/utils").Alignment | null;
-            autoAlignment: boolean;
-            allowedPlacements: Placement[];
-        }> & {
+        type: PropType<boolean | Partial<AutoPlacementOptions & {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
@@ -817,9 +636,3 @@ elementContext?: import("@floating-ui/core").ElementContext | undefined;
     autoUpdate: {
-        type: PropType<boolean | Partial<Partial<{
-            ancestorScroll: boolean;
-            ancestorResize: boolean;
-            elementResize: boolean;
-            layoutShift: boolean;
-            animationFrame: boolean;
-        }>>>;
+        type: PropType<boolean | Partial<AutoUpdateOptions>>;
         default: boolean;
@@ -881,5 +694,5 @@ };
     $slots: {
-        default(props: FloatVirtualSlotProps): any;
+        default: (props: FloatVirtualSlotProps) => any;
     };
 };
 export {};

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

@@ -1,5 +0,6 @@
-import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
+import type { ComputedRef, Ref, ShallowRef } from 'vue';
 import type { AutoPlacementOptions, FlipOptions, HideOptions, OffsetOptions, ShiftOptions } from '@floating-ui/core';
-import type { DetectOverflowOptions, Middleware, ReferenceElement } from '@floating-ui/dom';
-export declare function useFloatingMiddlewareFromProps(middleware: ShallowRef<Middleware[]>, referenceEl: ComputedRef<ReferenceElement | null>, floatingEl: ComputedRef<HTMLElement | null>, arrowRef: Ref<HTMLElement | null>, props: {
+import type { DetectOverflowOptions, Middleware } from '@floating-ui/dom';
+import type { FloatingElement, ReferenceElement } from '../types';
+export declare function useFloatingMiddlewareFromProps(middleware: ShallowRef<Middleware[]>, referenceEl: ComputedRef<ReferenceElement | null>, floatingEl: ComputedRef<FloatingElement | null>, arrowRef: Ref<HTMLElement | null>, props: {
     offset?: OffsetOptions;
@@ -13,4 +14,4 @@ shift?: boolean | number | Partial<ShiftOptions & DetectOverflowOptions>;
         referenceEl: ComputedRef<ReferenceElement | null>;
-        floatingEl: ComputedRef<HTMLElement | null>;
+        floatingEl: ComputedRef<FloatingElement | null>;
     }) => Middleware[]);
 }): void;

dist/utils/dom.d.ts

@@ -1,5 +0,5 @@
-import type { VirtualElement } from '@floating-ui/core';
-import { type ComponentPublicInstance, type Ref } from 'vue';
+import type { VirtualElement } from '@floating-ui/dom';
+import type { ComponentPublicInstance, Ref } from 'vue';
 type AsElement<T extends HTMLElement | VirtualElement | ComponentPublicInstance> = (T extends HTMLElement ? T : HTMLElement) | null;
 export declare function dom<T extends HTMLElement | VirtualElement | ComponentPublicInstance>(ref?: Ref<T | null> | null): AsElement<T> | null;
 export {};

dist/utils/owner.d.ts

 import type { Ref } from 'vue';
-export declare function getOwnerDocument<T extends Element | Ref<Element | null>>(element: T | null | undefined): Document | null;
+export declare function getOwnerDocument<T extends HTMLElement | Ref<HTMLElement | null>>(element: T | null | undefined): Document | null;

package.json

 {
   "name": "@headlessui-float/vue",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Easily use Headless UI for Vue 3 with Floating UI (Popper.js)",
@@ -59,3 +59,3 @@ "license": "MIT",
   "devDependencies": {
-    "@headlessui/vue": "^1.7.17",
+    "@headlessui/vue": "^1.7.22",
     "@playwright/test": "^1.30.0",
@@ -68,9 +68,9 @@ "@testing-library/jest-dom": "^6.2.0",
     "jsdom": "^23.2.0",
-    "typescript": "~5.3.0",
+    "typescript": "~5.4.0",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.13",
+    "vite": "^5.2.6",
     "vitest": "^1.2.0",
     "vue": "^3.4.0",
-    "vue-tsc": "^2.0.0"
+    "vue-tsc": "^2.0.29"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

27

increased by3.85%

Worsened metrics

Total package byte prevSize

84825

decreased by-8.05%

Lines of code

1906

decreased by-9.24%

No dependency changes