@vue-dnd-kit/core 0.0.21 → 0.0.23-beta

package/{README.md → README.txt}

@@ -1,5 +1,8 @@
 # Vue Drag & Drop Library - Core Package
 
+[![Beta](https://img.shields.io/badge/status-beta-yellow.svg)](https://github.com/zizigy/vue-dnd-kit)
+ > ⚠️ **Warning**: This project is in active development (beta). The API may change between minor versions. Not recommended for production use until version 1.0.0.
+
 <p align="center">
   <a href="https://zizigy.github.io/vue-dnd-hooks/">
     <img src="https://raw.githubusercontent.com/ZiZiGY/vue-dnd-hooks/master/public/logo.svg" width="400" alt="Vue Drag & Drop Logo">
@@ -20,6 +23,16 @@
   Inspired by the popular <a href="https://dndkit.com/" target="_blank">React DnD Kit</a> library, adapted for Vue.js
 </p>
 
+## Project Status
+   
+   This project is in active development. We're working toward a stable API, but until version 1.0.0, there may be breaking changes.
+   
+   Roadmap:
+   - [x] Basic drag & drop functionality
+   - [x] Complete documentation
+   - [ ] Tests
+   - [ ] Stable API (version 1.0.0)
+
 ## Features
 
 ### Core Capabilities
@@ -29,14 +42,12 @@
   - Intuitive hooks-based approach
   - Clean and declarative syntax
   - Minimal boilerplate code
-
 - 🎨 **Full Customization**
 
   - Custom drag overlays
   - Flexible styling system
   - Animation support
   - Custom drag handles
-
 - 📱 **Advanced Input Support**
 
   - Touch devices support
@@ -51,7 +62,6 @@
   - Minimal re-renders
   - Efficient DOM updates
   - Memory leak prevention
-
 - 🔄 **Smart Auto-scrolling**
 
   - Smooth scroll animations
@@ -67,7 +77,6 @@
   - Type inference
   - IDE autocompletion
   - Type-safe events
-
 - 📐 **Layout Features**
 
   - Grid system support
@@ -83,14 +92,12 @@
   - Zone filtering
   - Nested groups
   - Dynamic group validation
-
 - 📊 **Rich Events System**
 
   - Comprehensive lifecycle events
   - Custom event handlers
   - Drag state tracking
   - Position coordinates
-
 - 🛡️ **Built-in Utilities**
 
   - Geometry calculations
@@ -193,7 +200,7 @@ pnpm install @vue-dnd-kit/core
 </style>
 ```
 
-### Droppable.vue 
+### Droppable.vue
 
 <sup>🧩 components/Droppable.vue</sup>
 

package/dist/composables/useDnDStore.d.ts

@@ -1,3 +1,5 @@
+import { IDnDStore } from "../types";
+
 /**
  * Global store for managing drag and drop state.
  * Uses singleton pattern to ensure single source of truth across the application.

package/dist/composables/useDragContainer.d.ts

@@ -66,8 +66,8 @@
  * @property {Ref<boolean>} isDragging - Whether drag operation is in progress
  */
 export declare const useDragContainer: () => {
-    elementRef: any;
-    draggingElements: IDnDStore;
-    pointerPosition: IDnDStore;
-    isDragging: IDnDStore;
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    draggingElements: import('vue').Ref<import('..').IDraggingElement[], import('..').IDraggingElement[]>;
+    pointerPosition: import('..').IPointerPosition;
+    isDragging: import('vue').Ref<boolean, boolean>;
 };

package/dist/composables/useDraggable.d.ts

@@ -1,3 +1,5 @@
+import { IUseDragOptions } from "../types";
+
 /**
  * Main hook for making elements draggable.
  * Provides all necessary functionality for drag and drop operations.
@@ -39,11 +41,11 @@
  * </script>
  * ```
  */
-export declare const useDraggable: (options?: any) => {
-    pointerPosition: any;
-    elementRef: any;
-    isDragging: any;
-    isOvered: any;
-    isAllowed: any;
+export declare const useDraggable: (options?: IUseDragOptions) => {
+    pointerPosition: import('../types').IPointerPosition;
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    isDragging: import('vue').ComputedRef<boolean>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
     handleDragStart: (event: PointerEvent) => void;
 };

package/dist/composables/useDroppable.d.ts

@@ -1,3 +1,5 @@
+import { IUseDropOptions } from "../types";
+
 /**
  * Hook for creating drop zones that can accept dragged elements.
  * Manages drop zone registration and interaction states.
@@ -82,8 +84,8 @@
  * </style>
  * ```
  */
-export declare const useDroppable: (options?: any) => {
-    elementRef: any;
-    isOvered: any;
-    isAllowed: any;
+export declare const useDroppable: (options?: IUseDropOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/usePointer.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 export declare const usePointer: (elementRef: Ref<HTMLElement | null>) => {
     onPointerStart: (event: PointerEvent) => void;
     onPointerMove: (event: PointerEvent | WheelEvent) => void;

package/dist/composables/useSelection.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 /**
  * Hook for managing element selection in drag and drop interface
  * @param elementRef - Reference to the HTML element that can be selected
@@ -7,6 +9,6 @@ export declare const useSelection: (elementRef: Ref<HTMLElement | null>) => {
     handleUnselect: () => void;
     handleSelect: () => void;
     handleToggleSelect: () => void;
-    isSelected: any;
-    isParentOfSelected: any;
+    isSelected: import('vue').ComputedRef<boolean>;
+    isParentOfSelected: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/useSensor.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 export declare const useSensor: (elementRef: Ref<HTMLElement | null>) => {
     activate: (event: PointerEvent) => void;
     track: (event: PointerEvent | WheelEvent) => void;

package/dist/managers/useElementManager.d.ts

@@ -1,3 +1,5 @@
+import { IUseDragOptions } from "../types";
+
 /**
  * Hook for managing draggable elements and their interactions.
  * Provides methods for registering, unregistering elements,
@@ -6,11 +8,11 @@
  * @param options - Optional configuration object for element management
  * @returns Object containing element management state and methods
  */
-export declare const useElementManager: (options?: any) => {
-    elementRef: any;
+export declare const useElementManager: (options?: IUseDragOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     registerElement: () => void;
     unregisterElement: () => void;
-    isDragging: any;
-    isOvered: any;
-    isAllowed: any;
+    isDragging: import('vue').ComputedRef<boolean>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/managers/useZoneManager.d.ts

@@ -1,7 +1,9 @@
-export declare const useZoneManager: (options?: any) => {
-    elementRef: any;
+import { IUseDropOptions } from "../types";
+
+export declare const useZoneManager: (options?: IUseDropOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     registerZone: () => void;
     unregisterZone: () => void;
-    isOvered: any;
-    isAllowed: any;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/utils/geometry.d.ts

@@ -1,3 +1,5 @@
+import { IBoundingBox, IPoint } from "../types";
+
 export declare const checkCollision: (boxA: IBoundingBox, boxB: IBoundingBox) => boolean;
 export declare const getBoundingBox: (element: HTMLElement | null) => IBoundingBox;
 export declare const getCenter: (box: IBoundingBox) => IPoint;

package/dist/vue-shims.d.ts

@@ -0,0 +1,5 @@
+declare module '*' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-dnd-kit/core",
-  "version": "0.0.21",
+  "version": "0.0.23-beta",
   "description": "Core functionality for Vue DnD Kit - a lightweight Vue 3 library for building performant and accessible drag and drop interfaces",
   "author": "ZiZIGY",
   "license": "MIT",