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

@ark-ui/vue 5.25.1 → 5.26.1

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 (921) hide show

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

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

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

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

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

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

package/dist/components/carousel/carousel-next-trigger.vue.cjs CHANGED Viewed

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

package/dist/components/carousel/carousel-next-trigger.vue.js CHANGED Viewed

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

package/dist/components/carousel/carousel-prev-trigger.vue.cjs CHANGED Viewed

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

package/dist/components/carousel/carousel-prev-trigger.vue.js CHANGED Viewed

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

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

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

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

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

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

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

package/dist/components/carousel/carousel-root.vue.js CHANGED Viewed

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

package/dist/components/checkbox/checkbox-control.vue.cjs CHANGED Viewed

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

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

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

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

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useCheckboxGroupContext.CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs, { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, unref(checkboxAnatomy).build().group.attrs, { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, unref(checkboxAnatomy).build().group.attrs, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/checkbox/checkbox-group.vue.cjs CHANGED Viewed

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useCheckboxGroupContext.CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, { ...vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs }, { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ role: "group" }, { ...vue.unref(checkbox_anatomy.checkboxAnatomy).build().group.attrs }, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/checkbox/checkbox-group.vue.js CHANGED Viewed

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     CheckboxGroupContextProvider(checkboxGroup);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, { ...unref(checkboxAnatomy).build().group.attrs }, { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps({ role: "group" }, { ...unref(checkboxAnatomy).build().group.attrs }, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/checkbox/checkbox-hidden-input.vue.cjs CHANGED Viewed

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).input, vue.mergeProps({
         "aria-describedby": vue.unref(field)?.ariaDescribedby
-      }, vue.unref(checkbox).getHiddenInputProps(), { "as-child": _ctx.asChild }), {
+      }, vue.unref(checkbox).getHiddenInputProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/checkbox/checkbox-hidden-input.vue.js CHANGED Viewed

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).input, mergeProps({
         "aria-describedby": unref(field)?.ariaDescribedby
-      }, unref(checkbox).getHiddenInputProps(), { "as-child": _ctx.asChild }), {
+      }, unref(checkbox).getHiddenInputProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(checkbox).getIndicatorProps(), {
         hidden: !isHidden.value,
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).div, mergeProps(unref(checkbox).getIndicatorProps(), {
         hidden: !isHidden.value,
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

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

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

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

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

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

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

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

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

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

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

package/dist/components/checkbox/checkbox-root.vue.js CHANGED Viewed

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

package/dist/components/clipboard/clipboard-control.vue.cjs CHANGED Viewed

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

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

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

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

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

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

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

package/dist/components/clipboard/clipboard-input.vue.cjs CHANGED Viewed

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

package/dist/components/clipboard/clipboard-input.vue.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/clipboard/clipboard-root.vue.js CHANGED Viewed

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

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

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

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

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

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const clipboard = useClipboardContext.useClipboardContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, { "as-child": _ctx.asChild }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, { "as-child": __props.asChild }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(vue.unref(clipboard).value), 1)

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const clipboard = useClipboardContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).span, { "as-child": _ctx.asChild }, {
+      return openBlock(), createBlock(unref(ark).span, { "as-child": __props.asChild }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(unref(clipboard).value), 1)

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

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

package/dist/components/collapsible/collapsible-content.vue.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

@@ -11,6 +11,8 @@ const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "collapsible-root",
   props: /* @__PURE__ */ vue.mergeDefaults({
+    collapsedHeight: {},
+    collapsedWidth: {},
     defaultOpen: { type: Boolean },
     disabled: { type: Boolean },
     id: {},
@@ -34,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useCollapsibleContext.CollapsibleProvider(collapsible);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(collapsible).getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(collapsible).getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/collapsible/collapsible-root.vue.js CHANGED Viewed

@@ -7,6 +7,8 @@ import { useForwardExpose } from '../../utils/use-forward-expose.js';
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "collapsible-root",
   props: /* @__PURE__ */ mergeDefaults({
+    collapsedHeight: {},
+    collapsedWidth: {},
     defaultOpen: { type: Boolean },
     disabled: { type: Boolean },
     id: {},
@@ -30,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     CollapsibleProvider(collapsible);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(collapsible).getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(collapsible).getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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

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

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

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

package/dist/components/collapsible/collapsible.types.d.cts CHANGED Viewed

@@ -1,5 +1,13 @@
 import type * as collapsible from '@zag-js/collapsible';
 export interface RootProps {
+    /**
+     * The height of the content when collapsed.
+     */
+    collapsedHeight?: number | string;
+    /**
+     * The width of the content when collapsed.
+     */
+    collapsedWidth?: number | string;
     /**
      * The initial open state of the collapsible when rendered.
      * Use when you don't need to control the open state of the collapsible.

package/dist/components/collapsible/collapsible.types.d.ts CHANGED Viewed

@@ -1,5 +1,13 @@
 import type * as collapsible from '@zag-js/collapsible';
 export interface RootProps {
+    /**
+     * The height of the content when collapsed.
+     */
+    collapsedHeight?: number | string;
+    /**
+     * The width of the content when collapsed.
+     */
+    collapsedWidth?: number | string;
     /**
      * The initial open state of the collapsible when rendered.
      * Use when you don't need to control the open state of the collapsible.