v-float 0.7.2 → 0.8.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 V-Float
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2025 V-Float
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,4 +1,8 @@
-# V-Float
+# V-Float
+
+[![status: WIP](https://img.shields.io/badge/status-WIP-orange.svg)](#project-status)
+
+> Work in progress: This library is under active development. APIs may change without notice and breaking changes can land without deprecation windows or warnings. Not recommended for production use yet.
 
 A Vue 3 library for positioning floating UI elements like tooltips, popovers, dropdowns, and modals. Built on top
 of [VFloat](https://vfloat.pages.com/) with Vue 3 Composition API.
@@ -9,7 +13,7 @@ of [VFloat](https://vfloat.pages.com/) with Vue 3 Composition API.
 - **Vue 3 Composables**: Reactive composables designed for the Composition API
 - **Interaction Handling**: Built-in hover, focus, click, and dismiss behaviors
 - **Nested Elements**: Support for floating element trees and hierarchies
-- **Ready-to-use Components**: Pre-built components like `FloatingArrow`
+- **Arrow Positioning**: `useArrow` composable for positioning arrow elements
 - **Lightweight**: Tree-shakable with minimal bundle impact
 - **Cross-platform**: Works on desktop, mobile, and touch devices
 - **TypeScript**: Full TypeScript support with comprehensive type definitions
@@ -123,205 +127,220 @@ const { arrowStyles } = useArrow(arrowEl, context, {
   >
     This is a tooltip with an arrow
     <div ref="arrowEl" class="arrow" :style="arrowStyles"></div>
-  </div>
-</template>
-
-<style scoped>
-.tooltip {
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  padding: 8px 12px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
-.arrow {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: white;
-  border: 1px solid #ddd;
-  transform: rotate(45deg);
-  z-index: -1;
-}
-</style>
-```
-
-## Core Composables
-
-### Positioning
-
-- **`useFloating`**: Core positioning logic with middleware support
-- **`useArrow`**: Position arrow elements pointing to the anchor
-- **`useFloatingTree`**: Manage nested floating element hierarchies
-
-### Interactions
-
-- **`useHover`**: Hover interactions with configurable delays
-- **`useFocus`**: Focus/blur event handling for keyboard navigation
-- **`useClick`**: Click event handling with toggle and dismiss options
-- **`useEscapeKey`**: Close on ESC key press with composition handling
-- **`useClientPoint`**: Position floating elements at cursor/touch coordinates
-
-### Middleware
-
-All [Floating UI middleware](https://floating-ui.com/docs/middleware) are supported:
-
-- **`offset`**: Add distance between anchor and floating element
-- **`flip`**: Flip placement when there's insufficient space
-- **`shift`**: Shift floating element to stay in view
-- **`hide`**: Hide floating element when anchor is not visible
-
-**Arrow positioning** is handled by the [`useArrow`](/api/use-arrow) composable, which automatically registers the necessary middleware.
-
-## Advanced Features
-
-### Floating Trees
-
-For nested floating elements like submenus, use `useFloatingTree` to manage hierarchical structures with a streamlined API that eliminates redundant `useFloating` calls.
-
-**Clear Separation of Concerns:**
-
-- Use `useFloating` for isolated floating elements
-- Use `useFloatingTree` for hierarchical structures
-
-Here's how you can set up a parent menu with a submenu using the new API:
-
-```vue
-<script setup lang="ts">
-import { useTemplateRef, ref } from "vue"
-import { useFloatingTree, useHover, useClick, offset, flip, shift } from "v-float"
-
-const parentTriggerEl = useTemplateRef("parentTriggerRef")
-const parentMenuEl = useTemplateRef("parentMenuRef")
-const isParentOpen = ref(false)
-
-const submenuTriggerEl = useTemplateRef("submenuTriggerRef")
-const submenuEl = useTemplateRef("submenuRef")
-const isSubmenuOpen = ref(false)
-
-// 1. Create the floating tree with root context automatically
-const tree = useFloatingTree(parentTriggerEl, parentMenuEl, {
-  placement: "bottom-start",
-  open: isParentOpen,
-  middlewares: [offset(4), flip(), shift({ padding: 8 })],
-})
-
-// 2. Add submenu node - no separate useFloating call needed!
-const submenuNode = tree.addNode(submenuTriggerEl, submenuEl, {
-  placement: "right-start",
-  open: isSubmenuOpen,
-  middlewares: [offset(4), flip(), shift({ padding: 8 })],
-  parentId: tree.root.id, // Link to parent using parentId in options
-})
-
-// 3. Add interactions
-useClick(tree.root, { outsideClick: true })
-useHover(submenuNode, { delay: { open: 100, close: 300 } })
-
-// Access floating styles from the contexts
-const { floatingStyles: parentStyles } = tree.rootContext
-const { floatingStyles: submenuStyles } = submenuNode.data
-</script>
-
-<template>
-  <!-- Parent Menu Trigger -->
-  <button ref="parentTriggerEl" @click="isParentOpen = !isParentOpen">Open Menu</button>
-
-  <!-- Parent Menu -->
-  <div v-if="isParentOpen" ref="parentMenuEl" :style="parentStyles" class="menu">
-    <div class="menu-item">Menu Item 1</div>
-
-    <!-- Submenu Trigger -->
-    <div
-      ref="submenuTriggerEl"
-      class="menu-item menu-item--submenu"
-      @click="isSubmenuOpen = !isSubmenuOpen"
-    >
-      Menu Item 2 (Has Submenu)
-
-      <!-- Submenu -->
-      <div v-if="isSubmenuOpen" ref="submenuEl" :style="submenuStyles" class="menu submenu">
-        <div class="menu-item">Submenu Item A</div>
-        <div class="menu-item">Submenu Item B</div>
-        <div class="menu-item">Submenu Item C</div>
-      </div>
-    </div>
-
-    <div class="menu-item">Menu Item 3</div>
-  </div>
-</template>
-
-<style scoped>
-.menu {
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  padding: 4px 0;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  min-width: 160px;
-  z-index: 1000;
-}
-
-.submenu {
-  margin-left: 8px;
-  z-index: 1010;
-}
-
-.menu-item {
-  padding: 8px 12px;
-  cursor: pointer;
-  user-select: none;
-}
-
-.menu-item:hover {
-  background-color: #f5f5f5;
-}
-
-.menu-item--submenu {
-  position: relative;
-}
-</style>
-```
-
-**API Benefits:**
-
-```ts
-// Before: Required separate useFloating calls
-const parentContext = useFloating(parentEl, parentFloating, options)
-const tree = useFloatingTree(parentContext)
-const childContext = useFloating(childEl, childFloating, childOptions)
-const childNode = tree.addNode(childContext, parentContext.nodeId)
-
-// After: Streamlined API with internal context creation
-const tree = useFloatingTree(parentEl, parentFloating, options)
-const childNode = tree.addNode(childEl, childFloating, {
-  ...childOptions,
-  parentId: tree.root.id,
-})
-```
-
-This approach eliminates redundant calls and provides a clearer separation between isolated floating elements (`useFloating`) and hierarchical structures (`useFloatingTree`).
-
-## TypeScript Support
-
-V-Float is built with TypeScript and provides comprehensive type definitions:
-
-## Browser Support
-
-- **Modern browsers**: Chrome, Firefox, Safari, Edge
-- **Mobile browsers**: iOS Safari, Chrome Mobile, Samsung Internet
-- **Node.js**: SSR compatible (with proper hydration)
-
-## Documentation
-
-For complete documentation with interactive examples, visit the [V-Float Documentation](https://vfloat.pages.dev/).
-
-## Contributing
-
-Contributions are welcome! Please read our contributing guidelines and submit pull requests to
-our [GitHub repository](https://github.com/sherif414/VFloat).
-
-## License
-
-MIT License - see [LICENSE](LICENSE) file for details.
+  </div>
+</template>
+
+<style scoped>
+.tooltip {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 8px 12px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: white;
+  border: 1px solid #ddd;
+  transform: rotate(45deg);
+  z-index: -1;
+}
+</style>
+```
+
+## Core Composables
+
+### Positioning
+
+- **`useFloating`**: Core positioning logic with middleware support
+- **`useArrow`**: Position arrow elements pointing to the anchor
+- **`useFloatingTree`**: Manage nested floating element hierarchies
+
+### Interactions
+
+- **`useHover`**: Hover interactions with configurable delays
+- **`useFocus`**: Focus/blur event handling for keyboard navigation
+- **`useClick`**: Click event handling with toggle and dismiss options
+- **`useEscapeKey`**: Close on ESC key press with composition handling
+- **`useClientPoint`**: Position floating elements at cursor/touch coordinates
+
+### Middleware
+
+All [Floating UI middleware](https://floating-ui.com/docs/middleware) are supported:
+
+- **`offset`**: Add distance between anchor and floating element
+- **`flip`**: Flip placement when there's insufficient space
+- **`shift`**: Shift floating element to stay in view
+- **`hide`**: Hide floating element when anchor is not visible
+- **`autoPlacement`**: Automatically choose the best placement
+- **`size`**: Resize floating element to fit within viewport
+
+**Arrow positioning** is handled by the [`useArrow`](/api/use-arrow) composable, which automatically registers the necessary middleware.
+
+## Project Status
+
+- WIP and evolving rapidly; expect breaking changes without deprecations.
+- API, docs, and examples are subject to change and may be incomplete.
+- Feedback and contributions are welcome while the API stabilizes.
+
+## Advanced Features
+
+### Floating Trees
+
+For nested floating elements like submenus, use `useFloatingTree` to manage hierarchical structures with a streamlined API that eliminates redundant `useFloating` calls.
+
+**Clear Separation of Concerns:**
+
+- Use `useFloating` for isolated floating elements
+- Use `useFloatingTree` for hierarchical structures
+
+Here's how you can set up a parent menu with a submenu using the new API:
+
+```vue
+<script setup lang="ts">
+import { useTemplateRef, ref } from "vue"
+import { useFloatingTree, useHover, useClick, offset, flip, shift } from "v-float"
+
+const parentTriggerEl = useTemplateRef("parentTriggerRef")
+const parentMenuEl = useTemplateRef("parentMenuRef")
+const isParentOpen = ref(false)
+
+const submenuTriggerEl = useTemplateRef("submenuTriggerRef")
+const submenuEl = useTemplateRef("submenuRef")
+const isSubmenuOpen = ref(false)
+
+// 1. Create the floating tree with root context automatically
+const tree = useFloatingTree(parentTriggerEl, parentMenuEl, {
+  placement: "bottom-start",
+  open: isParentOpen,
+  middlewares: [offset(4), flip(), shift({ padding: 8 })],
+})
+
+// 2. Add submenu node - no separate useFloating call needed!
+const submenuNode = tree.addNode(submenuTriggerEl, submenuEl, {
+  placement: "right-start",
+  open: isSubmenuOpen,
+  middlewares: [offset(4), flip(), shift({ padding: 8 })],
+  parentId: tree.root.id, // Link to parent using parentId in options
+})
+
+// 3. Add interactions
+useClick(tree.root, { outsideClick: true })
+useHover(submenuNode, { delay: { open: 100, close: 300 } })
+
+// Access floating styles from the contexts
+const { floatingStyles: parentStyles } = tree.rootContext
+const { floatingStyles: submenuStyles } = submenuNode.data
+</script>
+
+<template>
+  <!-- Parent Menu Trigger -->
+  <button ref="parentTriggerEl" @click="isParentOpen = !isParentOpen">Open Menu</button>
+
+  <!-- Parent Menu -->
+  <div v-if="isParentOpen" ref="parentMenuEl" :style="parentStyles" class="menu">
+    <div class="menu-item">Menu Item 1</div>
+
+    <!-- Submenu Trigger -->
+    <div
+      ref="submenuTriggerEl"
+      class="menu-item menu-item--submenu"
+      @click="isSubmenuOpen = !isSubmenuOpen"
+    >
+      Menu Item 2 (Has Submenu)
+
+      <!-- Submenu -->
+      <div v-if="isSubmenuOpen" ref="submenuEl" :style="submenuStyles" class="menu submenu">
+        <div class="menu-item">Submenu Item A</div>
+        <div class="menu-item">Submenu Item B</div>
+        <div class="menu-item">Submenu Item C</div>
+      </div>
+    </div>
+
+    <div class="menu-item">Menu Item 3</div>
+  </div>
+</template>
+
+<style scoped>
+.menu {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 4px 0;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  min-width: 160px;
+  z-index: 1000;
+}
+
+.submenu {
+  margin-left: 8px;
+  z-index: 1010;
+}
+
+.menu-item {
+  padding: 8px 12px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.menu-item:hover {
+  background-color: #f5f5f5;
+}
+
+.menu-item--submenu {
+  position: relative;
+}
+</style>
+```
+
+**API Benefits:**
+
+```ts
+// Before: Required separate useFloating calls
+const parentContext = useFloating(parentEl, parentFloating, options)
+const tree = useFloatingTree(parentContext)
+const childContext = useFloating(childEl, childFloating, childOptions)
+const childNode = tree.addNode(childContext, parentContext.nodeId)
+
+// After: Streamlined API with internal context creation
+const tree = useFloatingTree(parentEl, parentFloating, options)
+const childNode = tree.addNode(childEl, childFloating, {
+  ...childOptions,
+  parentId: tree.root.id,
+})
+```
+
+This approach eliminates redundant calls and provides a clearer separation between isolated floating elements (`useFloating`) and hierarchical structures (`useFloatingTree`).
+
+## TypeScript Support
+
+V-Float is built with TypeScript and provides comprehensive type definitions:
+
+## Browser Support
+
+- **Modern browsers**: Chrome, Firefox, Safari, Edge
+- **Mobile browsers**: iOS Safari, Chrome Mobile, Samsung Internet
+- **Node.js**: SSR compatible (with proper hydration)
+
+## Documentation
+
+For complete documentation with interactive examples, visit the [V-Float Documentation](https://vfloat.pages.dev/).
+
+## Contributing
+
+Contributions are welcome! Please read our contributing guidelines and submit pull requests to
+our [GitHub repository](https://github.com/sherif414/VFloat).
+
+## Credits
+
+V-Float is built on top of the excellent work of:
+
+- [Floating UI](https://floating-ui.com/) - For the core positioning and collision detection algorithms
+- [VueUse](https://vueuse.org/) - For Vue composition utilities and best practices
+
+## License
+
+MIT License - see [LICENSE](LICENSE) file for details.

package/dist/composables/index.d.ts

@@ -1,6 +1,4 @@
+export * from './positioning';
 export * from './interactions';
 export * from './middlewares';
-export * from './use-arrow';
-export * from './use-floating';
-export * from './use-floating-tree';
 //# sourceMappingURL=index.d.ts.map

package/dist/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}

package/dist/composables/interactions/index.d.ts

@@ -1,7 +1,5 @@
 export * from './use-click';
-export { type AxisConstraint, type Coordinates, type TrackingMode, type UseClientPointContext, type UseClientPointOptions, type UseClientPointReturn, useClientPoint, } from './use-client-point';
 export * from './use-escape-key';
 export * from './use-focus';
 export * from './use-hover';
-export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/composables/interactions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/dist/composables/interactions/polygon.d.ts

@@ -1,5 +1,5 @@
-import { TreeNode } from '../use-floating-tree';
-import { AnchorElement, FloatingContext, FloatingElement } from '../use-floating';
+import { TreeNode } from '../positioning/use-floating-tree';
+import { AnchorElement, FloatingContext, FloatingElement } from '../positioning/use-floating';
 type Point = [number, number];
 type Polygon = Point[];
 export interface SafePolygonOptions {

package/dist/composables/interactions/polygon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polygon.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/polygon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGtF,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC7B,KAAK,OAAO,GAAG,KAAK,EAAE,CAAA;AAoDtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,WAAW,+BAA+B;IAC9C,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IAChD,QAAQ,EAAE;QACR,YAAY,EAAE,aAAa,GAAG,IAAI,CAAA;QAClC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAA;KAAE,CAAA;CACzD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB;cAsCJ,+BAA+B,WAehD,UAAU;;;;EAiVhD"}
+{"version":3,"file":"polygon.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/polygon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAA;AAE3E,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAGlG,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC7B,KAAK,OAAO,GAAG,KAAK,EAAE,CAAA;AAoDtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,WAAW,+BAA+B;IAC9C,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IAChD,QAAQ,EAAE;QACR,YAAY,EAAE,aAAa,GAAG,IAAI,CAAA;QAClC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAA;KACjC,CAAA;IACD,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAA;KAAE,CAAA;CACzD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB;cAsCJ,+BAA+B,WAehD,UAAU;;;;EAiVhD"}

package/dist/composables/interactions/use-click.d.ts

@@ -1,6 +1,6 @@
 import { MaybeRefOrGetter } from 'vue';
-import { FloatingContext } from '..';
-import { TreeNode } from '../use-floating-tree';
+import { FloatingContext } from '../positioning/use-floating';
+import { TreeNode } from '../positioning/use-floating-tree';
 /**
  * Enables showing/hiding the floating element when clicking the reference element
  * and optionally when clicking outside both the reference and floating elements.

package/dist/composables/interactions/use-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-click.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/use-click.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,gBAAgB,EAA8C,MAAM,KAAK,CAAA;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAiB/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC,EACpD,OAAO,GAAE,eAAoB,GAC5B,IAAI,CA6PN;AA0CD;;GAEG;AACH,MAAM,WAAW,eAAe;IAG9B;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC,CAAA;IAE/C;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAElC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEvC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE1C;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAIvC;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAExC;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,aAAa,GAAG,WAAW,GAAG,OAAO,CAAC,CAAA;IAEtE;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAEtE;;;OAGG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEjD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAC7C"}
+{"version":3,"file":"use-click.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/use-click.ts"],"names":[],"mappings":"AAEE,OAAO,EAAY,KAAK,gBAAgB,EAA8C,MAAM,KAAK,CAAA;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAA;AAkB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC,EACpD,OAAO,GAAE,eAAoB,GAC5B,IAAI,CAoQN;AA0CD;;GAEG;AACH,MAAM,WAAW,eAAe;IAG9B;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC,CAAA;IAE/C;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAElC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEvC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE1C;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAIvC;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAExC;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,aAAa,GAAG,WAAW,GAAG,OAAO,CAAC,CAAA;IAEtE;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAE1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAEtE;;;OAGG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEjD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAC7C"}

package/dist/composables/interactions/use-escape-key.d.ts

@@ -1,6 +1,6 @@
 import { MaybeRefOrGetter } from 'vue';
-import { FloatingContext } from '..';
-import { TreeNode } from '../use-floating-tree';
+import { FloatingContext } from '../positioning/use-floating';
+import { TreeNode } from '../positioning/use-floating-tree';
 export interface UseEscapeKeyOptions {
     /**
      * Condition to enable the escape key listener.

package/dist/composables/interactions/use-escape-key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-escape-key.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/use-escape-key.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAO/D,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CAC1C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC,EACpD,OAAO,GAAE,mBAAwB,GAChC,IAAI,CAiCN"}
+{"version":3,"file":"use-escape-key.d.ts","sourceRoot":"","sources":["../../../src/composables/interactions/use-escape-key.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAA;AAO3E,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAEnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CAC1C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC,EACpD,OAAO,GAAE,mBAAwB,GAChC,IAAI,CAiCN"}