@ark-ui/vue 5.25.0 → 5.26.0

package/dist/components/file-upload/file-upload-root.vue.js

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

package/dist/components/file-upload/file-upload-trigger.vue.cjs

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

package/dist/components/file-upload/file-upload-trigger.vue.js

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

package/dist/components/floating-panel/floating-panel-body.vue.cjs

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

package/dist/components/floating-panel/floating-panel-body.vue.js

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

package/dist/components/floating-panel/floating-panel-close-trigger.vue.cjs

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

package/dist/components/floating-panel/floating-panel-close-trigger.vue.js

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

package/dist/components/floating-panel/floating-panel-content.vue.cjs

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

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

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

package/dist/components/floating-panel/floating-panel-control.vue.js

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

package/dist/components/floating-panel/floating-panel-drag-trigger.vue.cjs

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

package/dist/components/floating-panel/floating-panel-drag-trigger.vue.js

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

package/dist/components/floating-panel/floating-panel-header.vue.cjs

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

package/dist/components/floating-panel/floating-panel-header.vue.js

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

package/dist/components/floating-panel/floating-panel-positioner.vue.cjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const presence = usePresenceContext.usePresenceContext();
     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(floatingPanel).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(floatingPanel).getPositionerProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/floating-panel/floating-panel-positioner.vue.js

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

package/dist/components/floating-panel/floating-panel-resize-trigger.vue.cjs

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

package/dist/components/floating-panel/floating-panel-resize-trigger.vue.js

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

package/dist/components/floating-panel/floating-panel-stage-trigger.vue.cjs

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

package/dist/components/floating-panel/floating-panel-stage-trigger.vue.js

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

package/dist/components/floating-panel/floating-panel-title.vue.cjs

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

package/dist/components/floating-panel/floating-panel-title.vue.js

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

package/dist/components/floating-panel/floating-panel-trigger.vue.cjs

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

package/dist/components/floating-panel/floating-panel-trigger.vue.js

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

package/dist/components/focus-trap/focus-trap.vue.cjs

@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, {
         ref_key: "nodeRef",
         ref: nodeRef,
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/components/focus-trap/focus-trap.vue.js

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ark).div, {
         ref_key: "nodeRef",
         ref: nodeRef,
-        "as-child": _ctx.asChild
+        "as-child": __props.asChild
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/components/format/format-byte.vue.cjs

@@ -11,6 +11,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     unit: {},
     unitDisplay: {},
+    unitSystem: {},
     value: {}
   },
   setup(__props) {

package/dist/components/format/format-byte.vue.d.cts

@@ -8,6 +8,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary';
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.vue.d.ts

@@ -8,6 +8,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary';
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.vue.js

@@ -7,6 +7,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     unit: {},
     unitDisplay: {},
+    unitSystem: {},
     value: {}
   },
   setup(__props) {

package/dist/components/hover-card/hover-card-arrow-tip.vue.cjs

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

package/dist/components/hover-card/hover-card-arrow-tip.vue.js

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

package/dist/components/hover-card/hover-card-arrow.vue.cjs

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

package/dist/components/hover-card/hover-card-arrow.vue.js

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

package/dist/components/hover-card/hover-card-content.vue.cjs

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mergedProps = computed(() => mergeProps(hoverCard.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/hover-card/hover-card-positioner.vue.cjs

@@ -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(hoverCard).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(hoverCard).getPositionerProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/hover-card/hover-card-positioner.vue.js

@@ -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(hoverCard).getPositionerProps(), { "as-child": _ctx.asChild }), {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps({ key: 0 }, unref(hoverCard).getPositionerProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/hover-card/hover-card-trigger.vue.cjs

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

package/dist/components/hover-card/hover-card-trigger.vue.js

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

package/dist/components/index.cjs

@@ -35,6 +35,19 @@ const useAvatarContext = require('./avatar/use-avatar-context.cjs');
 const useAvatar = require('./avatar/use-avatar.cjs');
 const avatarRootProvider_vue_vue_type_script_setup_true_lang = require('./avatar/avatar-root-provider.vue.cjs');
 const avatar$1 = require('./avatar/avatar.cjs');
+const bottomSheetBackdrop_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-backdrop.vue.cjs');
+const bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-close-trigger.vue.cjs');
+const bottomSheetContent_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-content.vue.cjs');
+const bottomSheetContext_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-context.vue.cjs');
+const bottomSheetGrabber_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-grabber.vue.cjs');
+const bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-grabber-indicator.vue.cjs');
+const bottomSheetRoot_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-root.vue.cjs');
+const bottomSheetRootProvider_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-root-provider.vue.cjs');
+const bottomSheetTitle_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-title.vue.cjs');
+const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-trigger.vue.cjs');
+const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
+const bottomSheet$1 = require('./bottom-sheet/bottom-sheet.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-control.vue.cjs');
@@ -669,6 +682,7 @@ const treeViewItem_vue_vue_type_script_setup_true_lang = require('./tree-view/tr
 const treeViewLabel_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-label.vue.cjs');
 const treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox.vue.cjs');
 const treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-checkbox-indicator.vue.cjs');
+const treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-rename-input.vue.cjs');
 const treeViewNodeContext_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-context.vue.cjs');
 const treeViewNodeProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-node-provider.vue.cjs');
 const treeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./tree-view/tree-view-root-provider.vue.cjs');
@@ -681,6 +695,7 @@ const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
+const bottomSheet = require('@zag-js/bottom-sheet');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
@@ -749,6 +764,19 @@ exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.useAvatar = useAvatar.useAvatar;
 exports.AvatarRootProvider = avatarRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.Avatar = avatar$1;
+exports.BottomSheetBackdrop = bottomSheetBackdrop_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContent = bottomSheetContent_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContext = bottomSheetContext_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabber = bottomSheetGrabber_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRoot = bottomSheetRoot_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRootProvider = bottomSheetRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTitle = bottomSheetTitle_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTrigger = bottomSheetTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.useBottomSheet = useBottomSheet.useBottomSheet;
+exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
+exports.BottomSheet = bottomSheet$1;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselContext = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselControl = carouselControl_vue_vue_type_script_setup_true_lang.default;
@@ -1392,6 +1420,7 @@ exports.TreeViewItem = treeViewItem_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewLabel = treeViewLabel_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeCheckbox = treeViewNodeCheckbox_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeCheckboxIndicator = treeViewNodeCheckboxIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.TreeViewNodeRenameInput = treeViewNodeRenameInput_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeContext = treeViewNodeContext_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewNodeProvider = treeViewNodeProvider_vue_vue_type_script_setup_true_lang.default;
 exports.TreeViewRootProvider = treeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
@@ -1413,6 +1442,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+	enumerable: true,
+	get: () => bottomSheet.anatomy
+});
 Object.defineProperty(exports, "carouselAnatomy", {
 	enumerable: true,
 	get: () => carousel.anatomy

package/dist/components/index.d.cts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.js

@@ -34,6 +34,20 @@ export { useAvatar } from './avatar/use-avatar.js';
 export { default as AvatarRootProvider } from './avatar/avatar-root-provider.vue.js';
 import * as avatar from './avatar/avatar.js';
 export { avatar as Avatar };
+export { default as BottomSheetBackdrop } from './bottom-sheet/bottom-sheet-backdrop.vue.js';
+export { default as BottomSheetCloseTrigger } from './bottom-sheet/bottom-sheet-close-trigger.vue.js';
+export { default as BottomSheetContent } from './bottom-sheet/bottom-sheet-content.vue.js';
+export { default as BottomSheetContext } from './bottom-sheet/bottom-sheet-context.vue.js';
+export { default as BottomSheetGrabber } from './bottom-sheet/bottom-sheet-grabber.vue.js';
+export { default as BottomSheetGrabberIndicator } from './bottom-sheet/bottom-sheet-grabber-indicator.vue.js';
+export { default as BottomSheetRoot } from './bottom-sheet/bottom-sheet-root.vue.js';
+export { default as BottomSheetRootProvider } from './bottom-sheet/bottom-sheet-root-provider.vue.js';
+export { default as BottomSheetTitle } from './bottom-sheet/bottom-sheet-title.vue.js';
+export { default as BottomSheetTrigger } from './bottom-sheet/bottom-sheet-trigger.vue.js';
+export { useBottomSheet } from './bottom-sheet/use-bottom-sheet.js';
+export { useBottomSheetContext } from './bottom-sheet/use-bottom-sheet-context.js';
+import * as bottomSheet from './bottom-sheet/bottom-sheet.js';
+export { bottomSheet as BottomSheet };
 export { default as CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './carousel/carousel-context.vue.js';
 export { default as CarouselControl } from './carousel/carousel-control.vue.js';
@@ -711,6 +725,7 @@ export { default as TreeViewItem } from './tree-view/tree-view-item.vue.js';
 export { default as TreeViewLabel } from './tree-view/tree-view-label.vue.js';
 export { default as TreeViewNodeCheckbox } from './tree-view/tree-view-node-checkbox.vue.js';
 export { default as TreeViewNodeCheckboxIndicator } from './tree-view/tree-view-node-checkbox-indicator.vue.js';
+export { default as TreeViewNodeRenameInput } from './tree-view/tree-view-node-rename-input.vue.js';
 export { default as TreeViewNodeContext } from './tree-view/tree-view-node-context.vue.js';
 export { default as TreeViewNodeProvider } from './tree-view/tree-view-node-provider.vue.js';
 export { default as TreeViewRootProvider } from './tree-view/tree-view-root-provider.vue.js';
@@ -724,6 +739,7 @@ export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

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

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

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

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