@ark-ui/vue 5.22.0 → 5.24.0

package/dist/components/factory.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const vue = require('vue');
 const dynamic = require('../utils/dynamic.cjs');
 
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
 const withAsChild = (component) => {
   return vue.defineComponent({
     name: "Polymorphic",
@@ -16,8 +18,8 @@ const withAsChild = (component) => {
       }
     },
     setup(props, { attrs, slots }) {
-      if (!props.asChild) return () => vue.h(component, { ...attrs }, slots.default?.());
-      return () => vue.h(dynamic.Dynamic, attrs, { default: slots.default });
+      if (!props.asChild) return () => vue.h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+      return () => vue.h(dynamic.Dynamic, attrs, slots);
     }
   });
 };
@@ -28,11 +30,10 @@ function jsxFactory() {
       return withAsChild(argArray[0]);
     },
     get(_, element) {
-      const asElement = element;
-      if (!cache.has(asElement)) {
-        cache.set(asElement, withAsChild(asElement));
+      if (!cache.has(element)) {
+        cache.set(element, withAsChild(element));
       }
-      return cache.get(asElement);
+      return cache.get(element);
     }
   });
   return factory;

package/dist/components/factory.js

@@ -1,6 +1,8 @@
 import { defineComponent, h } from 'vue';
 import { Dynamic } from '../utils/dynamic.js';
 
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
 const withAsChild = (component) => {
   return defineComponent({
     name: "Polymorphic",
@@ -12,8 +14,8 @@ const withAsChild = (component) => {
       }
     },
     setup(props, { attrs, slots }) {
-      if (!props.asChild) return () => h(component, { ...attrs }, slots.default?.());
-      return () => h(Dynamic, attrs, { default: slots.default });
+      if (!props.asChild) return () => h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+      return () => h(Dynamic, attrs, slots);
     }
   });
 };
@@ -24,11 +26,10 @@ function jsxFactory() {
       return withAsChild(argArray[0]);
     },
     get(_, element) {
-      const asElement = element;
-      if (!cache.has(asElement)) {
-        cache.set(asElement, withAsChild(asElement));
+      if (!cache.has(element)) {
+        cache.set(element, withAsChild(element));
       }
-      return cache.get(asElement);
+      return cache.get(element);
     }
   });
   return factory;

package/dist/components/field/field.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldAnatomy: AnatomyInstance<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
-export declare const parts: Record<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", AnatomyPart>;
+export declare const fieldAnatomy: AnatomyInstance<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator">;
+export declare const parts: Record<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", AnatomyPart>;

package/dist/components/field/field.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldAnatomy: AnatomyInstance<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
-export declare const parts: Record<"input" | "select" | "label" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", AnatomyPart>;
+export declare const fieldAnatomy: AnatomyInstance<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator">;
+export declare const parts: Record<"root" | "label" | "input" | "errorText" | "helperText" | "select" | "textarea" | "requiredIndicator", AnatomyPart>;

package/dist/components/field/use-field.cjs

@@ -56,6 +56,7 @@ const useField = (props = {}) => {
       "data-disabled": domQuery.dataAttr(values.disabled),
       "data-invalid": domQuery.dataAttr(values.invalid),
       "data-readonly": domQuery.dataAttr(values.readOnly),
+      "data-required": domQuery.dataAttr(values.required),
       htmlFor: id.value
     };
   };

package/dist/components/field/use-field.d.cts

@@ -47,6 +47,7 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         'data-disabled': boolean | "false" | "true";
         'data-invalid': boolean | "false" | "true";
         'data-readonly': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
         htmlFor: string;
         "data-scope": string;
         "data-part": string;

package/dist/components/field/use-field.d.ts

@@ -47,6 +47,7 @@ export declare const useField: (props?: MaybeRef<UseFieldProps>) => ComputedRef<
         'data-disabled': boolean | "false" | "true";
         'data-invalid': boolean | "false" | "true";
         'data-readonly': boolean | "false" | "true";
+        'data-required': boolean | "false" | "true";
         htmlFor: string;
         "data-scope": string;
         "data-part": string;

package/dist/components/field/use-field.js

@@ -52,6 +52,7 @@ const useField = (props = {}) => {
       "data-disabled": dataAttr(values.disabled),
       "data-invalid": dataAttr(values.invalid),
       "data-readonly": dataAttr(values.readOnly),
+      "data-required": dataAttr(values.required),
       htmlFor: id.value
     };
   };

package/dist/components/fieldset/fieldset-legend.vue.cjs

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

package/dist/components/fieldset/fieldset-legend.vue.js

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

package/dist/components/fieldset/fieldset.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
-export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;
+export declare const fieldsetAnatomy: AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
+export declare const parts: Record<"root" | "errorText" | "helperText" | "legend", AnatomyPart>;

package/dist/components/fieldset/fieldset.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
-export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
-export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;
+export declare const fieldsetAnatomy: AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
+export declare const parts: Record<"root" | "errorText" | "helperText" | "legend", AnatomyPart>;

package/dist/components/file-upload/file-upload-item-group.vue.cjs

@@ -3,20 +3,26 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
+const utils = require('@zag-js/utils');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "file-upload-item-group",
   props: {
-    asChild: { type: Boolean }
+    asChild: { type: Boolean },
+    type: {}
   },
   setup(__props) {
+    const props = __props;
+    const groupProps = vue.computed(() => utils.pick(props, ["type"]));
     const fileUpload = useFileUploadContext.useFileUploadContext();
+    useFileUploadItemGroupPropsContext.FileUploadItemGroupPropsProvider(groupProps);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).ul, vue.mergeProps(vue.unref(fileUpload).getItemGroupProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).ul, vue.mergeProps(vue.unref(fileUpload).getItemGroupProps(groupProps.value), { "as-child": _ctx.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/file-upload/file-upload-item-group.vue.d.cts

@@ -1,6 +1,7 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
-export interface FileUploadItemGroupBaseProps extends PolymorphicProps {
+export interface FileUploadItemGroupBaseProps extends PolymorphicProps, ItemGroupProps {
 }
 export interface FileUploadItemGroupProps extends FileUploadItemGroupBaseProps, 
 /**

package/dist/components/file-upload/file-upload-item-group.vue.d.ts

@@ -1,6 +1,7 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
-export interface FileUploadItemGroupBaseProps extends PolymorphicProps {
+export interface FileUploadItemGroupBaseProps extends PolymorphicProps, ItemGroupProps {
 }
 export interface FileUploadItemGroupProps extends FileUploadItemGroupBaseProps, 
 /**

package/dist/components/file-upload/file-upload-item-group.vue.js

@@ -1,18 +1,24 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { FileUploadItemGroupPropsProvider } from './use-file-upload-item-group-props-context.js';
+import { pick } from '@zag-js/utils';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "file-upload-item-group",
   props: {
-    asChild: { type: Boolean }
+    asChild: { type: Boolean },
+    type: {}
   },
   setup(__props) {
+    const props = __props;
+    const groupProps = computed(() => pick(props, ["type"]));
     const fileUpload = useFileUploadContext();
+    FileUploadItemGroupPropsProvider(groupProps);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).ul, mergeProps(unref(fileUpload).getItemGroupProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).ul, mergeProps(unref(fileUpload).getItemGroupProps(groupProps.value), { "as-child": _ctx.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/file-upload/file-upload-item-preview-image.vue.cjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
     const url = vue.ref("");
     vue.watchEffect((onCleanup) => {
-      const cleanup = fileUpload.value.createFileUrl(itemProps.file, (src) => url.value = src);
+      const cleanup = fileUpload.value.createFileUrl(itemProps.value.file, (src) => url.value = src);
       onCleanup(cleanup);
     });
     useForwardExpose.useForwardExpose();

package/dist/components/file-upload/file-upload-item-preview-image.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const itemProps = useFileUploadItemPropsContext();
     const url = ref("");
     watchEffect((onCleanup) => {
-      const cleanup = fileUpload.value.createFileUrl(itemProps.file, (src) => url.value = src);
+      const cleanup = fileUpload.value.createFileUrl(itemProps.value.file, (src) => url.value = src);
       onCleanup(cleanup);
     });
     useForwardExpose();

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

@@ -3,24 +3,28 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useFileUploadItemGroupPropsContext = require('./use-file-upload-item-group-props-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "file-upload-item",
   props: {
     file: {},
+    type: {},
     asChild: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const fileUpload = useFileUploadContext.useFileUploadContext();
-    useFileUploadItemPropsContext.FileUploadItemPropsProvider(props);
+    const itemGroupProps = useFileUploadItemGroupPropsContext.useFileUploadItemGroupPropsContext();
+    const itemPropsContext = vue.computed(() => ({ ...props, type: itemGroupProps.value.type }));
+    useFileUploadItemPropsContext.FileUploadItemPropsProvider(itemPropsContext);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).li, vue.mergeProps(vue.unref(fileUpload).getItemProps(props), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).li, vue.mergeProps(vue.unref(fileUpload).getItemProps(itemPropsContext.value), { "as-child": _ctx.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/file-upload/file-upload-item.vue.d.cts

@@ -9,7 +9,7 @@ export interface FileUploadItemProps extends FileUploadItemBaseProps,
  */
 LiHTMLAttributes {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FileUploadItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadItemBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FileUploadItemBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/file-upload/file-upload-item.vue.d.ts

@@ -9,7 +9,7 @@ export interface FileUploadItemProps extends FileUploadItemBaseProps,
  */
 LiHTMLAttributes {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FileUploadItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<FileUploadItemBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FileUploadItemBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,22 +1,26 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useFileUploadItemGroupPropsContext } from './use-file-upload-item-group-props-context.js';
 import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "file-upload-item",
   props: {
     file: {},
+    type: {},
     asChild: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const fileUpload = useFileUploadContext();
-    FileUploadItemPropsProvider(props);
+    const itemGroupProps = useFileUploadItemGroupPropsContext();
+    const itemPropsContext = computed(() => ({ ...props, type: itemGroupProps.value.type }));
+    FileUploadItemPropsProvider(itemPropsContext);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).li, mergeProps(unref(fileUpload).getItemProps(props), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).li, mergeProps(unref(fileUpload).getItemProps(itemPropsContext.value), { "as-child": _ctx.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/file-upload/use-file-upload-item-group-props-context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext.createContext("FileUploadItemGroupPropsContext");
+
+exports.FileUploadItemGroupPropsProvider = FileUploadItemGroupPropsProvider;
+exports.useFileUploadItemGroupPropsContext = useFileUploadItemGroupPropsContext;

package/dist/components/file-upload/use-file-upload-item-group-props-context.d.cts

@@ -0,0 +1,5 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
+import { ComputedRef } from 'vue';
+export interface UseFileUploadItemGroupPropsContext extends ComputedRef<ItemGroupProps> {
+}
+export declare const FileUploadItemGroupPropsProvider: (opts: UseFileUploadItemGroupPropsContext) => void, useFileUploadItemGroupPropsContext: (fallback?: UseFileUploadItemGroupPropsContext | undefined) => UseFileUploadItemGroupPropsContext;

package/dist/components/file-upload/use-file-upload-item-group-props-context.d.ts

@@ -0,0 +1,5 @@
+import { ItemGroupProps } from '@zag-js/file-upload';
+import { ComputedRef } from 'vue';
+export interface UseFileUploadItemGroupPropsContext extends ComputedRef<ItemGroupProps> {
+}
+export declare const FileUploadItemGroupPropsProvider: (opts: UseFileUploadItemGroupPropsContext) => void, useFileUploadItemGroupPropsContext: (fallback?: UseFileUploadItemGroupPropsContext | undefined) => UseFileUploadItemGroupPropsContext;

package/dist/components/file-upload/use-file-upload-item-group-props-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context.js';
+
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext("FileUploadItemGroupPropsContext");
+
+export { FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext };

package/dist/components/file-upload/use-file-upload-item-props-context.d.cts

@@ -1,4 +1,5 @@
 import { ItemProps } from '@zag-js/file-upload';
-export interface UseFileUploadItemPropsContext extends ItemProps {
+import { ComputedRef } from 'vue';
+export interface UseFileUploadItemPropsContext extends ComputedRef<ItemProps> {
 }
 export declare const FileUploadItemPropsProvider: (opts: UseFileUploadItemPropsContext) => void, useFileUploadItemPropsContext: (fallback?: UseFileUploadItemPropsContext | undefined) => UseFileUploadItemPropsContext;

package/dist/components/file-upload/use-file-upload-item-props-context.d.ts

@@ -1,4 +1,5 @@
 import { ItemProps } from '@zag-js/file-upload';
-export interface UseFileUploadItemPropsContext extends ItemProps {
+import { ComputedRef } from 'vue';
+export interface UseFileUploadItemPropsContext extends ComputedRef<ItemProps> {
 }
 export declare const FileUploadItemPropsProvider: (opts: UseFileUploadItemPropsContext) => void, useFileUploadItemPropsContext: (fallback?: UseFileUploadItemPropsContext | undefined) => UseFileUploadItemPropsContext;

package/dist/components/frame/frame.vue.cjs

@@ -40,10 +40,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const win = frameNode.contentWindow;
         if (!win) return;
         const exec = () => {
-          const rootEl = frameNode.contentDocument?.documentElement;
-          if (!rootEl || !mountNode2) return;
-          frameNode.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
-          frameNode.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
+          win.requestAnimationFrame(() => {
+            const rootEl = frameNode.contentDocument?.documentElement;
+            if (!rootEl || !mountNode2) return;
+            frameNode.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
+            frameNode.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
+          });
         };
         const resizeObserver = new win.ResizeObserver(exec);
         exec();

package/dist/components/frame/frame.vue.js

@@ -36,10 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const win = frameNode.contentWindow;
         if (!win) return;
         const exec = () => {
-          const rootEl = frameNode.contentDocument?.documentElement;
-          if (!rootEl || !mountNode2) return;
-          frameNode.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
-          frameNode.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
+          win.requestAnimationFrame(() => {
+            const rootEl = frameNode.contentDocument?.documentElement;
+            if (!rootEl || !mountNode2) return;
+            frameNode.style.setProperty("--width", `${mountNode2.scrollWidth}px`);
+            frameNode.style.setProperty("--height", `${mountNode2.scrollHeight}px`);
+          });
         };
         const resizeObserver = new win.ResizeObserver(exec);
         exec();

package/dist/components/index.cjs

@@ -590,23 +590,6 @@ const useTagsInput = require('./tags-input/use-tags-input.cjs');
 const useTagsInputContext = require('./tags-input/use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./tags-input/use-tags-input-item-context.cjs');
 const tagsInput$1 = require('./tags-input/tags-input.cjs');
-const date = require('@internationalized/date');
-const timePickerCell_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-cell.vue.cjs');
-const timePickerClearTrigger_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-clear-trigger.vue.cjs');
-const timePickerColumn_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-column.vue.cjs');
-const timePickerContent_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-content.vue.cjs');
-const timePickerContext_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-context.vue.cjs');
-const timePickerControl_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-control.vue.cjs');
-const timePickerInput_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-input.vue.cjs');
-const timePickerLabel_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-label.vue.cjs');
-const timePickerPositioner_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-positioner.vue.cjs');
-const timePickerRootProvider_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-root-provider.vue.cjs');
-const timePickerRoot_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-root.vue.cjs');
-const timePickerSpacer_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-spacer.vue.cjs');
-const timePickerTrigger_vue_vue_type_script_setup_true_lang = require('./time-picker/time-picker-trigger.vue.cjs');
-const useTimePicker = require('./time-picker/use-time-picker.cjs');
-const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
-const timePicker$1 = require('./time-picker/time-picker.cjs');
 const timerActionTrigger_vue_vue_type_script_setup_true_lang = require('./timer/timer-action-trigger.vue.cjs');
 const timerContext_vue_vue_type_script_setup_true_lang = require('./timer/timer-context.vue.cjs');
 const timerItem_vue_vue_type_script_setup_true_lang = require('./timer/timer-item.vue.cjs');
@@ -725,7 +708,6 @@ const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
 const tagsInput = require('@zag-js/tags-input');
-const timePicker = require('@zag-js/time-picker');
 const timer = require('@zag-js/timer');
 const toast = require('@zag-js/toast');
 const toggleGroup = require('@zag-js/toggle-group');
@@ -1331,26 +1313,6 @@ exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
 exports.TagsInput = tagsInput$1;
-Object.defineProperty(exports, "parseTime", {
-	enumerable: true,
-	get: () => date.parseTime
-});
-exports.TimePickerCell = timePickerCell_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerClearTrigger = timePickerClearTrigger_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerColumn = timePickerColumn_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerContent = timePickerContent_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerContext = timePickerContext_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerControl = timePickerControl_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerInput = timePickerInput_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerLabel = timePickerLabel_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerPositioner = timePickerPositioner_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerRootProvider = timePickerRootProvider_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerRoot = timePickerRoot_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerSpacer = timePickerSpacer_vue_vue_type_script_setup_true_lang.default;
-exports.TimePickerTrigger = timePickerTrigger_vue_vue_type_script_setup_true_lang.default;
-exports.useTimePicker = useTimePicker.useTimePicker;
-exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
-exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.TimerContext = timerContext_vue_vue_type_script_setup_true_lang.default;
 exports.TimerItem = timerItem_vue_vue_type_script_setup_true_lang.default;
@@ -1559,10 +1521,6 @@ Object.defineProperty(exports, "tagsInputAnatomy", {
 	enumerable: true,
 	get: () => tagsInput.anatomy
 });
-Object.defineProperty(exports, "timePickerAnatomy", {
-	enumerable: true,
-	get: () => timePicker.anatomy
-});
 Object.defineProperty(exports, "timerAnatomy", {
 	enumerable: true,
 	get: () => timer.anatomy

package/dist/components/index.d.cts

@@ -46,7 +46,6 @@ export * from './steps';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
-export * from './time-picker';
 export * from './timer';
 export * from './toast';
 export * from './toggle';

package/dist/components/index.d.ts

@@ -46,7 +46,6 @@ export * from './steps';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
-export * from './time-picker';
 export * from './timer';
 export * from './toast';
 export * from './toggle';

package/dist/components/index.js

@@ -626,24 +626,6 @@ export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
 export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
 import * as tagsInput from './tags-input/tags-input.js';
 export { tagsInput as TagsInput };
-export { parseTime } from '@internationalized/date';
-export { default as TimePickerCell } from './time-picker/time-picker-cell.vue.js';
-export { default as TimePickerClearTrigger } from './time-picker/time-picker-clear-trigger.vue.js';
-export { default as TimePickerColumn } from './time-picker/time-picker-column.vue.js';
-export { default as TimePickerContent } from './time-picker/time-picker-content.vue.js';
-export { default as TimePickerContext } from './time-picker/time-picker-context.vue.js';
-export { default as TimePickerControl } from './time-picker/time-picker-control.vue.js';
-export { default as TimePickerInput } from './time-picker/time-picker-input.vue.js';
-export { default as TimePickerLabel } from './time-picker/time-picker-label.vue.js';
-export { default as TimePickerPositioner } from './time-picker/time-picker-positioner.vue.js';
-export { default as TimePickerRootProvider } from './time-picker/time-picker-root-provider.vue.js';
-export { default as TimePickerRoot } from './time-picker/time-picker-root.vue.js';
-export { default as TimePickerSpacer } from './time-picker/time-picker-spacer.vue.js';
-export { default as TimePickerTrigger } from './time-picker/time-picker-trigger.vue.js';
-export { useTimePicker } from './time-picker/use-time-picker.js';
-export { useTimePickerContext } from './time-picker/use-time-picker-context.js';
-import * as timePicker from './time-picker/time-picker.js';
-export { timePicker as TimePicker };
 export { default as TimerActionTrigger } from './timer/timer-action-trigger.vue.js';
 export { default as TimerContext } from './timer/timer-context.vue.js';
 export { default as TimerItem } from './timer/timer-item.vue.js';
@@ -769,7 +751,6 @@ export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';
 export { anatomy as timerAnatomy } from '@zag-js/timer';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';

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

@@ -101,8 +101,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       renderValue: vue.withCtx(({ node: childNode }) => [
                         vue.renderSlot(_ctx.$slots, "renderValue", { node: childNode })
                       ]),
-                      _: 2
-                    }, 1040, ["node", "index-path"]);
+                      _: 3
+                    }, 16, ["node", "index-path"]);
                   }), 128))
                 ]),
                 _: 3

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

@@ -97,8 +97,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       renderValue: withCtx(({ node: childNode }) => [
                         renderSlot(_ctx.$slots, "renderValue", { node: childNode })
                       ]),
-                      _: 2
-                    }, 1040, ["node", "index-path"]);
+                      _: 3
+                    }, 16, ["node", "index-path"]);
                   }), 128))
                 ]),
                 _: 3

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

@@ -38,8 +38,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               renderValue: vue.withCtx(({ node: childNode }) => [
                 vue.renderSlot(_ctx.$slots, "renderValue", { node: childNode })
               ]),
-              _: 2
-            }, 1040, ["node", "index-path"]);
+              _: 3
+            }, 16, ["node", "index-path"]);
           }), 128))
         ]),
         _: 3

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

@@ -34,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderValue: withCtx(({ node: childNode }) => [
                 renderSlot(_ctx.$slots, "renderValue", { node: childNode })
               ]),
-              _: 2
-            }, 1040, ["node", "index-path"]);
+              _: 3
+            }, 16, ["node", "index-path"]);
           }), 128))
         ]),
         _: 3