@ark-ui/vue 5.21.0 → 5.23.0

package/dist/components/menu/menu-root.vue.d.ts

@@ -20,6 +20,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     highlightChange: (details: HighlightChangeDetails) => any;
     "update:highlightedValue": (highlightedValue: string | null) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<MenuRootProps> & Readonly<{
     onSelect?: ((details: SelectionDetails) => any) | undefined;
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
@@ -30,6 +36,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<MenuRootProps,
     onHighlightChange?: ((details: HighlightChangeDetails) => any) | undefined;
     "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     defaultOpen: boolean;

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

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: void 0,
     typeahead: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "select", "update:open", "update:highlightedValue"],
+  emits: ["escapeKeyDown", "focusOutside", "highlightChange", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "select", "update:open", "update:highlightedValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

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

@@ -5,6 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const factory = require('../factory.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useMenuOptionItemPropsContext = require('./use-menu-option-item-props-context.cjs');
 const useMenuTriggerItemContext = require('./use-menu-trigger-item-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -14,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const triggerItemProps = useMenuTriggerItemContext.useMenuTriggerItemContext();
+    useMenuOptionItemPropsContext.MenuItemPropsProvider(vue.computed(() => ({ value: triggerItemProps.value?.["data-value"] })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(triggerItemProps), { "as-child": _ctx.asChild }), {

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

@@ -1,6 +1,7 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { MenuItemPropsProvider } from './use-menu-option-item-props-context.js';
 import { useMenuTriggerItemContext } from './use-menu-trigger-item-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,6 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const triggerItemProps = useMenuTriggerItemContext();
+    MenuItemPropsProvider(computed(() => ({ value: triggerItemProps.value?.["data-value"] })));
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).div, mergeProps(unref(triggerItemProps), { "as-child": _ctx.asChild }), {

package/dist/components/menu/menu.types.d.cts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: menu.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * Function called when a menu item is selected.
      */

package/dist/components/menu/menu.types.d.ts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: menu.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * Function called when a menu item is selected.
      */

package/dist/components/popover/popover-root.vue.cjs

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     open: void 0,
     portalled: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/popover/popover-root.vue.d.cts

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<PopoverRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     autoFocus: boolean;

package/dist/components/popover/popover-root.vue.d.ts

@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     interactOutside: (event: InteractOutsideEvent) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    requestDismiss: (event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any;
 }, string, PublicProps, Readonly<PopoverRootProps> & Readonly<{
     onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
@@ -23,6 +29,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onRequestDismiss?: ((event: CustomEvent<{
+        originalLayer: HTMLElement;
+        targetLayer: HTMLElement | undefined;
+        originalIndex: number;
+        targetIndex: number;
+    }>) => any) | undefined;
 }>, {
     open: boolean;
     autoFocus: boolean;

package/dist/components/popover/popover-root.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: void 0,
     portalled: void 0
   }),
-  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "update:open"],
+  emits: ["escapeKeyDown", "focusOutside", "interactOutside", "openChange", "pointerDownOutside", "requestDismiss", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;

package/dist/components/popover/popover.types.d.cts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: popover.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * The callback fired when the open state changes.
      */

package/dist/components/popover/popover.types.d.ts

@@ -96,6 +96,17 @@ export type RootEmits = {
      * Function called when the pointer is pressed down outside the component
      */
     pointerDownOutside: [event: popover.PointerDownOutsideEvent];
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismiss: [
+        event: CustomEvent<{
+            originalLayer: HTMLElement;
+            targetLayer: HTMLElement | undefined;
+            originalIndex: number;
+            targetIndex: number;
+        }>
+    ];
     /**
      * The callback fired when the open state changes.
      */

package/dist/components/segment-group/segment-group.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemControl" | "itemText", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;

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

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

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

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

package/dist/components/select/select-root-provider.vue.d.cts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface SelectRootProviderProps<T extends CollectionItem> extends Selec
  */
 HTMLAttributes {
 }
+export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/select/select-root-provider.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface SelectRootProviderProps<T extends CollectionItem> extends Selec
  */
 HTMLAttributes {
 }
+export type SelectRootProviderComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProviderProps<T>, P>) => any;
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & SelectRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface SelectRootProps<T extends CollectionItem> extends SelectRootBas
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P>) => any;
 export type { RootEmits as SelectRootEmits } from './select.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/components/select/select-root.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -13,6 +14,7 @@ export interface SelectRootProps<T extends CollectionItem> extends SelectRootBas
  */
 Omit<HTMLAttributes, 'onSelect'> {
 }
+export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P>) => any;
 export type { RootEmits as SelectRootEmits } from './select.types';
 declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

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

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

package/dist/components/select/select.d.ts

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

package/dist/components/signature-pad/signature-pad-segment.vue.cjs

@@ -24,8 +24,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }), 128)),
           vue.unref(signaturePad).currentPath ? (vue.openBlock(), vue.createElementBlock("path", vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(signaturePad).getSegmentPathProps({ path: vue.unref(signaturePad).currentPath }))), null, 16)) : vue.createCommentVNode("", true)
         ]),
-        _: 1,
-        __: [0]
+        _: 1
       }, 16, ["as-child"]);
     };
   }

package/dist/components/signature-pad/signature-pad-segment.vue.js

@@ -20,8 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128)),
           unref(signaturePad).currentPath ? (openBlock(), createElementBlock("path", normalizeProps(mergeProps({ key: 0 }, unref(signaturePad).getSegmentPathProps({ path: unref(signaturePad).currentPath }))), null, 16)) : createCommentVNode("", true)
         ]),
-        _: 1,
-        __: [0]
+        _: 1
       }, 16, ["as-child"]);
     };
   }

package/dist/components/tree-view/index.d.cts

@@ -16,8 +16,8 @@ export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, ty
 export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
 export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
-export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
-export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root.vue';
+export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
+export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root.vue';
 export { default as TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree.vue';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';

package/dist/components/tree-view/index.d.ts

@@ -16,8 +16,8 @@ export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, ty
 export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.vue';
 export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.vue';
-export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
-export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root.vue';
+export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider.vue';
+export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootProps, } from './tree-view-root.vue';
 export { default as TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree.vue';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';

package/dist/components/tree-view/tree-view-root-provider.vue.d.cts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface TreeViewRootProviderProps<T extends TreeNode> extends TreeViewR
  */
 HTMLAttributes {
 }
+export type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProviderProps<T>, P>) => any;
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & TreeViewRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/tree-view/tree-view-root-provider.vue.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils';
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
@@ -14,6 +15,7 @@ export interface TreeViewRootProviderProps<T extends TreeNode> extends TreeViewR
  */
 HTMLAttributes {
 }
+export type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProviderProps<T>, P>) => any;
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & TreeViewRootProviderProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{}>): void;

package/dist/components/tree-view/tree-view-root.vue.d.cts

@@ -1,5 +1,6 @@
 import { RenderStrategyProps } from '../../utils';
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
@@ -12,6 +13,7 @@ export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseP
  */
 HTMLAttributes {
 }
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P>) => any;
 export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/components/tree-view/tree-view-root.vue.d.ts

@@ -1,5 +1,6 @@
 import { RenderStrategyProps } from '../../utils';
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+import { Assign } from '../../types';
 import { TreeNode } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './tree-view.types';
@@ -12,6 +13,7 @@ export interface TreeViewRootProps<T extends TreeNode> extends TreeViewRootBaseP
  */
 HTMLAttributes {
 }
+export type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P>) => any;
 export type { RootEmits as TreeViewRootEmits } from './tree-view.types';
 declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/components/tree-view/tree-view.d.cts

@@ -15,6 +15,6 @@ export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeChec
 export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
-export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
-export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
+export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
+export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
 export { default as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.vue';

package/dist/components/tree-view/tree-view.d.ts

@@ -15,6 +15,6 @@ export { default as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeChec
 export { default as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.vue';
 export { default as NodeContext, type TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context.vue';
 export { default as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.vue';
-export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
-export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
+export { default as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.vue';
+export { default as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootEmits as RootEmits, type TreeViewRootProps as RootProps, } from './tree-view-root.vue';
 export { default as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.vue';

package/dist/index.cjs

@@ -128,6 +128,7 @@ const useColorPickerContext = require('./components/color-picker/use-color-picke
 const colorPicker$1 = require('./components/color-picker/color-picker.cjs');
 const comboboxClearTrigger_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-clear-trigger.vue.cjs');
 const comboboxContent_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-content.vue.cjs');
+const comboboxEmpty_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-empty.vue.cjs');
 const comboboxContext_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-context.vue.cjs');
 const comboboxControl_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-control.vue.cjs');
 const comboboxInput_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-input.vue.cjs');
@@ -143,10 +144,11 @@ const comboboxPositioner_vue_vue_type_script_setup_true_lang = require('./compon
 const comboboxRootProvider_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-root-provider.vue.cjs');
 const comboboxRoot_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-root.vue.cjs');
 const comboboxTrigger_vue_vue_type_script_setup_true_lang = require('./components/combobox/combobox-trigger.vue.cjs');
+const combobox_anatomy = require('./components/combobox/combobox.anatomy.cjs');
 const useCombobox = require('./components/combobox/use-combobox.cjs');
 const useComboboxContext = require('./components/combobox/use-combobox-context.cjs');
 const useComboboxItemContext = require('./components/combobox/use-combobox-item-context.cjs');
-const combobox$1 = require('./components/combobox/combobox.cjs');
+const combobox = require('./components/combobox/combobox.cjs');
 const datePicker = require('@zag-js/date-picker');
 const datePickerClearTrigger_vue_vue_type_script_setup_true_lang = require('./components/date-picker/date-picker-clear-trigger.vue.cjs');
 const datePickerContent_vue_vue_type_script_setup_true_lang = require('./components/date-picker/date-picker-content.vue.cjs');
@@ -292,6 +294,7 @@ const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.
 const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.vue.cjs');
+const listboxEmpty_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-empty.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-input.vue.cjs');
 const listboxItem_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item.vue.cjs');
 const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-context.vue.cjs');
@@ -303,10 +306,11 @@ const listboxLabel_vue_vue_type_script_setup_true_lang = require('./components/l
 const listboxRoot_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-root.vue.cjs');
 const listboxRootProvider_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-root-provider.vue.cjs');
 const listboxValueText_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-value-text.vue.cjs');
+const listbox_anatomy = require('./components/listbox/listbox.anatomy.cjs');
 const useListbox = require('./components/listbox/use-listbox.cjs');
 const useListboxContext = require('./components/listbox/use-listbox-context.cjs');
 const useListboxItemContext = require('./components/listbox/use-listbox-item-context.cjs');
-const listbox$1 = require('./components/listbox/listbox.cjs');
+const listbox = require('./components/listbox/listbox.cjs');
 const menuArrowTip_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow-tip.vue.cjs');
 const menuArrow_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-arrow.vue.cjs');
 const menuCheckboxItem_vue_vue_type_script_setup_true_lang = require('./components/menu/menu-checkbox-item.vue.cjs');
@@ -707,13 +711,11 @@ const avatar = require('@zag-js/avatar');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
-const combobox = require('@zag-js/combobox');
 const dialog = require('@zag-js/dialog');
 const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
-const listbox = require('@zag-js/listbox');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -872,6 +874,7 @@ exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
 exports.ComboboxClearTrigger = comboboxClearTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxContent = comboboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.ComboboxEmpty = comboboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxContext = comboboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxControl = comboboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxInput = comboboxInput_vue_vue_type_script_setup_true_lang.default;
@@ -887,10 +890,11 @@ exports.ComboboxPositioner = comboboxPositioner_vue_vue_type_script_setup_true_l
 exports.ComboboxRootProvider = comboboxRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang.default;
 exports.ComboboxTrigger = comboboxTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.comboboxAnatomy = combobox_anatomy.comboboxAnatomy;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComboboxContext = useComboboxContext.useComboboxContext;
 exports.useComboboxItemContext = useComboboxItemContext.useComboboxItemContext;
-exports.Combobox = combobox$1;
+exports.Combobox = combobox;
 Object.defineProperty(exports, "parseDate", {
 	enumerable: true,
 	get: () => datePicker.parse
@@ -1040,6 +1044,7 @@ exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
 exports.JsonTreeView = jsonTreeView;
 exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxContent = listboxContent_vue_vue_type_script_setup_true_lang.default;
+exports.ListboxEmpty = listboxEmpty_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxInput = listboxInput_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItem = listboxItem_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
@@ -1051,10 +1056,11 @@ exports.ListboxLabel = listboxLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxRoot = listboxRoot_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxRootProvider = listboxRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxValueText = listboxValueText_vue_vue_type_script_setup_true_lang.default;
+exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
-exports.Listbox = listbox$1;
+exports.Listbox = listbox;
 exports.MenuArrowTip = menuArrowTip_vue_vue_type_script_setup_true_lang.default;
 exports.MenuArrow = menuArrow_vue_vue_type_script_setup_true_lang.default;
 exports.MenuCheckboxItem = menuCheckboxItem_vue_vue_type_script_setup_true_lang.default;
@@ -1479,10 +1485,6 @@ Object.defineProperty(exports, "collapsibleAnatomy", {
 	enumerable: true,
 	get: () => collapsible.anatomy
 });
-Object.defineProperty(exports, "comboboxAnatomy", {
-	enumerable: true,
-	get: () => combobox.anatomy
-});
 Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog.anatomy
@@ -1503,10 +1505,6 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
-Object.defineProperty(exports, "listboxAnatomy", {
-	enumerable: true,
-	get: () => listbox.anatomy
-});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy