@ark-ui/vue 5.25.1 → 5.26.0

package/dist/components/tree-view/tree-view-root-provider.vue.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(treeView.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(treeView.value.getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/tree-view/tree-view-root.vue.cjs

@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     selectionMode: {},
     typeahead: { type: Boolean },
     loadChildren: { type: Function },
+    canRename: { type: Function },
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean },
     asChild: { type: Boolean }
@@ -37,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     unmountOnExit: void 0,
     asChild: void 0
   }),
-  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
+  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "renameStart", "beforeRename", "renameComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -46,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(treeView).getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(treeView).getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/tree-view/tree-view-root.vue.d.cts

@@ -4,7 +4,7 @@ import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
-import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
+import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails, RenameStartDetails, RenameCompleteDetails } from '@zag-js/tree-view';
 export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>, 
@@ -13,7 +13,8 @@ export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseP
  */
 HTMLAttributes {
 }
-export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P>) => any;
+export type TreeViewRootComponentProps<T extends TreeNode = TreeNode, P = {}> = Assign<TreeViewRootProps<T>, P>;
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: TreeViewRootComponentProps<T, P>) => any;
 export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -24,16 +25,19 @@ declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<ty
         readonly onSelectionChange?: ((details: SelectionChangeDetails<any>) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
         readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
+        readonly onRenameStart?: ((details: RenameStartDetails<T>) => any) | undefined;
+        readonly onBeforeRename?: ((details: RenameCompleteDetails) => any) | undefined;
+        readonly onRenameComplete?: ((details: RenameCompleteDetails) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onRenameStart" | "onBeforeRename" | "onRenameComplete" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: RenameCompleteDetails) => void) & ((evt: "renameComplete", details: RenameCompleteDetails) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-view/tree-view-root.vue.d.ts

@@ -4,7 +4,7 @@ import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
-import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails } from '@zag-js/tree-view';
+import { FocusChangeDetails, CheckedChangeDetails, ExpandedChangeDetails, SelectionChangeDetails, LoadChildrenCompleteDetails, LoadChildrenErrorDetails, RenameStartDetails, RenameCompleteDetails } from '@zag-js/tree-view';
 export interface TreeViewRootBaseProps<T extends TreeNode> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseProps<T>, 
@@ -13,7 +13,8 @@ export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseP
  */
 HTMLAttributes {
 }
-export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P>) => any;
+export type TreeViewRootComponentProps<T extends TreeNode = TreeNode, P = {}> = Assign<TreeViewRootProps<T>, P>;
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: TreeViewRootComponentProps<T, P>) => any;
 export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -24,16 +25,19 @@ declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<ty
         readonly onSelectionChange?: ((details: SelectionChangeDetails<any>) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
         readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
+        readonly onRenameStart?: ((details: RenameStartDetails<T>) => any) | undefined;
+        readonly onBeforeRename?: ((details: RenameCompleteDetails) => any) | undefined;
+        readonly onRenameComplete?: ((details: RenameCompleteDetails) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:selectedValue"?: ((value: string[]) => any) | undefined;
         readonly "onUpdate:checkedValue"?: ((value: string[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onFocusChange" | "onCheckedChange" | "onUpdate:focusedValue" | "onExpandedChange" | "onSelectionChange" | "onRenameStart" | "onBeforeRename" | "onRenameComplete" | "onLoadChildrenComplete" | "onLoadChildrenError" | "onUpdate:expandedValue" | "onUpdate:selectedValue" | "onUpdate:checkedValue"> & TreeViewRootProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: RenameCompleteDetails) => void) & ((evt: "renameComplete", details: RenameCompleteDetails) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-view/tree-view-root.vue.js

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectionMode: {},
     typeahead: { type: Boolean },
     loadChildren: { type: Function },
+    canRename: { type: Function },
     lazyMount: { type: Boolean },
     unmountOnExit: { type: Boolean },
     asChild: { type: Boolean }
@@ -33,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     unmountOnExit: void 0,
     asChild: void 0
   }),
-  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
+  emits: ["expandedChange", "focusChange", "selectionChange", "checkedChange", "loadChildrenComplete", "loadChildrenError", "renameStart", "beforeRename", "renameComplete", "update:expandedValue", "update:focusedValue", "update:selectedValue", "update:checkedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -42,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(treeView).getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(treeView).getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/tree-view/tree-view-tree.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const treeView = useTreeViewContext.useTreeViewContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(treeView).getTreeProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(treeView).getTreeProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/tree-view/tree-view-tree.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const treeView = useTreeViewContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(treeView).getTreeProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(treeView).getTreeProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/tree-view/tree-view.cjs

@@ -16,6 +16,7 @@ const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view-it
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view-label.vue.cjs');
 const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox.vue.cjs');
 const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view-node-checkbox-indicator.vue.cjs');
+const treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang = require('./tree-view-node-rename-input.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view-root-provider.vue.cjs');
@@ -38,6 +39,7 @@ exports.Item = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.Label = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
 exports.NodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
 exports.NodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.NodeRenameInput = treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang.default;
 exports.NodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.NodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.RootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tree-view/tree-view.d.cts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
+export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
 export { default as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.vue';
 export { default as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.vue';
 export { default as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.vue';
@@ -13,8 +13,9 @@ export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type Tree
 export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
 export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
 export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
+export { default as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
-export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
+export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
 export { default as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.vue';

package/dist/components/tree-view/tree-view.d.ts

@@ -1,4 +1,4 @@
-export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, LoadChildrenDetails, LoadChildrenCompleteDetails, NodeState, NodeProps, } from '@zag-js/tree-view';
+export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
 export { default as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.vue';
 export { default as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.vue';
 export { default as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.vue';
@@ -13,8 +13,9 @@ export { default as Item, type TreeViewItemBaseProps as ItemBaseProps, type Tree
 export { default as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.vue';
 export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.vue';
 export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
+export { default as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
 export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
-export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
+export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
 export { default as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.vue';

package/dist/components/tree-view/tree-view.js

@@ -12,6 +12,7 @@ export { default as Item } from './tree-view-item.vue.js';
 export { default as Label } from './tree-view-label.vue.js';
 export { default as NodeCheckbox } from './tree-view-node-checkbox.vue.js';
 export { default as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator.vue.js';
+export { default as NodeRenameInput } from './tree-view-node-rename-input.vue.js';
 export { default as NodeContext } from './tree-view-node-context.vue.js';
 export { default as NodeProvider } from './tree-view-node-provider.vue.js';
 export { default as RootProvider } from './tree-view-root-provider.vue.js';

package/dist/components/tree-view/tree-view.types.d.cts

@@ -76,6 +76,10 @@ export interface RootProps<T extends TreeNode> {
      * A function that loads the children of a node.
      */
     loadChildren?: (details: treeView.LoadChildrenDetails<T>) => Promise<T[]>;
+    /**
+     * Function to determine if a node can be renamed
+     */
+    canRename?: (node: T, indexPath: number[]) => boolean;
 }
 export type RootEmits<T extends TreeNode> = {
     /**
@@ -102,6 +106,18 @@ export type RootEmits<T extends TreeNode> = {
      * A function that is called when there is an error loading the children.
      */
     loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
+    /**
+     * Called when a node starts being renamed
+     */
+    renameStart: [details: treeView.RenameStartDetails<T>];
+    /**
+     * Called before a rename is completed. Return false to prevent the rename.
+     */
+    beforeRename: [details: treeView.RenameCompleteDetails];
+    /**
+     * Called when a node label rename is completed
+     */
+    renameComplete: [details: treeView.RenameCompleteDetails];
     /**
      * Called when the expanded value changes
      */

package/dist/components/tree-view/tree-view.types.d.ts

@@ -76,6 +76,10 @@ export interface RootProps<T extends TreeNode> {
      * A function that loads the children of a node.
      */
     loadChildren?: (details: treeView.LoadChildrenDetails<T>) => Promise<T[]>;
+    /**
+     * Function to determine if a node can be renamed
+     */
+    canRename?: (node: T, indexPath: number[]) => boolean;
 }
 export type RootEmits<T extends TreeNode> = {
     /**
@@ -102,6 +106,18 @@ export type RootEmits<T extends TreeNode> = {
      * A function that is called when there is an error loading the children.
      */
     loadChildrenError: [details: treeView.LoadChildrenErrorDetails<T>];
+    /**
+     * Called when a node starts being renamed
+     */
+    renameStart: [details: treeView.RenameStartDetails<T>];
+    /**
+     * Called before a rename is completed. Return false to prevent the rename.
+     */
+    beforeRename: [details: treeView.RenameCompleteDetails];
+    /**
+     * Called when a node label rename is completed
+     */
+    renameComplete: [details: treeView.RenameCompleteDetails];
     /**
      * Called when the expanded value changes
      */

package/dist/components/tree-view/use-tree-view.cjs

@@ -66,6 +66,18 @@ const useTreeView = (props, emit) => {
       onLoadChildrenError: (details) => {
         emit?.("loadChildrenError", details);
         localeProps.onLoadChildrenError?.(details);
+      },
+      onRenameStart: (details) => {
+        emit?.("renameStart", details);
+        localeProps.onRenameStart?.(details);
+      },
+      onBeforeRename: (details) => {
+        emit?.("beforeRename", details);
+        return localeProps.onBeforeRename?.(details) ?? true;
+      },
+      onRenameComplete: (details) => {
+        emit?.("renameComplete", details);
+        localeProps.onRenameComplete?.(details);
       }
     };
   });

package/dist/components/tree-view/use-tree-view.js

@@ -43,6 +43,18 @@ const useTreeView = (props, emit) => {
       onLoadChildrenError: (details) => {
         emit?.("loadChildrenError", details);
         localeProps.onLoadChildrenError?.(details);
+      },
+      onRenameStart: (details) => {
+        emit?.("renameStart", details);
+        localeProps.onRenameStart?.(details);
+      },
+      onBeforeRename: (details) => {
+        emit?.("beforeRename", details);
+        return localeProps.onBeforeRename?.(details) ?? true;
+      },
+      onRenameComplete: (details) => {
+        emit?.("renameComplete", details);
+        localeProps.onRenameComplete?.(details);
       }
     };
   });

package/dist/index.cjs

@@ -682,6 +682,7 @@ const treeViewItem_vue_vue_type_script_setup_true_lang = require('./components/t
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-label.vue.cjs');
 const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox.vue.cjs');
 const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-checkbox-indicator.vue.cjs');
+const treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-rename-input.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./components/tree-view/tree-view-root-provider.vue.cjs');
@@ -1431,6 +1432,7 @@ exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeRenameInput = treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/index.js

@@ -725,6 +725,7 @@ export { default as TreeViewItem } from './components/tree-view/tree-view-item.v
 export { default as TreeViewLabel } from './components/tree-view/tree-view-label.vue.js';
 export { default as TreeViewNodeCheckbox } from './components/tree-view/tree-view-node-checkbox.vue.js';
 export { default as TreeViewNodeCheckboxIndicator } from './components/tree-view/tree-view-node-checkbox-indicator.vue.js';
+export { default as TreeViewNodeRenameInput } from './components/tree-view/tree-view-node-rename-input.vue.js';
 export { default as TreeViewNodeContext } from './components/tree-view/tree-view-node-context.vue.js';
 export { default as TreeViewNodeProvider } from './components/tree-view/tree-view-node-provider.vue.js';
 export { default as TreeViewRootProvider } from './components/tree-view/tree-view-root-provider.vue.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.25.1",
+  "version": "5.26.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -148,93 +148,95 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.9.0",
-    "@zag-js/accordion": "1.24.2",
-    "@zag-js/anatomy": "1.24.2",
-    "@zag-js/angle-slider": "1.24.2",
-    "@zag-js/async-list": "1.24.2",
-    "@zag-js/auto-resize": "1.24.2",
-    "@zag-js/avatar": "1.24.2",
-    "@zag-js/bottom-sheet": "1.24.2",
-    "@zag-js/carousel": "1.24.2",
-    "@zag-js/checkbox": "1.24.2",
-    "@zag-js/clipboard": "1.24.2",
-    "@zag-js/collapsible": "1.24.2",
-    "@zag-js/collection": "1.24.2",
-    "@zag-js/color-picker": "1.24.2",
-    "@zag-js/color-utils": "1.24.2",
-    "@zag-js/combobox": "1.24.2",
-    "@zag-js/core": "1.24.2",
-    "@zag-js/date-picker": "1.24.2",
-    "@zag-js/date-utils": "1.24.2",
-    "@zag-js/dialog": "1.24.2",
-    "@zag-js/dom-query": "1.24.2",
-    "@zag-js/editable": "1.24.2",
-    "@zag-js/file-upload": "1.24.2",
-    "@zag-js/file-utils": "1.24.2",
-    "@zag-js/floating-panel": "1.24.2",
-    "@zag-js/focus-trap": "1.24.2",
-    "@zag-js/highlight-word": "1.24.2",
-    "@zag-js/hover-card": "1.24.2",
-    "@zag-js/i18n-utils": "1.24.2",
-    "@zag-js/json-tree-utils": "1.24.2",
-    "@zag-js/listbox": "1.24.2",
-    "@zag-js/menu": "1.24.2",
-    "@zag-js/number-input": "1.24.2",
-    "@zag-js/pagination": "1.24.2",
-    "@zag-js/password-input": "1.24.2",
-    "@zag-js/pin-input": "1.24.2",
-    "@zag-js/popover": "1.24.2",
-    "@zag-js/presence": "1.24.2",
-    "@zag-js/progress": "1.24.2",
-    "@zag-js/qr-code": "1.24.2",
-    "@zag-js/radio-group": "1.24.2",
-    "@zag-js/rating-group": "1.24.2",
-    "@zag-js/scroll-area": "1.24.2",
-    "@zag-js/select": "1.24.2",
-    "@zag-js/signature-pad": "1.24.2",
-    "@zag-js/slider": "1.24.2",
-    "@zag-js/splitter": "1.24.2",
-    "@zag-js/steps": "1.24.2",
-    "@zag-js/switch": "1.24.2",
-    "@zag-js/tabs": "1.24.2",
-    "@zag-js/tags-input": "1.24.2",
-    "@zag-js/timer": "1.24.2",
-    "@zag-js/toast": "1.24.2",
-    "@zag-js/toggle": "1.24.2",
-    "@zag-js/toggle-group": "1.24.2",
-    "@zag-js/tooltip": "1.24.2",
-    "@zag-js/tour": "1.24.2",
-    "@zag-js/tree-view": "1.24.2",
-    "@zag-js/types": "1.24.2",
-    "@zag-js/utils": "1.24.2",
-    "@zag-js/vue": "1.24.2"
+    "@internationalized/date": "3.10.0",
+    "@tanstack/vue-form": "1.23.5",
+    "@zag-js/accordion": "1.26.1",
+    "@zag-js/anatomy": "1.26.1",
+    "@zag-js/angle-slider": "1.26.1",
+    "@zag-js/async-list": "1.26.1",
+    "@zag-js/auto-resize": "1.26.1",
+    "@zag-js/avatar": "1.26.1",
+    "@zag-js/bottom-sheet": "1.26.1",
+    "@zag-js/carousel": "1.26.1",
+    "@zag-js/checkbox": "1.26.1",
+    "@zag-js/clipboard": "1.26.1",
+    "@zag-js/collapsible": "1.26.1",
+    "@zag-js/collection": "1.26.1",
+    "@zag-js/color-picker": "1.26.1",
+    "@zag-js/color-utils": "1.26.1",
+    "@zag-js/combobox": "1.26.1",
+    "@zag-js/core": "1.26.1",
+    "@zag-js/date-picker": "1.26.1",
+    "@zag-js/date-utils": "1.26.1",
+    "@zag-js/dialog": "1.26.1",
+    "@zag-js/dom-query": "1.26.1",
+    "@zag-js/editable": "1.26.1",
+    "@zag-js/file-upload": "1.26.1",
+    "@zag-js/file-utils": "1.26.1",
+    "@zag-js/floating-panel": "1.26.1",
+    "@zag-js/focus-trap": "1.26.1",
+    "@zag-js/highlight-word": "1.26.1",
+    "@zag-js/hover-card": "1.26.1",
+    "@zag-js/i18n-utils": "1.26.1",
+    "@zag-js/json-tree-utils": "1.26.1",
+    "@zag-js/listbox": "1.26.1",
+    "@zag-js/menu": "1.26.1",
+    "@zag-js/number-input": "1.26.1",
+    "@zag-js/pagination": "1.26.1",
+    "@zag-js/password-input": "1.26.1",
+    "@zag-js/pin-input": "1.26.1",
+    "@zag-js/popover": "1.26.1",
+    "@zag-js/presence": "1.26.1",
+    "@zag-js/progress": "1.26.1",
+    "@zag-js/qr-code": "1.26.1",
+    "@zag-js/radio-group": "1.26.1",
+    "@zag-js/rating-group": "1.26.1",
+    "@zag-js/scroll-area": "1.26.1",
+    "@zag-js/select": "1.26.1",
+    "@zag-js/signature-pad": "1.26.1",
+    "@zag-js/slider": "1.26.1",
+    "@zag-js/splitter": "1.26.1",
+    "@zag-js/steps": "1.26.1",
+    "@zag-js/switch": "1.26.1",
+    "@zag-js/tabs": "1.26.1",
+    "@zag-js/tags-input": "1.26.1",
+    "@zag-js/timer": "1.26.1",
+    "@zag-js/toast": "1.26.1",
+    "@zag-js/toggle": "1.26.1",
+    "@zag-js/toggle-group": "1.26.1",
+    "@zag-js/tooltip": "1.26.1",
+    "@zag-js/tour": "1.26.1",
+    "@zag-js/tree-view": "1.26.1",
+    "@zag-js/types": "1.26.1",
+    "@zag-js/utils": "1.26.1",
+    "@zag-js/vue": "1.26.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.4",
+    "@biomejs/biome": "2.2.5",
     "@histoire/plugin-vue": "0.17.17",
     "@testing-library/dom": "10.4.1",
-    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/jest-dom": "6.9.1",
     "@testing-library/user-event": "14.6.1",
     "@testing-library/vue": "8.1.0",
     "@types/jsdom": "21.1.7",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitejs/plugin-vue-jsx": "5.1.1",
-    "@vue/compiler-sfc": "3.5.21",
+    "@vitest/coverage-v8": "3.2.4",
+    "@vue/compiler-sfc": "3.5.22",
+    "check-password-strength": "3.0.0",
     "clean-package": "2.2.0",
-    "image-conversion": "2.1.1",
-    "globby": "14.1.0",
+    "globby": "15.0.0",
     "histoire": "0.17.17",
+    "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
     "lucide-vue-next": "0.544.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "5.9.2",
-    "vite": "7.1.6",
+    "typescript": "5.9.3",
+    "vite": "7.1.9",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
-    "@vitest/coverage-v8": "3.2.4",
-    "vue": "3.5.21",
-    "vue-tsc": "3.0.7"
+    "vue": "3.5.22",
+    "vue-tsc": "3.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"