@ark-ui/vue 5.25.0 → 5.26.0

package/dist/components/tree-view/tree-view-node-rename-input.vue.d.cts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeRenameInputProps extends TreeViewNodeRenameInputBaseProps, 
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeRenameInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeRenameInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-rename-input.vue.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface TreeViewNodeRenameInputBaseProps extends PolymorphicProps {
+}
+export interface TreeViewNodeRenameInputProps extends TreeViewNodeRenameInputBaseProps, 
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<TreeViewNodeRenameInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TreeViewNodeRenameInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tree-view/tree-view-node-rename-input.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { ark } from '../factory.js';
+import { useTreeViewContext } from './use-tree-view-context.js';
+import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tree-view-node-rename-input",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const treeView = useTreeViewContext();
+    const nodeProps = useTreeViewNodePropsContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).input, mergeProps(unref(treeView).getNodeRenameInputProps(unref(nodeProps)), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tree-view/tree-view-node-rename-input.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang = require('./tree-view-node-rename-input.vue.cjs');
+
+
+
+exports.default = treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tree-view/tree-view-node-rename-input.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tree-view-node-rename-input.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -23,7 +23,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(treeView.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(treeView.value.getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -35,6 +35,19 @@ const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
 const useAvatar = require('./components/avatar/use-avatar.cjs');
 const avatarRootProvider_vue_vue_type_script_setup_true_lang = require('./components/avatar/avatar-root-provider.vue.cjs');
 const avatar$1 = require('./components/avatar/avatar.cjs');
+const bottomSheetBackdrop_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-backdrop.vue.cjs');
+const bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-close-trigger.vue.cjs');
+const bottomSheetContent_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-content.vue.cjs');
+const bottomSheetContext_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-context.vue.cjs');
+const bottomSheetGrabber_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-grabber.vue.cjs');
+const bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-grabber-indicator.vue.cjs');
+const bottomSheetRoot_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-root.vue.cjs');
+const bottomSheetRootProvider_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-root-provider.vue.cjs');
+const bottomSheetTitle_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-title.vue.cjs');
+const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./components/bottom-sheet/bottom-sheet-trigger.vue.cjs');
+const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
+const bottomSheet$1 = require('./components/bottom-sheet/bottom-sheet.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./components/carousel/carousel-control.vue.cjs');
@@ -669,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');
@@ -693,6 +707,7 @@ const useForwardPropsEmits = require('./utils/use-forward-props-emits.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
+const bottomSheet = require('@zag-js/bottom-sheet');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
@@ -761,6 +776,19 @@ exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.useAvatar = useAvatar.useAvatar;
 exports.AvatarRootProvider = avatarRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.Avatar = avatar$1;
+exports.BottomSheetBackdrop = bottomSheetBackdrop_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContent = bottomSheetContent_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContext = bottomSheetContext_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabber = bottomSheetGrabber_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRoot = bottomSheetRoot_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRootProvider = bottomSheetRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTitle = bottomSheetTitle_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTrigger = bottomSheetTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.useBottomSheet = useBottomSheet.useBottomSheet;
+exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
+exports.BottomSheet = bottomSheet$1;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselContext = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselControl = carouselControl_vue_vue_type_script_setup_true_lang.default;
@@ -1404,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;
@@ -1442,6 +1471,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+	enumerable: true,
+	get: () => bottomSheet.anatomy
+});
 Object.defineProperty(exports, "carouselAnatomy", {
 	enumerable: true,
 	get: () => carousel.anatomy

package/dist/index.js

@@ -34,6 +34,20 @@ export { useAvatar } from './components/avatar/use-avatar.js';
 export { default as AvatarRootProvider } from './components/avatar/avatar-root-provider.vue.js';
 import * as avatar from './components/avatar/avatar.js';
 export { avatar as Avatar };
+export { default as BottomSheetBackdrop } from './components/bottom-sheet/bottom-sheet-backdrop.vue.js';
+export { default as BottomSheetCloseTrigger } from './components/bottom-sheet/bottom-sheet-close-trigger.vue.js';
+export { default as BottomSheetContent } from './components/bottom-sheet/bottom-sheet-content.vue.js';
+export { default as BottomSheetContext } from './components/bottom-sheet/bottom-sheet-context.vue.js';
+export { default as BottomSheetGrabber } from './components/bottom-sheet/bottom-sheet-grabber.vue.js';
+export { default as BottomSheetGrabberIndicator } from './components/bottom-sheet/bottom-sheet-grabber-indicator.vue.js';
+export { default as BottomSheetRoot } from './components/bottom-sheet/bottom-sheet-root.vue.js';
+export { default as BottomSheetRootProvider } from './components/bottom-sheet/bottom-sheet-root-provider.vue.js';
+export { default as BottomSheetTitle } from './components/bottom-sheet/bottom-sheet-title.vue.js';
+export { default as BottomSheetTrigger } from './components/bottom-sheet/bottom-sheet-trigger.vue.js';
+export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
+export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
+import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
+export { bottomSheet as BottomSheet };
 export { default as CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './components/carousel/carousel-context.vue.js';
 export { default as CarouselControl } from './components/carousel/carousel-control.vue.js';
@@ -711,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';
@@ -736,6 +751,7 @@ export { useForwardPropsEmits } from './utils/use-forward-props-emits.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';