npm - @ark-ui/vue - Versions diffs - 5.25.1 → 5.26.0 - Mend

@ark-ui/vue 5.25.1 → 5.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (903) hide show

package/dist/components/scroll-area/scroll-area-thumb.vue.js CHANGED Viewed

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

package/dist/components/scroll-area/scroll-area-viewport.vue.cjs CHANGED Viewed

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

package/dist/components/scroll-area/scroll-area-viewport.vue.js CHANGED Viewed

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

package/dist/components/segment-group/segment-group-indicator.vue.cjs CHANGED Viewed

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(segmentGroup).getIndicatorProps(), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": vue.unref(segmentGroup_anatomy.parts).indicator.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).indicator.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-indicator.vue.js CHANGED Viewed

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).div, mergeProps(unref(segmentGroup).getIndicatorProps(), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": unref(parts).indicator.attrs["data-scope"],
         "data-part": unref(parts).indicator.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-item-control.vue.cjs CHANGED Viewed

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(segmentGroup).getItemControlProps(vue.unref(itemProps)), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": vue.unref(segmentGroup_anatomy.parts).itemControl.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).itemControl.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-item-control.vue.js CHANGED Viewed

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).div, mergeProps(unref(segmentGroup).getItemControlProps(unref(itemProps)), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": unref(parts).itemControl.attrs["data-scope"],
         "data-part": unref(parts).itemControl.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-item-hidden-input.vue.cjs CHANGED Viewed

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

package/dist/components/segment-group/segment-group-item-hidden-input.vue.js CHANGED Viewed

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

package/dist/components/segment-group/segment-group-item-text.vue.cjs CHANGED Viewed

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(segmentGroup).getItemTextProps(vue.unref(itemProps)), {
         "data-scope": vue.unref(segmentGroup_anatomy.parts).itemText.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).itemText.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-item-text.vue.js CHANGED Viewed

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ark).span, mergeProps(unref(segmentGroup).getItemTextProps(unref(itemProps)), {
         "data-scope": unref(parts).itemText.attrs["data-scope"],
         "data-part": unref(parts).itemText.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-item.vue.cjs CHANGED Viewed

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).label, vue.mergeProps(vue.unref(segmentGroup).getItemProps(props), {
         "data-scope": vue.unref(segmentGroup_anatomy.parts).item.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).item.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-item.vue.js CHANGED Viewed

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ark).label, mergeProps(unref(segmentGroup).getItemProps(props), {
         "data-scope": unref(parts).item.attrs["data-scope"],
         "data-part": unref(parts).item.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-label.vue.cjs CHANGED Viewed

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).label, vue.mergeProps(vue.unref(segmentGroup).getLabelProps(), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": vue.unref(segmentGroup_anatomy.parts).label.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).label.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-label.vue.js CHANGED Viewed

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).label, mergeProps(unref(segmentGroup).getLabelProps(), {
-        "as-child": _ctx.asChild,
+        "as-child": __props.asChild,
         "data-scope": unref(parts).label.attrs["data-scope"],
         "data-part": unref(parts).label.attrs["data-part"]
       }), {

package/dist/components/segment-group/segment-group-root-provider.vue.cjs CHANGED Viewed

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(segmentGroup.value.getRootProps(), {
         "data-scope": vue.unref(segmentGroup_anatomy.parts).root.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).root.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-root-provider.vue.js CHANGED Viewed

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ark).div, mergeProps(segmentGroup.value.getRootProps(), {
         "data-scope": unref(parts).root.attrs["data-scope"],
         "data-part": unref(parts).root.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-root.vue.cjs CHANGED Viewed

@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(segmentGroup).getRootProps(), {
         "data-scope": vue.unref(segmentGroup_anatomy.parts).root.attrs["data-scope"],
         "data-part": vue.unref(segmentGroup_anatomy.parts).root.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/segment-group/segment-group-root.vue.js CHANGED Viewed

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ark).div, mergeProps(unref(segmentGroup).getRootProps(), {
         "data-scope": unref(parts).root.attrs["data-scope"],
         "data-part": unref(parts).root.attrs["data-part"],
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/select/index.d.cts CHANGED Viewed

@@ -16,7 +16,7 @@ export { default as SelectLabel, type SelectLabelBaseProps, type SelectLabelProp
 export { default as SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.vue';
 export { default as SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, } from './select-positioner.vue';
 export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
-export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, } from './select-root.vue';
+export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root.vue';
 export { default as SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.vue';
 export { default as SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, } from './select-value-text.vue';
 export { selectAnatomy } from './select.anatomy';

package/dist/components/select/index.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export { default as SelectLabel, type SelectLabelBaseProps, type SelectLabelProp
 export { default as SelectList, type SelectListBaseProps, type SelectListProps } from './select-list.vue';
 export { default as SelectPositioner, type SelectPositionerBaseProps, type SelectPositionerProps, } from './select-positioner.vue';
 export { default as SelectRootProvider, type SelectRootProviderBaseProps, type SelectRootProviderProps, type SelectRootProviderComponent, } from './select-root-provider.vue';
-export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, } from './select-root.vue';
+export { default as SelectRoot, type SelectRootBaseProps, type SelectRootEmits, type SelectRootProps, type SelectRootComponent, type SelectRootComponentProps, } from './select-root.vue';
 export { default as SelectTrigger, type SelectTriggerBaseProps, type SelectTriggerProps } from './select-trigger.vue';
 export { default as SelectValueText, type SelectValueTextBaseProps, type SelectValueTextProps, } from './select-value-text.vue';
 export { selectAnatomy } from './select.anatomy';

package/dist/components/select/select-clear-trigger.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-clear-trigger.vue.js CHANGED Viewed

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

package/dist/components/select/select-content.vue.cjs CHANGED Viewed

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const mergedProps = vue.computed(() => vue$1.mergeProps(select.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/select/select-content.vue.js CHANGED Viewed

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mergedProps = computed(() => mergeProps(select.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/select/select-control.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-control.vue.js CHANGED Viewed

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

package/dist/components/select/select-indicator.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-indicator.vue.js CHANGED Viewed

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

package/dist/components/select/select-item-group-label.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-item-group-label.vue.js CHANGED Viewed

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

package/dist/components/select/select-item-group.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-item-group.vue.js CHANGED Viewed

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

package/dist/components/select/select-item-indicator.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-item-indicator.vue.js CHANGED Viewed

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

package/dist/components/select/select-item-text.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-item-text.vue.js CHANGED Viewed

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

package/dist/components/select/select-item.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-item.vue.js CHANGED Viewed

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

package/dist/components/select/select-label.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-label.vue.js CHANGED Viewed

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

package/dist/components/select/select-list.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-list.vue.js CHANGED Viewed

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

package/dist/components/select/select-positioner.vue.cjs CHANGED Viewed

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     usePresenceContext.PresenceProvider(presence);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(select).getPositionerProps(), { "as-child": _ctx.asChild }), {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, vue.unref(select).getPositionerProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/select/select-positioner.vue.js CHANGED Viewed

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

package/dist/components/select/select-root-provider.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-root-provider.vue.js CHANGED Viewed

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

package/dist/components/select/select-root.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-root.vue.d.cts CHANGED Viewed

@@ -14,7 +14,8 @@ export interface SelectRootProps<T extends CollectionItem> extends SelectRootBas
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
-export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P>) => any;
+export type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P>;
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => any;
 export type { RootEmits as SelectRootEmits } from './select.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/select/select-root.vue.d.ts CHANGED Viewed

@@ -14,7 +14,8 @@ export interface SelectRootProps<T extends CollectionItem> extends SelectRootBas
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
-export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P>) => any;
+export type SelectRootComponentProps<T extends CollectionItem = CollectionItem, P = {}> = Assign<SelectRootProps<T>, P>;
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: SelectRootComponentProps<T, P>) => any;
 export type { RootEmits as SelectRootEmits } from './select.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/select/select-root.vue.js CHANGED Viewed

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

package/dist/components/select/select-trigger.vue.cjs CHANGED Viewed

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

package/dist/components/select/select-trigger.vue.js CHANGED Viewed

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

package/dist/components/select/select-value-text.vue.cjs CHANGED Viewed

@@ -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(select).getValueTextProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(select).getValueTextProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(slots.default?.() || vue.unref(select).valueAsString || props.placeholder), 1)

package/dist/components/select/select-value-text.vue.js CHANGED Viewed

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

package/dist/components/select/select.d.cts CHANGED Viewed

@@ -16,6 +16,6 @@ export { default as Item, type SelectItemProps as ItemProps, type SelectItemBase
 export { default as Label, type SelectLabelProps as LabelProps, type SelectLabelBaseProps as LabelBaseProps, } from './select-label.vue';
 export { default as Positioner, type SelectPositionerProps as PositionerProps, type SelectPositionerBaseProps as PositionerBaseProps, } from './select-positioner.vue';
 export { default as RootProvider, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderBaseProps as RootProviderBaseProps, type SelectRootProviderComponent as RootProviderComponent, } from './select-root-provider.vue';
-export { default as Root, type SelectRootEmits as RootEmits, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, } from './select-root.vue';
+export { default as Root, type SelectRootEmits as RootEmits, type SelectRootBaseProps as RootBaseProps, type SelectRootProps as RootProps, type SelectRootComponent as RootComponent, type SelectRootComponentProps as RootComponentProps, } from './select-root.vue';
 export { default as Trigger, type SelectTriggerProps as TriggerProps, type SelectTriggerBaseProps as TriggerBaseProps, } from './select-trigger.vue';
 export { default as ValueText, type SelectValueTextProps as ValueTextProps, type SelectValueTextBaseProps as ValueTextBaseProps, } from './select-value-text.vue';