@ark-ui/vue 5.29.1 → 5.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/anatomy.cjs +5 -0
- package/dist/components/anatomy.d.cts +1 -0
- package/dist/components/anatomy.d.ts +1 -0
- package/dist/components/anatomy.js +1 -0
- package/dist/components/checkbox/use-checkbox-group.cjs +10 -5
- package/dist/components/checkbox/use-checkbox-group.d.cts +2 -2
- package/dist/components/checkbox/use-checkbox-group.d.ts +2 -2
- package/dist/components/checkbox/use-checkbox-group.js +10 -5
- package/dist/components/color-picker/color-picker-root.vue.d.cts +1 -1
- package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.cts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.ts +1 -1
- package/dist/components/date-picker/date-picker-root.vue.cjs +6 -2
- package/dist/components/date-picker/date-picker-root.vue.d.cts +3 -2
- package/dist/components/date-picker/date-picker-root.vue.d.ts +3 -2
- package/dist/components/date-picker/date-picker-root.vue.js +6 -2
- package/dist/components/date-picker/date-picker.types.d.cts +8 -0
- package/dist/components/date-picker/date-picker.types.d.ts +8 -0
- package/dist/components/dialog/dialog-root.vue.d.cts +1 -1
- package/dist/components/dialog/dialog-root.vue.d.ts +1 -1
- package/dist/components/editable/editable-root.vue.d.cts +1 -1
- package/dist/components/editable/editable-root.vue.d.ts +1 -1
- package/dist/components/fieldset/use-fieldset.cjs +5 -0
- package/dist/components/fieldset/use-fieldset.d.cts +5 -0
- package/dist/components/fieldset/use-fieldset.d.ts +5 -0
- package/dist/components/fieldset/use-fieldset.js +5 -0
- package/dist/components/floating-panel/floating-panel-root.vue.d.cts +1 -2
- package/dist/components/floating-panel/floating-panel-root.vue.d.ts +1 -2
- package/dist/components/hover-card/hover-card-root.vue.d.cts +1 -1
- package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -1
- package/dist/components/index.cjs +4 -0
- package/dist/components/index.js +2 -0
- package/dist/components/menu/menu-root.vue.d.cts +1 -1
- package/dist/components/menu/menu-root.vue.d.ts +1 -1
- package/dist/components/navigation-menu/index.cjs +44 -0
- package/dist/components/navigation-menu/index.d.cts +18 -0
- package/dist/components/navigation-menu/index.d.ts +18 -0
- package/dist/components/navigation-menu/index.js +18 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.cjs +29 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue.js +25 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.cjs +57 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.d.cts +21 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.d.ts +21 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue.js +53 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-content.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.cjs +18 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.d.cts +17 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.d.ts +17 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue.js +14 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-context.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.cjs +34 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue.js +30 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-item.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.cjs +38 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue.js +34 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-link.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.cjs +29 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue.js +25 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-list.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.cjs +35 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.d.cts +19 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.d.ts +19 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue.js +31 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.cjs +51 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.cts +29 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +29 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue.js +47 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-root.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.cjs +40 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue.js +36 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.cjs +31 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue.js +27 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.cjs +39 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.cts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.d.ts +20 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue.js +35 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue2.cjs +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.vue2.js +5 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.cts +1 -0
- package/dist/components/navigation-menu/navigation-menu.anatomy.d.ts +1 -0
- package/dist/components/navigation-menu/navigation-menu.cjs +33 -0
- package/dist/components/navigation-menu/navigation-menu.d.cts +14 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +14 -0
- package/dist/components/navigation-menu/navigation-menu.js +13 -0
- package/dist/components/navigation-menu/navigation-menu.types.d.cts +64 -0
- package/dist/components/navigation-menu/navigation-menu.types.d.ts +64 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.cjs +10 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.cts +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.ts +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.js +5 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs +10 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js +5 -0
- package/dist/components/navigation-menu/use-navigation-menu.cjs +53 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.cts +10 -0
- package/dist/components/navigation-menu/use-navigation-menu.d.ts +10 -0
- package/dist/components/navigation-menu/use-navigation-menu.js +30 -0
- package/dist/components/pagination/index.cjs +4 -0
- package/dist/components/pagination/index.d.cts +2 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/pagination-first-trigger.vue.cjs +29 -0
- package/dist/components/pagination/pagination-first-trigger.vue.d.cts +19 -0
- package/dist/components/pagination/pagination-first-trigger.vue.d.ts +19 -0
- package/dist/components/pagination/pagination-first-trigger.vue.js +25 -0
- package/dist/components/pagination/pagination-first-trigger.vue2.cjs +9 -0
- package/dist/components/pagination/pagination-first-trigger.vue2.js +5 -0
- package/dist/components/pagination/pagination-last-trigger.vue.cjs +29 -0
- package/dist/components/pagination/pagination-last-trigger.vue.d.cts +19 -0
- package/dist/components/pagination/pagination-last-trigger.vue.d.ts +19 -0
- package/dist/components/pagination/pagination-last-trigger.vue.js +25 -0
- package/dist/components/pagination/pagination-last-trigger.vue2.cjs +9 -0
- package/dist/components/pagination/pagination-last-trigger.vue2.js +5 -0
- package/dist/components/pagination/pagination.cjs +4 -0
- package/dist/components/pagination/pagination.d.cts +2 -0
- package/dist/components/pagination/pagination.d.ts +2 -0
- package/dist/components/pagination/pagination.js +2 -0
- package/dist/components/popover/popover-root.vue.d.cts +1 -1
- package/dist/components/popover/popover-root.vue.d.ts +1 -1
- package/dist/components/radio-group/radio-group-root.vue.cjs +5 -1
- package/dist/components/radio-group/radio-group-root.vue.d.cts +2 -0
- package/dist/components/radio-group/radio-group-root.vue.d.ts +2 -0
- package/dist/components/radio-group/radio-group-root.vue.js +5 -1
- package/dist/components/radio-group/radio-group.types.d.cts +8 -0
- package/dist/components/radio-group/radio-group.types.d.ts +8 -0
- package/dist/components/radio-group/use-radio-group.cjs +9 -0
- package/dist/components/radio-group/use-radio-group.js +9 -0
- package/dist/components/select/select-root.vue.d.cts +1 -1
- package/dist/components/select/select-root.vue.d.ts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.cts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.ts +1 -1
- package/dist/index.cjs +4 -0
- package/dist/index.js +2 -0
- package/dist/utils/boolean.cjs +9 -0
- package/dist/utils/boolean.d.cts +2 -0
- package/dist/utils/boolean.d.ts +2 -0
- package/dist/utils/boolean.js +5 -0
- package/package.json +72 -71
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { defineComponent, mergeDefaults, computed, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
|
|
3
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useNavigationMenu } from './use-navigation-menu.js';
|
|
6
|
+
import { NavigationMenuProvider } from './use-navigation-menu-context.js';
|
|
7
|
+
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "navigation-menu-root",
|
|
10
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
11
|
+
closeDelay: {},
|
|
12
|
+
defaultValue: {},
|
|
13
|
+
disableClickTrigger: { type: Boolean },
|
|
14
|
+
disableHoverTrigger: { type: Boolean },
|
|
15
|
+
disablePointerLeaveClose: { type: Boolean },
|
|
16
|
+
id: {},
|
|
17
|
+
ids: {},
|
|
18
|
+
openDelay: {},
|
|
19
|
+
orientation: {},
|
|
20
|
+
value: {},
|
|
21
|
+
lazyMount: { type: Boolean },
|
|
22
|
+
unmountOnExit: { type: Boolean }
|
|
23
|
+
}, {
|
|
24
|
+
disableClickTrigger: void 0,
|
|
25
|
+
disableHoverTrigger: void 0,
|
|
26
|
+
disablePointerLeaveClose: void 0
|
|
27
|
+
}),
|
|
28
|
+
emits: ["valueChange", "update:value"],
|
|
29
|
+
setup(__props, { emit: __emit }) {
|
|
30
|
+
const props = __props;
|
|
31
|
+
const emits = __emit;
|
|
32
|
+
const navigationMenu = useNavigationMenu(props, emits);
|
|
33
|
+
NavigationMenuProvider(navigationMenu);
|
|
34
|
+
RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
|
|
35
|
+
useForwardExpose();
|
|
36
|
+
return (_ctx, _cache) => {
|
|
37
|
+
return openBlock(), createBlock(unref(ark).nav, normalizeProps(guardReactiveProps(unref(navigationMenu).getRootProps())), {
|
|
38
|
+
default: withCtx(() => [
|
|
39
|
+
renderSlot(_ctx.$slots, "default")
|
|
40
|
+
]),
|
|
41
|
+
_: 3
|
|
42
|
+
}, 16);
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const navigationMenuRoot_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = navigationMenuRoot_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const utils = require('@zag-js/utils');
|
|
7
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
|
|
10
|
+
const useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
|
|
11
|
+
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
13
|
+
__name: "navigation-menu-trigger",
|
|
14
|
+
props: {
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
asChild: { type: Boolean }
|
|
17
|
+
},
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
|
|
21
|
+
const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
|
|
22
|
+
utils.ensure(itemContext?.value, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
|
|
23
|
+
const triggerProps = vue.computed(() => ({
|
|
24
|
+
...props,
|
|
25
|
+
value: itemContext?.value.value,
|
|
26
|
+
disabled: props.disabled ?? itemContext?.value.disabled
|
|
27
|
+
}));
|
|
28
|
+
useForwardExpose.useForwardExpose();
|
|
29
|
+
return (_ctx, _cache) => {
|
|
30
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(navigationMenu).getTriggerProps(triggerProps.value), { "as-child": __props.asChild }), {
|
|
31
|
+
default: vue.withCtx(() => [
|
|
32
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
33
|
+
]),
|
|
34
|
+
_: 3
|
|
35
|
+
}, 16, ["as-child"]);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ItemProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuTriggerProps extends NavigationMenuTriggerBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ItemProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuTriggerProps extends NavigationMenuTriggerBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ensure } from '@zag-js/utils';
|
|
3
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context.js';
|
|
6
|
+
import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
|
|
7
|
+
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "navigation-menu-trigger",
|
|
10
|
+
props: {
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
asChild: { type: Boolean }
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
const props = __props;
|
|
16
|
+
const navigationMenu = useNavigationMenuContext();
|
|
17
|
+
const itemContext = useNavigationMenuItemPropsContext();
|
|
18
|
+
ensure(itemContext?.value, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
|
|
19
|
+
const triggerProps = computed(() => ({
|
|
20
|
+
...props,
|
|
21
|
+
value: itemContext?.value.value,
|
|
22
|
+
disabled: props.disabled ?? itemContext?.value.disabled
|
|
23
|
+
}));
|
|
24
|
+
useForwardExpose();
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createBlock(unref(ark).button, mergeProps(unref(navigationMenu).getTriggerProps(triggerProps.value), { "as-child": __props.asChild }), {
|
|
27
|
+
default: withCtx(() => [
|
|
28
|
+
renderSlot(_ctx.$slots, "default")
|
|
29
|
+
]),
|
|
30
|
+
_: 3
|
|
31
|
+
}, 16, ["as-child"]);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const navigationMenuTrigger_vue_vue_type_script_setup_true_lang = require('./navigation-menu-trigger.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = navigationMenuTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
|
|
8
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
9
|
+
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "navigation-menu-viewport-positioner",
|
|
12
|
+
props: {
|
|
13
|
+
align: {},
|
|
14
|
+
asChild: { type: Boolean }
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
|
|
19
|
+
useForwardExpose.useForwardExpose();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(navigationMenu).getViewportPositionerProps(props), { "as-child": __props.asChild }), {
|
|
22
|
+
default: vue.withCtx(() => [
|
|
23
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["as-child"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ViewportProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuViewportPositionerProps extends NavigationMenuViewportPositionerBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportPositionerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ViewportProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuViewportPositionerProps extends NavigationMenuViewportPositionerBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportPositionerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context.js';
|
|
4
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
5
|
+
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "navigation-menu-viewport-positioner",
|
|
8
|
+
props: {
|
|
9
|
+
align: {},
|
|
10
|
+
asChild: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const navigationMenu = useNavigationMenuContext();
|
|
15
|
+
useForwardExpose();
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return openBlock(), createBlock(unref(ark).div, mergeProps(unref(navigationMenu).getViewportPositionerProps(props), { "as-child": __props.asChild }), {
|
|
18
|
+
default: withCtx(() => [
|
|
19
|
+
renderSlot(_ctx.$slots, "default")
|
|
20
|
+
]),
|
|
21
|
+
_: 3
|
|
22
|
+
}, 16, ["as-child"]);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport-positioner.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const vue$1 = require('@zag-js/vue');
|
|
7
|
+
const factory = require('../factory.cjs');
|
|
8
|
+
const usePresence = require('../presence/use-presence.cjs');
|
|
9
|
+
const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
|
|
10
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
11
|
+
const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
|
|
12
|
+
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
14
|
+
__name: "navigation-menu-viewport",
|
|
15
|
+
props: {
|
|
16
|
+
align: {},
|
|
17
|
+
asChild: { type: Boolean }
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
|
|
22
|
+
const renderStrategy = useRenderStrategy.useRenderStrategyProps();
|
|
23
|
+
const presence = usePresence.usePresence(vue.computed(() => ({ ...renderStrategy.value, present: navigationMenu.value.open })));
|
|
24
|
+
const mergedProps = vue.computed(
|
|
25
|
+
() => vue$1.mergeProps(navigationMenu.value.getViewportProps(props), presence.value.presenceProps)
|
|
26
|
+
);
|
|
27
|
+
useForwardExpose.useForwardExpose();
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
|
|
30
|
+
default: vue.withCtx(() => [
|
|
31
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
32
|
+
]),
|
|
33
|
+
_: 3
|
|
34
|
+
}, 16, ["as-child"])) : vue.createCommentVNode("", true);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ViewportProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuViewportProps extends NavigationMenuViewportBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ViewportProps } from '@zag-js/navigation-menu';
|
|
2
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { PolymorphicProps } from '../factory';
|
|
4
|
+
export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuViewportProps extends NavigationMenuViewportBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<NavigationMenuViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NavigationMenuViewportProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { mergeProps } from '@zag-js/vue';
|
|
3
|
+
import { ark } from '../factory.js';
|
|
4
|
+
import { usePresence } from '../presence/use-presence.js';
|
|
5
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context.js';
|
|
6
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
7
|
+
import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
|
|
8
|
+
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "navigation-menu-viewport",
|
|
11
|
+
props: {
|
|
12
|
+
align: {},
|
|
13
|
+
asChild: { type: Boolean }
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const navigationMenu = useNavigationMenuContext();
|
|
18
|
+
const renderStrategy = useRenderStrategyProps();
|
|
19
|
+
const presence = usePresence(computed(() => ({ ...renderStrategy.value, present: navigationMenu.value.open })));
|
|
20
|
+
const mergedProps = computed(
|
|
21
|
+
() => mergeProps(navigationMenu.value.getViewportProps(props), presence.value.presenceProps)
|
|
22
|
+
);
|
|
23
|
+
useForwardExpose();
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
|
|
26
|
+
default: withCtx(() => [
|
|
27
|
+
renderSlot(_ctx.$slots, "default")
|
|
28
|
+
]),
|
|
29
|
+
_: 3
|
|
30
|
+
}, 16, ["as-child"])) : createCommentVNode("", true);
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const navigationMenuViewport_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = navigationMenuViewport_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const navigationMenuArrow_vue_vue_type_script_setup_true_lang = require('./navigation-menu-arrow.vue.cjs');
|
|
6
|
+
const navigationMenuContent_vue_vue_type_script_setup_true_lang = require('./navigation-menu-content.vue.cjs');
|
|
7
|
+
const navigationMenuContext_vue_vue_type_script_setup_true_lang = require('./navigation-menu-context.vue.cjs');
|
|
8
|
+
const navigationMenuIndicator_vue_vue_type_script_setup_true_lang = require('./navigation-menu-indicator.vue.cjs');
|
|
9
|
+
const navigationMenuItem_vue_vue_type_script_setup_true_lang = require('./navigation-menu-item.vue.cjs');
|
|
10
|
+
const navigationMenuItemIndicator_vue_vue_type_script_setup_true_lang = require('./navigation-menu-item-indicator.vue.cjs');
|
|
11
|
+
const navigationMenuLink_vue_vue_type_script_setup_true_lang = require('./navigation-menu-link.vue.cjs');
|
|
12
|
+
const navigationMenuList_vue_vue_type_script_setup_true_lang = require('./navigation-menu-list.vue.cjs');
|
|
13
|
+
const navigationMenuRootProvider_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root-provider.vue.cjs');
|
|
14
|
+
const navigationMenuRoot_vue_vue_type_script_setup_true_lang = require('./navigation-menu-root.vue.cjs');
|
|
15
|
+
const navigationMenuTrigger_vue_vue_type_script_setup_true_lang = require('./navigation-menu-trigger.vue.cjs');
|
|
16
|
+
const navigationMenuViewport_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport.vue.cjs');
|
|
17
|
+
const navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang = require('./navigation-menu-viewport-positioner.vue.cjs');
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
exports.Arrow = navigationMenuArrow_vue_vue_type_script_setup_true_lang.default;
|
|
22
|
+
exports.Content = navigationMenuContent_vue_vue_type_script_setup_true_lang.default;
|
|
23
|
+
exports.Context = navigationMenuContext_vue_vue_type_script_setup_true_lang.default;
|
|
24
|
+
exports.Indicator = navigationMenuIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
25
|
+
exports.Item = navigationMenuItem_vue_vue_type_script_setup_true_lang.default;
|
|
26
|
+
exports.ItemIndicator = navigationMenuItemIndicator_vue_vue_type_script_setup_true_lang.default;
|
|
27
|
+
exports.Link = navigationMenuLink_vue_vue_type_script_setup_true_lang.default;
|
|
28
|
+
exports.List = navigationMenuList_vue_vue_type_script_setup_true_lang.default;
|
|
29
|
+
exports.RootProvider = navigationMenuRootProvider_vue_vue_type_script_setup_true_lang.default;
|
|
30
|
+
exports.Root = navigationMenuRoot_vue_vue_type_script_setup_true_lang.default;
|
|
31
|
+
exports.Trigger = navigationMenuTrigger_vue_vue_type_script_setup_true_lang.default;
|
|
32
|
+
exports.Viewport = navigationMenuViewport_vue_vue_type_script_setup_true_lang.default;
|
|
33
|
+
exports.ViewportPositioner = navigationMenuViewportPositioner_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type { ValueChangeDetails } from '@zag-js/navigation-menu';
|
|
2
|
+
export { default as Arrow, type NavigationMenuArrowProps as ArrowProps, type NavigationMenuArrowBaseProps as ArrowBaseProps, } from './navigation-menu-arrow.vue';
|
|
3
|
+
export { default as Content, type NavigationMenuContentProps as ContentProps, type NavigationMenuContentBaseProps as ContentBaseProps, } from './navigation-menu-content.vue';
|
|
4
|
+
export { default as Context, type NavigationMenuContextProps as ContextProps } from './navigation-menu-context.vue';
|
|
5
|
+
export { default as Indicator, type NavigationMenuIndicatorProps as IndicatorProps, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, } from './navigation-menu-indicator.vue';
|
|
6
|
+
export { default as Item, type NavigationMenuItemProps as ItemProps, type NavigationMenuItemBaseProps as ItemBaseProps, } from './navigation-menu-item.vue';
|
|
7
|
+
export { default as ItemIndicator, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './navigation-menu-item-indicator.vue';
|
|
8
|
+
export { default as Link, type NavigationMenuLinkProps as LinkProps, type NavigationMenuLinkBaseProps as LinkBaseProps, } from './navigation-menu-link.vue';
|
|
9
|
+
export { default as List, type NavigationMenuListProps as ListProps, type NavigationMenuListBaseProps as ListBaseProps, } from './navigation-menu-list.vue';
|
|
10
|
+
export { default as RootProvider, type NavigationMenuRootProviderProps as RootProviderProps, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, } from './navigation-menu-root-provider.vue';
|
|
11
|
+
export { default as Root, type NavigationMenuRootEmits as RootEmits, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root.vue';
|
|
12
|
+
export { default as Trigger, type NavigationMenuTriggerProps as TriggerProps, type NavigationMenuTriggerBaseProps as TriggerBaseProps, } from './navigation-menu-trigger.vue';
|
|
13
|
+
export { default as Viewport, type NavigationMenuViewportProps as ViewportProps, type NavigationMenuViewportBaseProps as ViewportBaseProps, } from './navigation-menu-viewport.vue';
|
|
14
|
+
export { default as ViewportPositioner, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, } from './navigation-menu-viewport-positioner.vue';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type { ValueChangeDetails } from '@zag-js/navigation-menu';
|
|
2
|
+
export { default as Arrow, type NavigationMenuArrowProps as ArrowProps, type NavigationMenuArrowBaseProps as ArrowBaseProps, } from './navigation-menu-arrow.vue';
|
|
3
|
+
export { default as Content, type NavigationMenuContentProps as ContentProps, type NavigationMenuContentBaseProps as ContentBaseProps, } from './navigation-menu-content.vue';
|
|
4
|
+
export { default as Context, type NavigationMenuContextProps as ContextProps } from './navigation-menu-context.vue';
|
|
5
|
+
export { default as Indicator, type NavigationMenuIndicatorProps as IndicatorProps, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, } from './navigation-menu-indicator.vue';
|
|
6
|
+
export { default as Item, type NavigationMenuItemProps as ItemProps, type NavigationMenuItemBaseProps as ItemBaseProps, } from './navigation-menu-item.vue';
|
|
7
|
+
export { default as ItemIndicator, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './navigation-menu-item-indicator.vue';
|
|
8
|
+
export { default as Link, type NavigationMenuLinkProps as LinkProps, type NavigationMenuLinkBaseProps as LinkBaseProps, } from './navigation-menu-link.vue';
|
|
9
|
+
export { default as List, type NavigationMenuListProps as ListProps, type NavigationMenuListBaseProps as ListBaseProps, } from './navigation-menu-list.vue';
|
|
10
|
+
export { default as RootProvider, type NavigationMenuRootProviderProps as RootProviderProps, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, } from './navigation-menu-root-provider.vue';
|
|
11
|
+
export { default as Root, type NavigationMenuRootEmits as RootEmits, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root.vue';
|
|
12
|
+
export { default as Trigger, type NavigationMenuTriggerProps as TriggerProps, type NavigationMenuTriggerBaseProps as TriggerBaseProps, } from './navigation-menu-trigger.vue';
|
|
13
|
+
export { default as Viewport, type NavigationMenuViewportProps as ViewportProps, type NavigationMenuViewportBaseProps as ViewportBaseProps, } from './navigation-menu-viewport.vue';
|
|
14
|
+
export { default as ViewportPositioner, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, } from './navigation-menu-viewport-positioner.vue';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { default as Arrow } from './navigation-menu-arrow.vue.js';
|
|
2
|
+
export { default as Content } from './navigation-menu-content.vue.js';
|
|
3
|
+
export { default as Context } from './navigation-menu-context.vue.js';
|
|
4
|
+
export { default as Indicator } from './navigation-menu-indicator.vue.js';
|
|
5
|
+
export { default as Item } from './navigation-menu-item.vue.js';
|
|
6
|
+
export { default as ItemIndicator } from './navigation-menu-item-indicator.vue.js';
|
|
7
|
+
export { default as Link } from './navigation-menu-link.vue.js';
|
|
8
|
+
export { default as List } from './navigation-menu-list.vue.js';
|
|
9
|
+
export { default as RootProvider } from './navigation-menu-root-provider.vue.js';
|
|
10
|
+
export { default as Root } from './navigation-menu-root.vue.js';
|
|
11
|
+
export { default as Trigger } from './navigation-menu-trigger.vue.js';
|
|
12
|
+
export { default as Viewport } from './navigation-menu-viewport.vue.js';
|
|
13
|
+
export { default as ViewportPositioner } from './navigation-menu-viewport-positioner.vue.js';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type * as navigationMenu from '@zag-js/navigation-menu';
|
|
2
|
+
export interface RootProps {
|
|
3
|
+
/**
|
|
4
|
+
* The delay before the menu closes
|
|
5
|
+
* @default 300
|
|
6
|
+
*/
|
|
7
|
+
closeDelay?: number;
|
|
8
|
+
/**
|
|
9
|
+
* The default value of the navigation menu.
|
|
10
|
+
* Use when you don't want to control the value of the menu.
|
|
11
|
+
*/
|
|
12
|
+
defaultValue?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Whether to disable the click trigger
|
|
15
|
+
*/
|
|
16
|
+
disableClickTrigger?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether to disable the hover trigger
|
|
19
|
+
*/
|
|
20
|
+
disableHoverTrigger?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Whether to disable the pointer leave close
|
|
23
|
+
*/
|
|
24
|
+
disablePointerLeaveClose?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* The unique identifier of the machine.
|
|
27
|
+
*/
|
|
28
|
+
id?: string;
|
|
29
|
+
/**
|
|
30
|
+
* The ids of the elements in the machine.
|
|
31
|
+
*/
|
|
32
|
+
ids?: Partial<{
|
|
33
|
+
root: string;
|
|
34
|
+
list: string;
|
|
35
|
+
item: string;
|
|
36
|
+
trigger: (value: string) => string;
|
|
37
|
+
content: (value: string) => string;
|
|
38
|
+
viewport: string;
|
|
39
|
+
}>;
|
|
40
|
+
/**
|
|
41
|
+
* The delay before the menu opens
|
|
42
|
+
* @default 200
|
|
43
|
+
*/
|
|
44
|
+
openDelay?: number;
|
|
45
|
+
/**
|
|
46
|
+
* The orientation of the navigation menu
|
|
47
|
+
* @default "horizontal"
|
|
48
|
+
*/
|
|
49
|
+
orientation?: 'horizontal' | 'vertical';
|
|
50
|
+
/**
|
|
51
|
+
* The controlled value of the navigation menu
|
|
52
|
+
*/
|
|
53
|
+
value?: string;
|
|
54
|
+
}
|
|
55
|
+
export type RootEmits = {
|
|
56
|
+
/**
|
|
57
|
+
* Function called when the value of the navigation menu changes
|
|
58
|
+
*/
|
|
59
|
+
valueChange: [details: navigationMenu.ValueChangeDetails];
|
|
60
|
+
/**
|
|
61
|
+
* The callback fired when the model value changes.
|
|
62
|
+
*/
|
|
63
|
+
'update:value': [value: string];
|
|
64
|
+
};
|