@ark-ui/vue 5.25.1 → 5.26.0

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")
         ]),

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

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

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

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const mergedProps = vue.computed(() => vue$1.mergeProps(menu.value.getContentProps(), presence.value.presenceProps));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": _ctx.asChild }), {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mergedProps = computed(() => mergeProps(menu.value.getContentProps(), presence.value.presenceProps));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": _ctx.asChild }), {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/menu/menu-context-trigger.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).button, vue.mergeProps(vue.unref(menu).getContextTriggerProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(menu).getContextTriggerProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/menu/menu-context-trigger.vue.js

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

package/dist/components/menu/menu-indicator.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).getIndicatorProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(menu).getIndicatorProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/menu/menu-indicator.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).getIndicatorProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(menu).getIndicatorProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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

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

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

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

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

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

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

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

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

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

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

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

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

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