@ansh-ui/vue 0.2.0 → 0.3.1

package/dist/navigation.d.cts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { S as SlotContent } from './utils-IKPG3zcC.cjs';
-export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-CQqEmpid.cjs';
+import { SlotContent } from './index.cjs';
+export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-B9zDHMbn.cjs';
 
 interface TabItem {
     id: string;
@@ -138,6 +138,126 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     activateOnFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+/**
+ * Carousel — the Vue counterpart of `@ansh-ui/react`'s `Carousel`.
+ *
+ * Same markup, same class names, same ARIA. The reasoning behind each decision lives in the React
+ * file; the ones that matter for reading this code:
+ *
+ *  - The track is **translated**, not scrolled, so the index stays authoritative and a controlled
+ *    `v-model` cannot fight a scroll position for control of it.
+ *  - `aria-live` is `polite` only while idle and `off` while auto-playing, so a screen reader
+ *    announces changes the user asked for and stays quiet during automatic ones.
+ *  - Auto-play ships a real pause button, because WCAG 2.2.2 is not satisfied by pause-on-hover.
+ *  - Off-screen slides are `inert`, or every control inside them sits in the tab order.
+ *
+ * `v-model` is the active slide index.
+ */
+declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<readonly SlotContent[]>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Wrap past the ends. */
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Advance on a timer. */
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Seconds each slide is held when auto-playing. */
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accessible name for the carousel region. */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<readonly SlotContent[]>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Wrap past the ends. */
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Advance on a timer. */
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Seconds each slide is held when auto-playing. */
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accessible name for the carousel region. */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    loop: boolean;
+    modelValue: number;
+    defaultValue: number;
+    autoPlay: boolean;
+    interval: number;
+    showDots: boolean;
+    showArrows: boolean;
+    draggable: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface Crumb {
     label: SlotContent;
     href?: string;
@@ -456,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 {
@@ -512,4 +632,5 @@ declare const DisclosureList: vue.DefineComponent<vue.ExtractPropTypes<{
     lessLabel: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Accordion, type AccordionItem, type AccordionVariant, Breadcrumbs, Collapsible, type CollapsibleProps, type Crumb, DisclosureList, type DisclosureListProps, type MegaMenuColumn, type MegaMenuLink, type NavMenuItem, NavigationMenu, type Step, Stepper, type StepperOrientation, type TabItem, Tabs, type TabsOrientation, type TabsSize, type TabsVariant };
+export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs };
+export type { AccordionItem, AccordionVariant, CollapsibleProps, Crumb, DisclosureListProps, MegaMenuColumn, MegaMenuLink, NavMenuItem, Step, StepperOrientation, TabItem, TabsOrientation, TabsSize, TabsVariant };

package/dist/navigation.d.ts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { S as SlotContent } from './utils-IKPG3zcC.js';
-export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-CTZ-Ckko.js';
+import { SlotContent } from './index.js';
+export { A as AppShell, N as NavItem, a as NavSection, S as Sidebar } from './sidebar-DMrKHqZ5.js';
 
 interface TabItem {
     id: string;
@@ -138,6 +138,126 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     activateOnFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+/**
+ * Carousel — the Vue counterpart of `@ansh-ui/react`'s `Carousel`.
+ *
+ * Same markup, same class names, same ARIA. The reasoning behind each decision lives in the React
+ * file; the ones that matter for reading this code:
+ *
+ *  - The track is **translated**, not scrolled, so the index stays authoritative and a controlled
+ *    `v-model` cannot fight a scroll position for control of it.
+ *  - `aria-live` is `polite` only while idle and `off` while auto-playing, so a screen reader
+ *    announces changes the user asked for and stays quiet during automatic ones.
+ *  - Auto-play ships a real pause button, because WCAG 2.2.2 is not satisfied by pause-on-hover.
+ *  - Off-screen slides are `inert`, or every control inside them sits in the tab order.
+ *
+ * `v-model` is the active slide index.
+ */
+declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<readonly SlotContent[]>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Wrap past the ends. */
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Advance on a timer. */
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Seconds each slide is held when auto-playing. */
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accessible name for the carousel region. */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    items: {
+        type: PropType<readonly SlotContent[]>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Wrap past the ends. */
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Advance on a timer. */
+    autoPlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Seconds each slide is held when auto-playing. */
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accessible name for the carousel region. */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    loop: boolean;
+    modelValue: number;
+    defaultValue: number;
+    autoPlay: boolean;
+    interval: number;
+    showDots: boolean;
+    showArrows: boolean;
+    draggable: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 interface Crumb {
     label: SlotContent;
     href?: string;
@@ -456,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 {
@@ -512,4 +632,5 @@ declare const DisclosureList: vue.DefineComponent<vue.ExtractPropTypes<{
     lessLabel: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Accordion, type AccordionItem, type AccordionVariant, Breadcrumbs, Collapsible, type CollapsibleProps, type Crumb, DisclosureList, type DisclosureListProps, type MegaMenuColumn, type MegaMenuLink, type NavMenuItem, NavigationMenu, type Step, Stepper, type StepperOrientation, type TabItem, Tabs, type TabsOrientation, type TabsSize, type TabsVariant };
+export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs };
+export type { AccordionItem, AccordionVariant, CollapsibleProps, Crumb, DisclosureListProps, MegaMenuColumn, MegaMenuLink, NavMenuItem, Step, StepperOrientation, TabItem, TabsOrientation, TabsSize, TabsVariant };

package/dist/navigation.js

@@ -1,6 +1,6 @@
-export { Accordion, Breadcrumbs, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs } from './chunk-T425FIC7.js';
+export { Accordion, Breadcrumbs, Carousel, Collapsible, DisclosureList, NavigationMenu, Stepper, Tabs } from './chunk-NKRPZTQA.js';
 export { AppShell, Sidebar } from './chunk-ZGMXOMCB.js';
-import './chunk-TMG3M6TK.js';
+import './chunk-G2OX2NH2.js';
 import './chunk-OAQ7MDYX.js';
 import './chunk-NJDDNO4C.js';
 //# sourceMappingURL=navigation.js.map

package/dist/overlay.cjs

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

package/dist/overlay.d.cts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
-import { PropType, Ref, VNode } from 'vue';
-import { P as Placement } from './position-Cn7qP1pn.cjs';
-import { S as SlotContent } from './utils-IKPG3zcC.cjs';
+import { PropType, Ref } from 'vue';
+import { Placement } from './index.cjs';
+import { SlotContent } from './index.cjs';
 
 declare const Popover: vue.DefineComponent<vue.ExtractPropTypes<{
     open: {
@@ -55,9 +55,9 @@ declare const Popover: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     open: boolean;
+    defaultOpen: boolean;
     placement: Placement;
     offset: number;
-    defaultOpen: boolean;
     modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const PopoverTrigger: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -113,8 +113,8 @@ declare const PopoverContent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     label: string;
-    matchWidth: boolean;
     arrow: boolean;
+    matchWidth: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 /**
  * A rich preview shown on hover — a user card on an @mention, a link preview.
@@ -255,8 +255,8 @@ declare const Tooltip: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     delay: number;
+    disabled: boolean;
     placement: Placement;
     arrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -595,36 +595,14 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     size: string;
     description: SlotContent;
-    open: boolean;
     side: DrawerSide;
+    open: boolean;
     defaultOpen: boolean;
     modal: boolean;
     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: {
@@ -732,9 +733,10 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     label: string;
     open: boolean;
-    placement: Placement;
     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: {
@@ -769,4 +771,5 @@ declare const ContextMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     label: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { AlertDialog, ContextMenu, Dialog, DialogFooter, type DialogSize, Drawer, type DrawerSide, DropdownMenu, HoverCard, type MenuAction, type MenuCheckbox, type MenuEntry, type MenuRadioGroup, type MenuSubmenu, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider };
+export { AlertDialog, ContextMenu, Dialog, DialogFooter, Drawer, DropdownMenu, HoverCard, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider };
+export type { DialogSize, DrawerSide, MenuAction, MenuCheckbox, MenuEntry, MenuRadioGroup, MenuSubmenu };

package/dist/overlay.d.ts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
-import { PropType, Ref, VNode } from 'vue';
-import { P as Placement } from './position-Cn7qP1pn.js';
-import { S as SlotContent } from './utils-IKPG3zcC.js';
+import { PropType, Ref } from 'vue';
+import { Placement } from './index.js';
+import { SlotContent } from './index.js';
 
 declare const Popover: vue.DefineComponent<vue.ExtractPropTypes<{
     open: {
@@ -55,9 +55,9 @@ declare const Popover: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     open: boolean;
+    defaultOpen: boolean;
     placement: Placement;
     offset: number;
-    defaultOpen: boolean;
     modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const PopoverTrigger: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -113,8 +113,8 @@ declare const PopoverContent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     label: string;
-    matchWidth: boolean;
     arrow: boolean;
+    matchWidth: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 /**
  * A rich preview shown on hover — a user card on an @mention, a link preview.
@@ -255,8 +255,8 @@ declare const Tooltip: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     delay: number;
+    disabled: boolean;
     placement: Placement;
     arrow: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -595,36 +595,14 @@ declare const Drawer: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     size: string;
     description: SlotContent;
-    open: boolean;
     side: DrawerSide;
+    open: boolean;
     defaultOpen: boolean;
     modal: boolean;
     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: {
@@ -732,9 +733,10 @@ declare const DropdownMenu: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     label: string;
     open: boolean;
-    placement: Placement;
     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: {
@@ -769,4 +771,5 @@ declare const ContextMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     label: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { AlertDialog, ContextMenu, Dialog, DialogFooter, type DialogSize, Drawer, type DrawerSide, DropdownMenu, HoverCard, type MenuAction, type MenuCheckbox, type MenuEntry, type MenuRadioGroup, type MenuSubmenu, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider };
+export { AlertDialog, ContextMenu, Dialog, DialogFooter, Drawer, DropdownMenu, HoverCard, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipProvider };
+export type { DialogSize, DrawerSide, MenuAction, MenuCheckbox, MenuEntry, MenuRadioGroup, MenuSubmenu };