@ansh-ui/vue 0.3.0 → 0.4.0

package/dist/motion.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ7XOFKM4_cjs = require('./chunk-Z7XOFKM4.cjs');
+var chunkKKCZ5RUE_cjs = require('./chunk-KKCZ5RUE.cjs');
 require('./chunk-PP6OYURM.cjs');
 require('./chunk-6732H4BQ.cjs');
 
@@ -8,43 +8,43 @@ require('./chunk-6732H4BQ.cjs');
 
 Object.defineProperty(exports, "AnimatePresence", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.AnimatePresence; }
+  get: function () { return chunkKKCZ5RUE_cjs.AnimatePresence; }
 });
 Object.defineProperty(exports, "AnimatedText", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.AnimatedText; }
+  get: function () { return chunkKKCZ5RUE_cjs.AnimatedText; }
 });
 Object.defineProperty(exports, "Draggable", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.Draggable; }
+  get: function () { return chunkKKCZ5RUE_cjs.Draggable; }
 });
 Object.defineProperty(exports, "GradientText", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.GradientText; }
+  get: function () { return chunkKKCZ5RUE_cjs.GradientText; }
 });
 Object.defineProperty(exports, "Motion", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.Motion; }
+  get: function () { return chunkKKCZ5RUE_cjs.Motion; }
 });
 Object.defineProperty(exports, "MotionConfig", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.MotionConfig; }
+  get: function () { return chunkKKCZ5RUE_cjs.MotionConfig; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.ThemeProvider; }
+  get: function () { return chunkKKCZ5RUE_cjs.ThemeProvider; }
 });
 Object.defineProperty(exports, "themeScript", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.themeScript; }
+  get: function () { return chunkKKCZ5RUE_cjs.themeScript; }
 });
 Object.defineProperty(exports, "useMotionConfig", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.useMotionConfig; }
+  get: function () { return chunkKKCZ5RUE_cjs.useMotionConfig; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkZ7XOFKM4_cjs.useTheme; }
+  get: function () { return chunkKKCZ5RUE_cjs.useTheme; }
 });
 //# sourceMappingURL=motion.cjs.map
 //# sourceMappingURL=motion.cjs.map

package/dist/motion.d.cts

@@ -1,27 +1,7 @@
-import * as vue from 'vue';
-import { VNode, PropType, ComputedRef } from 'vue';
 import { EasingInput, SpringOptions, springs, StaggerFrom, ColorInput, ReducedMotionMode } from '@ansh-ui/core';
+import * as vue from 'vue';
+import { PropType, VNode, ComputedRef } from 'vue';
 
-/**
- * Declarative motion — the Vue counterpart of `@ansh-ui/react`'s `Motion`/`AnimatePresence`/
- * `Draggable`.
- *
- * A deliberately **small** subset of what a full motion library does: transform properties and
- * opacity, animated from `initial` to `animate`, plus hover and press states and an exit animation
- * when paired with `AnimatePresence`.
- *
- * That scope is a decision, not a gap. Layout animation (FLIP), shared-element transitions and
- * variant propagation each need machinery an order of magnitude larger than this file, and a
- * half-implementation of them is worse than none — it works in the demo and fails on the real page.
- * For those, use a dedicated library; for the 90% case of "fade this in, slide that up, spring the
- * card on hover", this costs a fraction of the bundle.
- *
- * Values are written straight to the element's `style` from the ticker's write phase, outside Vue's
- * reactivity — the same principle `useMotionStyle` documents in `composables/use-motion.ts`. `Motion`
- * and `Draggable` are built on `useAnimate()` (scope-bound imperative animation, auto-stopping the
- * previous run) and `useInView()` (the `whileInView` trigger) rather than calling the ticker
- * primitives from scratch, so cleanup and scope-disposal are inherited for free.
- */
 interface MotionValues {
     opacity?: number;
     x?: number;
@@ -42,6 +22,27 @@ interface MotionTransition {
     /** Use a spring instead of a tween. `true` uses the `smooth` preset. */
     spring?: boolean | SpringOptions | keyof typeof springs;
 }
+
+/**
+ * Declarative motion — the Vue counterpart of `@ansh-ui/react`'s `Motion`/`AnimatePresence`/
+ * `Draggable`.
+ *
+ * A deliberately **small** subset of what a full motion library does: transform properties and
+ * opacity, animated from `initial` to `animate`, plus hover and press states and an exit animation
+ * when paired with `AnimatePresence`.
+ *
+ * That scope is a decision, not a gap. Layout animation (FLIP), shared-element transitions and
+ * variant propagation each need machinery an order of magnitude larger than this file, and a
+ * half-implementation of them is worse than none — it works in the demo and fails on the real page.
+ * For those, use a dedicated library; for the 90% case of "fade this in, slide that up, spring the
+ * card on hover", this costs a fraction of the bundle.
+ *
+ * Values are written straight to the element's `style` from the ticker's write phase, outside Vue's
+ * reactivity — the same principle `useMotionStyle` documents in `composables/use-motion.ts`. `Motion`
+ * and `Draggable` are built on `useAnimate()` (scope-bound imperative animation, auto-stopping the
+ * previous run) and `useInView()` (the `whileInView` trigger) rather than calling the ticker
+ * primitives from scratch, so cleanup and scope-disposal are inherited for free.
+ */
 /**
  * An animated element.
  *
@@ -92,7 +93,7 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     as: {
@@ -139,13 +140,14 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
     as: string;
     initial: MotionValues;
     animate: MotionValues;
-    exit: MotionValues;
     transition: MotionTransition;
+    exit: MotionValues;
     whileHover: MotionValues;
     whileTap: MotionValues;
     whileInView: boolean;
     inViewAmount: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface AnimatePresenceProps {
     /** Seconds to keep a removed child mounted. Default `0.35`. */
     exitDuration?: number;
@@ -181,6 +183,7 @@ declare const AnimatePresence: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     exitDuration: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface DraggableProps {
     /** Constrain movement. */
     axis?: 'x' | 'y' | 'both';
@@ -229,7 +232,7 @@ declare const Draggable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: undefined;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("dragStart" | "dragEnd")[], "dragStart" | "dragEnd", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     axis: {

package/dist/motion.d.ts

@@ -1,27 +1,7 @@
-import * as vue from 'vue';
-import { VNode, PropType, ComputedRef } from 'vue';
 import { EasingInput, SpringOptions, springs, StaggerFrom, ColorInput, ReducedMotionMode } from '@ansh-ui/core';
+import * as vue from 'vue';
+import { PropType, VNode, ComputedRef } from 'vue';
 
-/**
- * Declarative motion — the Vue counterpart of `@ansh-ui/react`'s `Motion`/`AnimatePresence`/
- * `Draggable`.
- *
- * A deliberately **small** subset of what a full motion library does: transform properties and
- * opacity, animated from `initial` to `animate`, plus hover and press states and an exit animation
- * when paired with `AnimatePresence`.
- *
- * That scope is a decision, not a gap. Layout animation (FLIP), shared-element transitions and
- * variant propagation each need machinery an order of magnitude larger than this file, and a
- * half-implementation of them is worse than none — it works in the demo and fails on the real page.
- * For those, use a dedicated library; for the 90% case of "fade this in, slide that up, spring the
- * card on hover", this costs a fraction of the bundle.
- *
- * Values are written straight to the element's `style` from the ticker's write phase, outside Vue's
- * reactivity — the same principle `useMotionStyle` documents in `composables/use-motion.ts`. `Motion`
- * and `Draggable` are built on `useAnimate()` (scope-bound imperative animation, auto-stopping the
- * previous run) and `useInView()` (the `whileInView` trigger) rather than calling the ticker
- * primitives from scratch, so cleanup and scope-disposal are inherited for free.
- */
 interface MotionValues {
     opacity?: number;
     x?: number;
@@ -42,6 +22,27 @@ interface MotionTransition {
     /** Use a spring instead of a tween. `true` uses the `smooth` preset. */
     spring?: boolean | SpringOptions | keyof typeof springs;
 }
+
+/**
+ * Declarative motion — the Vue counterpart of `@ansh-ui/react`'s `Motion`/`AnimatePresence`/
+ * `Draggable`.
+ *
+ * A deliberately **small** subset of what a full motion library does: transform properties and
+ * opacity, animated from `initial` to `animate`, plus hover and press states and an exit animation
+ * when paired with `AnimatePresence`.
+ *
+ * That scope is a decision, not a gap. Layout animation (FLIP), shared-element transitions and
+ * variant propagation each need machinery an order of magnitude larger than this file, and a
+ * half-implementation of them is worse than none — it works in the demo and fails on the real page.
+ * For those, use a dedicated library; for the 90% case of "fade this in, slide that up, spring the
+ * card on hover", this costs a fraction of the bundle.
+ *
+ * Values are written straight to the element's `style` from the ticker's write phase, outside Vue's
+ * reactivity — the same principle `useMotionStyle` documents in `composables/use-motion.ts`. `Motion`
+ * and `Draggable` are built on `useAnimate()` (scope-bound imperative animation, auto-stopping the
+ * previous run) and `useInView()` (the `whileInView` trigger) rather than calling the ticker
+ * primitives from scratch, so cleanup and scope-disposal are inherited for free.
+ */
 /**
  * An animated element.
  *
@@ -92,7 +93,7 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     as: {
@@ -139,13 +140,14 @@ declare const Motion: vue.DefineComponent<vue.ExtractPropTypes<{
     as: string;
     initial: MotionValues;
     animate: MotionValues;
-    exit: MotionValues;
     transition: MotionTransition;
+    exit: MotionValues;
     whileHover: MotionValues;
     whileTap: MotionValues;
     whileInView: boolean;
     inViewAmount: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface AnimatePresenceProps {
     /** Seconds to keep a removed child mounted. Default `0.35`. */
     exitDuration?: number;
@@ -181,6 +183,7 @@ declare const AnimatePresence: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     exitDuration: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface DraggableProps {
     /** Constrain movement. */
     axis?: 'x' | 'y' | 'both';
@@ -229,7 +232,7 @@ declare const Draggable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: undefined;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("dragStart" | "dragEnd")[], "dragStart" | "dragEnd", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     axis: {

package/dist/motion.js

@@ -1,4 +1,4 @@
-export { AnimatePresence, AnimatedText, Draggable, GradientText, Motion, MotionConfig, ThemeProvider, themeScript, useMotionConfig, useTheme } from './chunk-6ABPGOJP.js';
+export { AnimatePresence, AnimatedText, Draggable, GradientText, Motion, MotionConfig, ThemeProvider, themeScript, useMotionConfig, useTheme } from './chunk-LFGAOD32.js';
 import './chunk-EVO23GUS.js';
 import './chunk-NJDDNO4C.js';
 //# sourceMappingURL=motion.js.map

package/dist/navigation.d.cts

@@ -130,10 +130,10 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: TabsSize;
-    orientation: TabsOrientation;
     modelValue: string;
     defaultValue: string;
     variant: TabsVariant;
+    orientation: TabsOrientation;
     fitted: boolean;
     activateOnFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -576,9 +576,9 @@ declare const Accordion: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    multiple: boolean;
     modelValue: readonly string[];
     defaultValue: readonly string[];
-    multiple: boolean;
     variant: AccordionVariant;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface DisclosureListProps {

package/dist/navigation.d.ts

@@ -130,10 +130,10 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: TabsSize;
-    orientation: TabsOrientation;
     modelValue: string;
     defaultValue: string;
     variant: TabsVariant;
+    orientation: TabsOrientation;
     fitted: boolean;
     activateOnFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -576,9 +576,9 @@ declare const Accordion: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    multiple: boolean;
     modelValue: readonly string[];
     defaultValue: readonly string[];
-    multiple: boolean;
     variant: AccordionVariant;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 interface DisclosureListProps {

package/dist/overlay.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFK536ZUI_cjs = require('./chunk-FK536ZUI.cjs');
+var chunkEDAF7RAN_cjs = require('./chunk-EDAF7RAN.cjs');
 require('./chunk-DMPNT3MY.cjs');
 require('./chunk-XLLSS464.cjs');
 require('./chunk-MWGVDY6K.cjs');
@@ -11,51 +11,51 @@ require('./chunk-6732H4BQ.cjs');
 
 Object.defineProperty(exports, "AlertDialog", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.AlertDialog; }
+  get: function () { return chunkEDAF7RAN_cjs.AlertDialog; }
 });
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.ContextMenu; }
+  get: function () { return chunkEDAF7RAN_cjs.ContextMenu; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.Dialog; }
+  get: function () { return chunkEDAF7RAN_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.DialogFooter; }
+  get: function () { return chunkEDAF7RAN_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.Drawer; }
+  get: function () { return chunkEDAF7RAN_cjs.Drawer; }
 });
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.DropdownMenu; }
+  get: function () { return chunkEDAF7RAN_cjs.DropdownMenu; }
 });
 Object.defineProperty(exports, "HoverCard", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.HoverCard; }
+  get: function () { return chunkEDAF7RAN_cjs.HoverCard; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.Popover; }
+  get: function () { return chunkEDAF7RAN_cjs.Popover; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.PopoverContent; }
+  get: function () { return chunkEDAF7RAN_cjs.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.PopoverTrigger; }
+  get: function () { return chunkEDAF7RAN_cjs.PopoverTrigger; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.Tooltip; }
+  get: function () { return chunkEDAF7RAN_cjs.Tooltip; }
 });
 Object.defineProperty(exports, "TooltipProvider", {
   enumerable: true,
-  get: function () { return chunkFK536ZUI_cjs.TooltipProvider; }
+  get: function () { return chunkEDAF7RAN_cjs.TooltipProvider; }
 });
 //# sourceMappingURL=overlay.cjs.map
 //# sourceMappingURL=overlay.cjs.map

package/dist/overlay.d.cts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType, Ref, VNode } from 'vue';
+import { PropType, Ref } from 'vue';
 import { Placement } from './index.cjs';
 import { SlotContent } from './index.cjs';
 
@@ -369,9 +369,9 @@ declare const Dialog: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: DialogSize;
-    description: SlotContent;
     open: boolean;
     defaultOpen: boolean;
+    description: SlotContent;
     showClose: boolean;
     dismissable: boolean;
     initialFocus: Ref<HTMLElement | null, HTMLElement | null>;
@@ -594,37 +594,15 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    description: SlotContent;
     side: DrawerSide;
     open: boolean;
     defaultOpen: boolean;
     modal: boolean;
+    description: SlotContent;
     showClose: boolean;
     dismissable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-/**
- * Menus — dropdown and context. The Vue counterpart of `@ansh-ui/react`'s `DropdownMenu` /
- * `ContextMenu`.
- *
- * Data-driven (`:items="[…]"`) rather than compound. Menus are almost always built from a
- * configuration array anyway — permissions filter entries, a selection decides what's enabled — and
- * expressing that as template children means `v-if` scattered through the tree, which breaks keyboard
- * navigation indices in ways that are painful to debug.
- *
- * Follows the ARIA menu pattern, where **DOM focus moves to the item** (unlike a listbox, which
- * keeps focus on the container). That's what makes Right/Left arrow submenu traversal work the way
- * it does in every desktop application.
- *
- * Keyboard navigation (`Home`/`End`/arrows/typeahead) is implemented directly rather than through
- * `useRovingFocus`: that primitive's arrow-key stepping doesn't skip disabled rows, while this menu's
- * navigation must — landing the roving tab stop on a disabled item is the one behaviour the ARIA menu
- * pattern explicitly forbids. The tabindex-per-row wiring below (`0` on the active row, `-1`
- * elsewhere) is the same roving-tabindex shape `useRovingFocus` implements, just with the
- * skip-disabled search this menu needs and the extra keys (`Enter`, `Escape`, `Tab`, typeahead,
- * `ArrowRight`/`ArrowLeft` for submenus) a generic composite widget hook doesn't know about — ported
- * directly from `@ansh-ui/react`'s own hand-rolled `move()`/`activate()`.
- */
 interface MenuItemBase {
     id?: string;
     disabled?: boolean;
@@ -668,6 +646,29 @@ type MenuEntry = MenuAction | MenuCheckbox | MenuRadioGroup | MenuSubmenu | {
     type: 'label';
     label: SlotContent;
 };
+
+/**
+ * Menus — dropdown and context. The Vue counterpart of `@ansh-ui/react`'s `DropdownMenu` /
+ * `ContextMenu`.
+ *
+ * Data-driven (`:items="[…]"`) rather than compound. Menus are almost always built from a
+ * configuration array anyway — permissions filter entries, a selection decides what's enabled — and
+ * expressing that as template children means `v-if` scattered through the tree, which breaks keyboard
+ * navigation indices in ways that are painful to debug.
+ *
+ * Follows the ARIA menu pattern, where **DOM focus moves to the item** (unlike a listbox, which
+ * keeps focus on the container). That's what makes Right/Left arrow submenu traversal work the way
+ * it does in every desktop application.
+ *
+ * Keyboard navigation (`Home`/`End`/arrows/typeahead) is implemented directly rather than through
+ * `useRovingFocus`: that primitive's arrow-key stepping doesn't skip disabled rows, while this menu's
+ * navigation must — landing the roving tab stop on a disabled item is the one behaviour the ARIA menu
+ * pattern explicitly forbids. The tabindex-per-row wiring below (`0` on the active row, `-1`
+ * elsewhere) is the same roving-tabindex shape `useRovingFocus` implements, just with the
+ * skip-disabled search this menu needs and the extra keys (`Enter`, `Escape`, `Tab`, typeahead,
+ * `ArrowRight`/`ArrowLeft` for submenus) a generic composite widget hook doesn't know about — ported
+ * directly from `@ansh-ui/react`'s own hand-rolled `move()`/`activate()`.
+ */
 /**
  * A dropdown menu.
  *
@@ -703,7 +704,7 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:open"[], "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
@@ -735,6 +736,7 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     defaultOpen: boolean;
     placement: Placement;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 /**
  * A right-click menu.
  *
@@ -754,7 +756,7 @@ declare const ContextMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {

package/dist/overlay.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType, Ref, VNode } from 'vue';
+import { PropType, Ref } from 'vue';
 import { Placement } from './index.js';
 import { SlotContent } from './index.js';
 
@@ -369,9 +369,9 @@ declare const Dialog: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: DialogSize;
-    description: SlotContent;
     open: boolean;
     defaultOpen: boolean;
+    description: SlotContent;
     showClose: boolean;
     dismissable: boolean;
     initialFocus: Ref<HTMLElement | null, HTMLElement | null>;
@@ -594,37 +594,15 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    description: SlotContent;
     side: DrawerSide;
     open: boolean;
     defaultOpen: boolean;
     modal: boolean;
+    description: SlotContent;
     showClose: boolean;
     dismissable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-/**
- * Menus — dropdown and context. The Vue counterpart of `@ansh-ui/react`'s `DropdownMenu` /
- * `ContextMenu`.
- *
- * Data-driven (`:items="[…]"`) rather than compound. Menus are almost always built from a
- * configuration array anyway — permissions filter entries, a selection decides what's enabled — and
- * expressing that as template children means `v-if` scattered through the tree, which breaks keyboard
- * navigation indices in ways that are painful to debug.
- *
- * Follows the ARIA menu pattern, where **DOM focus moves to the item** (unlike a listbox, which
- * keeps focus on the container). That's what makes Right/Left arrow submenu traversal work the way
- * it does in every desktop application.
- *
- * Keyboard navigation (`Home`/`End`/arrows/typeahead) is implemented directly rather than through
- * `useRovingFocus`: that primitive's arrow-key stepping doesn't skip disabled rows, while this menu's
- * navigation must — landing the roving tab stop on a disabled item is the one behaviour the ARIA menu
- * pattern explicitly forbids. The tabindex-per-row wiring below (`0` on the active row, `-1`
- * elsewhere) is the same roving-tabindex shape `useRovingFocus` implements, just with the
- * skip-disabled search this menu needs and the extra keys (`Enter`, `Escape`, `Tab`, typeahead,
- * `ArrowRight`/`ArrowLeft` for submenus) a generic composite widget hook doesn't know about — ported
- * directly from `@ansh-ui/react`'s own hand-rolled `move()`/`activate()`.
- */
 interface MenuItemBase {
     id?: string;
     disabled?: boolean;
@@ -668,6 +646,29 @@ type MenuEntry = MenuAction | MenuCheckbox | MenuRadioGroup | MenuSubmenu | {
     type: 'label';
     label: SlotContent;
 };
+
+/**
+ * Menus — dropdown and context. The Vue counterpart of `@ansh-ui/react`'s `DropdownMenu` /
+ * `ContextMenu`.
+ *
+ * Data-driven (`:items="[…]"`) rather than compound. Menus are almost always built from a
+ * configuration array anyway — permissions filter entries, a selection decides what's enabled — and
+ * expressing that as template children means `v-if` scattered through the tree, which breaks keyboard
+ * navigation indices in ways that are painful to debug.
+ *
+ * Follows the ARIA menu pattern, where **DOM focus moves to the item** (unlike a listbox, which
+ * keeps focus on the container). That's what makes Right/Left arrow submenu traversal work the way
+ * it does in every desktop application.
+ *
+ * Keyboard navigation (`Home`/`End`/arrows/typeahead) is implemented directly rather than through
+ * `useRovingFocus`: that primitive's arrow-key stepping doesn't skip disabled rows, while this menu's
+ * navigation must — landing the roving tab stop on a disabled item is the one behaviour the ARIA menu
+ * pattern explicitly forbids. The tabindex-per-row wiring below (`0` on the active row, `-1`
+ * elsewhere) is the same roving-tabindex shape `useRovingFocus` implements, just with the
+ * skip-disabled search this menu needs and the extra keys (`Enter`, `Escape`, `Tab`, typeahead,
+ * `ArrowRight`/`ArrowLeft` for submenus) a generic composite widget hook doesn't know about — ported
+ * directly from `@ansh-ui/react`'s own hand-rolled `move()`/`activate()`.
+ */
 /**
  * A dropdown menu.
  *
@@ -703,7 +704,7 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:open"[], "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
@@ -735,6 +736,7 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     defaultOpen: boolean;
     placement: Placement;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 /**
  * A right-click menu.
  *
@@ -754,7 +756,7 @@ declare const ContextMenu: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {

package/dist/overlay.js

@@ -1,4 +1,4 @@
-export { AlertDialog, ContextMenu, Dialog, DialogFooter, Drawer, DropdownMenu, HoverCard, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider } from './chunk-HIVA75XC.js';
+export { AlertDialog, ContextMenu, Dialog, DialogFooter, Drawer, DropdownMenu, HoverCard, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider } from './chunk-D3HH726R.js';
 import './chunk-6XJOB6LE.js';
 import './chunk-XZ5ZFLZM.js';
 import './chunk-G2OX2NH2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansh-ui/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Ansh for Vue 3 and Nuxt — premium animated components and motion composables.",
   "license": "MIT",
   "type": "module",
@@ -74,8 +74,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@ansh-ui/core": "0.3.0",
-    "@ansh-ui/tokens": "0.3.0"
+    "@ansh-ui/core": "0.4.0",
+    "@ansh-ui/tokens": "0.4.0"
   },
   "peerDependencies": {
     "vue": "^3.4.0"