@ark-ui/vue 5.25.1 → 5.26.1

package/dist/components/index.cjs

@@ -682,6 +682,7 @@ const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tr
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
 const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
 const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
+const treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-rename-input.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-root-provider.vue.cjs');
@@ -1419,6 +1420,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/components/index.js

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

package/dist/components/json-tree-view/json-tree-view-key-node.vue.cjs

@@ -19,8 +19,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createElementVNode("span", {
           "data-kind": "key",
-          "data-non-enumerable": _ctx.node.isNonEnumerable ? "" : void 0
-        }, vue.toDisplayString(_ctx.showQuotes ? `"${key.value}"` : key.value), 9, _hoisted_1),
+          "data-non-enumerable": __props.node.isNonEnumerable ? "" : void 0
+        }, vue.toDisplayString(__props.showQuotes ? `"${key.value}"` : key.value), 9, _hoisted_1),
         _cache[0] || (_cache[0] = vue.createElementVNode("span", { "data-kind": "colon" }, ":", -1))
       ], 64);
     };

package/dist/components/json-tree-view/json-tree-view-key-node.vue.js

@@ -15,8 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("span", {
           "data-kind": "key",
-          "data-non-enumerable": _ctx.node.isNonEnumerable ? "" : void 0
-        }, toDisplayString(_ctx.showQuotes ? `"${key.value}"` : key.value), 9, _hoisted_1),
+          "data-non-enumerable": __props.node.isNonEnumerable ? "" : void 0
+        }, toDisplayString(__props.showQuotes ? `"${key.value}"` : key.value), 9, _hoisted_1),
         _cache[0] || (_cache[0] = createElementVNode("span", { "data-kind": "colon" }, ":", -1))
       ], 64);
     };

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

@@ -45,8 +45,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_JsonTreeViewNode = vue.resolveComponent("JsonTreeViewNode", true);
       return vue.openBlock(), vue.createBlock(treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default, {
-        node: _ctx.node,
-        "index-path": _ctx.indexPath
+        node: __props.node,
+        "index-path": __props.indexPath
       }, {
         default: vue.withCtx(() => [
           nodeState.value.isBranch ? (vue.openBlock(), vue.createBlock(treeViewBranch_vue_vue_type_script_setup_true_lang.default, {
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     default: vue.withCtx(() => [
                       key.value ? (vue.openBlock(), vue.createBlock(jsonTreeViewKeyNode_vue_vue_type_script_setup_true_lang.default, {
                         key: 0,
-                        node: _ctx.node,
+                        node: __props.node,
                         "show-quotes": vue.unref(options).quotesOnKeys
                       }, null, 8, ["node", "show-quotes"])) : vue.createCommentVNode("", true),
                       vue.createVNode(jsonTreeViewValueNode_vue_vue_type_script_setup_true_lang.default, { node: valueNode.value }, {
@@ -86,11 +86,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, 16),
               vue.createVNode(treeViewBranchContent_vue_vue_type_script_setup_true_lang.default, { "data-scope": "json-tree-view" }, {
                 default: vue.withCtx(() => [
-                  _ctx.$slots.indentGuide ? vue.renderSlot(_ctx.$slots, "indentGuide", { key: 0 }) : _ctx.indentGuide ? (vue.openBlock(), vue.createBlock(treeViewBranchIndentGuide_vue_vue_type_script_setup_true_lang.default, { key: 1 })) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, (child, index) => {
+                  _ctx.$slots.indentGuide ? vue.renderSlot(_ctx.$slots, "indentGuide", { key: 0 }) : __props.indentGuide ? (vue.openBlock(), vue.createBlock(treeViewBranchIndentGuide_vue_vue_type_script_setup_true_lang.default, { key: 1 })) : vue.createCommentVNode("", true),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, (child, index) => {
                     return vue.openBlock(), vue.createBlock(_component_JsonTreeViewNode, vue.mergeProps({ key: index }, { ref_for: true }, _ctx.$props, {
                       node: child,
-                      "index-path": [..._ctx.indexPath, index]
+                      "index-path": [...__props.indexPath, index]
                     }), {
                       arrow: vue.withCtx(() => [
                         vue.renderSlot(_ctx.$slots, "arrow")
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   key.value ? (vue.openBlock(), vue.createBlock(jsonTreeViewKeyNode_vue_vue_type_script_setup_true_lang.default, {
                     key: 0,
-                    node: _ctx.node,
+                    node: __props.node,
                     "show-quotes": vue.unref(options).quotesOnKeys
                   }, null, 8, ["node", "show-quotes"])) : vue.createCommentVNode("", true),
                   vue.createVNode(jsonTreeViewValueNode_vue_vue_type_script_setup_true_lang.default, { node: valueNode.value }, {

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

@@ -41,8 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_JsonTreeViewNode = resolveComponent("JsonTreeViewNode", true);
       return openBlock(), createBlock(_sfc_main$1, {
-        node: _ctx.node,
-        "index-path": _ctx.indexPath
+        node: __props.node,
+        "index-path": __props.indexPath
       }, {
         default: withCtx(() => [
           nodeState.value.isBranch ? (openBlock(), createBlock(_sfc_main$2, {
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       key.value ? (openBlock(), createBlock(_sfc_main$6, {
                         key: 0,
-                        node: _ctx.node,
+                        node: __props.node,
                         "show-quotes": unref(options).quotesOnKeys
                       }, null, 8, ["node", "show-quotes"])) : createCommentVNode("", true),
                       createVNode(_sfc_main$7, { node: valueNode.value }, {
@@ -82,11 +82,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 16),
               createVNode(_sfc_main$8, { "data-scope": "json-tree-view" }, {
                 default: withCtx(() => [
-                  _ctx.$slots.indentGuide ? renderSlot(_ctx.$slots, "indentGuide", { key: 0 }) : _ctx.indentGuide ? (openBlock(), createBlock(_sfc_main$9, { key: 1 })) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, (child, index) => {
+                  _ctx.$slots.indentGuide ? renderSlot(_ctx.$slots, "indentGuide", { key: 0 }) : __props.indentGuide ? (openBlock(), createBlock(_sfc_main$9, { key: 1 })) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, (child, index) => {
                     return openBlock(), createBlock(_component_JsonTreeViewNode, mergeProps({ key: index }, { ref_for: true }, _ctx.$props, {
                       node: child,
-                      "index-path": [..._ctx.indexPath, index]
+                      "index-path": [...__props.indexPath, index]
                     }), {
                       arrow: withCtx(() => [
                         renderSlot(_ctx.$slots, "arrow")
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   key.value ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
-                    node: _ctx.node,
+                    node: __props.node,
                     "show-quotes": unref(options).quotesOnKeys
                   }, null, 8, ["node", "show-quotes"])) : createCommentVNode("", true),
                   createVNode(_sfc_main$7, { node: valueNode.value }, {

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

@@ -34,6 +34,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 }

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

@@ -30,6 +30,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 }

package/dist/components/json-tree-view/json-tree-view-value-node.vue.cjs

@@ -12,23 +12,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_JsonTreeViewValueNode = vue.resolveComponent("JsonTreeViewValueNode", true);
-      return _ctx.node.type === "text" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+      return __props.node.type === "text" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         _ctx.$slots.renderValue ? vue.renderSlot(_ctx.$slots, "renderValue", {
           key: 0,
-          node: _ctx.node
+          node: __props.node
         }, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
+          vue.createTextVNode(vue.toDisplayString(__props.node.value), 1)
         ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.node.value), 1)
+          vue.createTextVNode(vue.toDisplayString(__props.node.value), 1)
         ], 64))
-      ], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.node.tagName), {
+      ], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.node.tagName), {
         key: 1,
-        "data-root": _ctx.node.properties.root ? "" : void 0,
-        "data-type": _ctx.node.properties.nodeType,
-        "data-kind": _ctx.node.properties.kind
+        "data-root": __props.node.properties.root ? "" : void 0,
+        "data-type": __props.node.properties.nodeType,
+        "data-kind": __props.node.properties.kind
       }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, (child, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, (child, index) => {
             return vue.openBlock(), vue.createBlock(_component_JsonTreeViewValueNode, {
               key: index,
               node: child

package/dist/components/json-tree-view/json-tree-view-value-node.vue.js

@@ -8,23 +8,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_JsonTreeViewValueNode = resolveComponent("JsonTreeViewValueNode", true);
-      return _ctx.node.type === "text" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      return __props.node.type === "text" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         _ctx.$slots.renderValue ? renderSlot(_ctx.$slots, "renderValue", {
           key: 0,
-          node: _ctx.node
+          node: __props.node
         }, () => [
-          createTextVNode(toDisplayString(_ctx.node.value), 1)
+          createTextVNode(toDisplayString(__props.node.value), 1)
         ]) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createTextVNode(toDisplayString(_ctx.node.value), 1)
+          createTextVNode(toDisplayString(__props.node.value), 1)
         ], 64))
-      ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.node.tagName), {
+      ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(__props.node.tagName), {
         key: 1,
-        "data-root": _ctx.node.properties.root ? "" : void 0,
-        "data-type": _ctx.node.properties.nodeType,
-        "data-kind": _ctx.node.properties.kind
+        "data-root": __props.node.properties.root ? "" : void 0,
+        "data-type": __props.node.properties.nodeType,
+        "data-kind": __props.node.properties.kind
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, (child, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, (child, index) => {
             return openBlock(), createBlock(_component_JsonTreeViewValueNode, {
               key: index,
               node: child

package/dist/components/listbox/index.d.cts

@@ -11,7 +11,7 @@ export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps,
 export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
 export { default as ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps, } from './listbox-item-text.vue';
 export { default as ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label.vue';
-export { default as ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootEmits, type ListboxRootProps, } from './listbox-root.vue';
+export { default as ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootComponentProps, type ListboxRootEmits, type ListboxRootProps, } from './listbox-root.vue';
 export { default as ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider.vue';
 export { default as ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps, } from './listbox-value-text.vue';
 export { listboxAnatomy } from './listbox.anatomy';

package/dist/components/listbox/index.d.ts

@@ -11,7 +11,7 @@ export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps,
 export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';
 export { default as ListboxItemText, type ListboxItemTextBaseProps, type ListboxItemTextProps, } from './listbox-item-text.vue';
 export { default as ListboxLabel, type ListboxLabelBaseProps, type ListboxLabelProps } from './listbox-label.vue';
-export { default as ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootEmits, type ListboxRootProps, } from './listbox-root.vue';
+export { default as ListboxRoot, type ListboxRootBaseProps, type ListboxRootComponent, type ListboxRootComponentProps, type ListboxRootEmits, type ListboxRootProps, } from './listbox-root.vue';
 export { default as ListboxRootProvider, type ListboxRootProviderBaseProps, type ListboxRootProviderProps, type ListboxRootProviderComponent, } from './listbox-root-provider.vue';
 export { default as ListboxValueText, type ListboxValueTextBaseProps, type ListboxValueTextProps, } from './listbox-value-text.vue';
 export { listboxAnatomy } from './listbox.anatomy';

package/dist/components/listbox/listbox-content.vue.cjs

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

package/dist/components/listbox/listbox-content.vue.js

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

package/dist/components/listbox/listbox-empty.vue.cjs

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(parts).empty.attrs, {
         role: "presentation",
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/listbox/listbox-empty.vue.js

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return isEmpty.value ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(parts).empty.attrs, {
         role: "presentation",
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/listbox/listbox-input.vue.cjs

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

package/dist/components/listbox/listbox-input.vue.js

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

package/dist/components/listbox/listbox-item-group-label.vue.cjs

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

package/dist/components/listbox/listbox-item-group-label.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const itemGroupProps = useListboxItemGroupPropsContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(listbox).getItemGroupLabelProps({ htmlFor: unref(itemGroupProps).id }), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(listbox).getItemGroupLabelProps({ htmlFor: unref(itemGroupProps).id }), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/listbox/listbox-item-group.vue.cjs

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

package/dist/components/listbox/listbox-item-group.vue.js

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

package/dist/components/listbox/listbox-item-indicator.vue.cjs

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

package/dist/components/listbox/listbox-item-indicator.vue.js

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

package/dist/components/listbox/listbox-item-text.vue.cjs

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

package/dist/components/listbox/listbox-item-text.vue.js

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

package/dist/components/listbox/listbox-item.vue.cjs

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useListboxItemContext.ListboxItemProvider(vue.computed(() => listbox.value.getItemState(props)));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(listbox).getItemProps(props), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(listbox).getItemProps(props), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/listbox/listbox-item.vue.js

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

package/dist/components/listbox/listbox-label.vue.cjs

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

package/dist/components/listbox/listbox-label.vue.js

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

package/dist/components/listbox/listbox-root-provider.vue.cjs

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

package/dist/components/listbox/listbox-root-provider.vue.js

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

package/dist/components/listbox/listbox-root.vue.cjs

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

package/dist/components/listbox/listbox-root.vue.d.cts

@@ -12,7 +12,8 @@ export interface ListboxRootProps<T extends CollectionItem> extends ListboxRootB
  */
 HTMLAttributes {
 }
-export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P>) => any;
+export type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P>;
+export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => any;
 export type { RootEmits as ListboxRootEmits } from './listbox.types';
 declare const _default: <T extends CollectionItem>(__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<{

package/dist/components/listbox/listbox-root.vue.d.ts

@@ -12,7 +12,8 @@ export interface ListboxRootProps<T extends CollectionItem> extends ListboxRootB
  */
 HTMLAttributes {
 }
-export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<ListboxRootProps<T>, P>) => any;
+export type ListboxRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<ListboxRootProps<T>, P>;
+export type ListboxRootComponent<P = {}> = <T extends CollectionItem>(props: ListboxRootComponentProps<T, P>) => any;
 export type { RootEmits as ListboxRootEmits } from './listbox.types';
 declare const _default: <T extends CollectionItem>(__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<{

package/dist/components/listbox/listbox-root.vue.js

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

package/dist/components/listbox/listbox-value-text.vue.cjs

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(listbox).getValueTextProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(listbox).getValueTextProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(slots.default?.() || vue.unref(listbox).valueAsString || props.placeholder), 1)

package/dist/components/listbox/listbox-value-text.vue.js

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(listbox).getValueTextProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(listbox).getValueTextProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(slots.default?.() || unref(listbox).valueAsString || props.placeholder), 1)

package/dist/components/listbox/listbox.d.cts

@@ -11,5 +11,5 @@ export { default as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps
 export { default as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item.vue';
 export { default as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label.vue';
 export { default as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider.vue';
-export { default as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootComponent as RootComponent, type ListboxRootEmits as RootEmits, type ListboxRootProps as RootProps, } from './listbox-root.vue';
+export { default as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, type ListboxRootEmits as RootEmits, type ListboxRootProps as RootProps, } from './listbox-root.vue';
 export { default as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text.vue';

package/dist/components/listbox/listbox.d.ts

@@ -11,5 +11,5 @@ export { default as ItemText, type ListboxItemTextBaseProps as ItemTextBaseProps
 export { default as Item, type ListboxItemBaseProps as ItemBaseProps, type ListboxItemProps as ItemProps, } from './listbox-item.vue';
 export { default as Label, type ListboxLabelBaseProps as LabelBaseProps, type ListboxLabelProps as LabelProps, } from './listbox-label.vue';
 export { default as RootProvider, type ListboxRootProviderBaseProps as RootProviderBaseProps, type ListboxRootProviderProps as RootProviderProps, type ListboxRootProviderComponent as RootProviderComponent, } from './listbox-root-provider.vue';
-export { default as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootComponent as RootComponent, type ListboxRootEmits as RootEmits, type ListboxRootProps as RootProps, } from './listbox-root.vue';
+export { default as Root, type ListboxRootBaseProps as RootBaseProps, type ListboxRootComponent as RootComponent, type ListboxRootComponentProps as RootComponentProps, type ListboxRootEmits as RootEmits, type ListboxRootProps as RootProps, } from './listbox-root.vue';
 export { default as ValueText, type ListboxValueTextBaseProps as ValueTextBaseProps, type ListboxValueTextProps as ValueTextProps, } from './listbox-value-text.vue';

package/dist/components/menu/menu-arrow-tip.vue.cjs

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

package/dist/components/menu/menu-arrow-tip.vue.js

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

package/dist/components/menu/menu-arrow.vue.cjs

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

package/dist/components/menu/menu-arrow.vue.js

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

package/dist/components/menu/menu-checkbox-item.vue.cjs

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