@ark-ui/vue 5.15.0 → 5.15.2

package/dist/components/index.cjs

@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox/li
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-input.vue.cjs');
 const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item.vue.cjs');
+const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-context.vue.cjs');
 const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group.vue.cjs');
 const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-group-label.vue.cjs');
 const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox/listbox-item-indicator.vue.cjs');
@@ -355,7 +356,7 @@ const passwordInputRootProvider_vue_vue_type_script_setup_true_lang = require('.
 const passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang = require('./password-input/password-input-visibility-trigger.vue.cjs');
 const usePasswordInput = require('./password-input/use-password-input.cjs');
 const usePasswordInputContext = require('./password-input/use-password-input-context.cjs');
-const passwordInput = require('./password-input/password-input.cjs');
+const passwordInput$1 = require('./password-input/password-input.cjs');
 const pinInputContext_vue_vue_type_script_setup_true_lang = require('./pin-input/pin-input-context.vue.cjs');
 const pinInputControl_vue_vue_type_script_setup_true_lang = require('./pin-input/pin-input-control.vue.cjs');
 const pinInputHiddenInput_vue_vue_type_script_setup_true_lang = require('./pin-input/pin-input-hidden-input.vue.cjs');
@@ -686,7 +687,7 @@ 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');
-const index = require('../node_modules/@zag-js/password-input/dist/index.cjs');
+const passwordInput = require('@zag-js/password-input');
 const pinInput = require('@zag-js/pin-input');
 const popover = require('@zag-js/popover');
 const progress = require('@zag-js/progress');
@@ -1001,6 +1002,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
 exports.ListboxContent = listboxContent_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;
 exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -1071,7 +1073,7 @@ exports.PasswordInputRootProvider = passwordInputRootProvider_vue_vue_type_scrip
 exports.PasswordInputVisibilityTrigger = passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.usePasswordInput = usePasswordInput.usePasswordInput;
 exports.usePasswordInputContext = usePasswordInputContext.usePasswordInputContext;
-exports.PasswordInput = passwordInput;
+exports.PasswordInput = passwordInput$1;
 exports.PinInputContext = pinInputContext_vue_vue_type_script_setup_true_lang.default;
 exports.PinInputControl = pinInputControl_vue_vue_type_script_setup_true_lang.default;
 exports.PinInputHiddenInput = pinInputHiddenInput_vue_vue_type_script_setup_true_lang.default;
@@ -1454,7 +1456,10 @@ Object.defineProperty(exports, "paginationAnatomy", {
 	enumerable: true,
 	get: () => pagination.anatomy
 });
-exports.passwordInputAnatomy = index.anatomy;
+Object.defineProperty(exports, "passwordInputAnatomy", {
+	enumerable: true,
+	get: () => passwordInput.anatomy
+});
 Object.defineProperty(exports, "pinInputAnatomy", {
 	enumerable: true,
 	get: () => pinInput.anatomy

package/dist/components/index.js

@@ -299,6 +299,7 @@ export { default as ListboxContext } from './listbox/listbox-context.vue.js';
 export { default as ListboxContent } from './listbox/listbox-content.vue.js';
 export { default as ListboxInput } from './listbox/listbox-input.vue.js';
 export { default as ListboxItem } from './listbox/listbox-item.vue.js';
+export { default as ListboxItemContext } from './listbox/listbox-item-context.vue.js';
 export { default as ListboxItemGroup } from './listbox/listbox-item-group.vue.js';
 export { default as ListboxItemGroupLabel } from './listbox/listbox-item-group-label.vue.js';
 export { default as ListboxItemIndicator } from './listbox/listbox-item-indicator.vue.js';
@@ -728,7 +729,7 @@ export { anatomy as listboxAnatomy } from '@zag-js/listbox';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as passwordInputAnatomy } from '../node_modules/@zag-js/password-input/dist/index.js';
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 export { anatomy as popoverAnatomy } from '@zag-js/popover';
 export { anatomy as progressAnatomy } from '@zag-js/progress';

package/dist/components/listbox/index.cjs

@@ -7,6 +7,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-co
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
 const listboxItem_vue_vue_type_script_setup_true_lang = require('./listbox-item.vue.cjs');
+const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
 const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
 const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
 const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
@@ -28,6 +29,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
 exports.ListboxContent = listboxContent_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;
 exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;

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

@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
 export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
 export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
 export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
+export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
 export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
 export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
 export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';

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

@@ -4,6 +4,7 @@ export { default as ListboxContext, type ListboxContextProps } from './listbox-c
 export { default as ListboxContent, type ListboxContentBaseProps, type ListboxContentProps, } from './listbox-content.vue';
 export { default as ListboxInput, type ListboxInputBaseProps, type ListboxInputProps } from './listbox-input.vue';
 export { default as ListboxItem, type ListboxItemBaseProps, type ListboxItemProps } from './listbox-item.vue';
+export { default as ListboxItemContext, type ListboxItemContextProps } from './listbox-item-context.vue';
 export { default as ListboxItemGroup, type ListboxItemGroupBaseProps, type ListboxItemGroupProps, } from './listbox-item-group.vue';
 export { default as ListboxItemGroupLabel, type ListboxItemGroupLabelBaseProps, type ListboxItemGroupLabelProps, } from './listbox-item-group-label.vue';
 export { default as ListboxItemIndicator, type ListboxItemIndicatorBaseProps, type ListboxItemIndicatorProps, } from './listbox-item-indicator.vue';

package/dist/components/listbox/index.js

@@ -3,6 +3,7 @@ export { default as ListboxContext } from './listbox-context.vue.js';
 export { default as ListboxContent } from './listbox-content.vue.js';
 export { default as ListboxInput } from './listbox-input.vue.js';
 export { default as ListboxItem } from './listbox-item.vue.js';
+export { default as ListboxItemContext } from './listbox-item-context.vue.js';
 export { default as ListboxItemGroup } from './listbox-item-group.vue.js';
 export { default as ListboxItemGroupLabel } from './listbox-item-group-label.vue.js';
 export { default as ListboxItemIndicator } from './listbox-item-indicator.vue.js';

package/dist/components/listbox/listbox-item-context.vue.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useListboxItemContext = require('./use-listbox-item-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "listbox-item-context",
+  setup(__props) {
+    const context = useListboxItemContext.useListboxItemContext();
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(context))));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/listbox/listbox-item-context.vue.d.cts

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseListboxItemContext } from './use-listbox-item-context';
+export interface ListboxItemContextProps extends SlotsType<{
+    default: UnwrapRef<UseListboxItemContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(context: UnwrapRef<UseListboxItemContext>): unknown;
+}> & {
+    default(context: UnwrapRef<UseListboxItemContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/listbox/listbox-item-context.vue.d.ts

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseListboxItemContext } from './use-listbox-item-context';
+export interface ListboxItemContextProps extends SlotsType<{
+    default: UnwrapRef<UseListboxItemContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(context: UnwrapRef<UseListboxItemContext>): unknown;
+}> & {
+    default(context: UnwrapRef<UseListboxItemContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/listbox/listbox-item-context.vue.js

@@ -0,0 +1,14 @@
+import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
+import { useListboxItemContext } from './use-listbox-item-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "listbox-item-context",
+  setup(__props) {
+    const context = useListboxItemContext();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(context))));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/listbox/listbox-item-context.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
+
+
+
+exports.default = listboxItemContext_vue_vue_type_script_setup_true_lang.default;

package/dist/components/listbox/listbox-item-context.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './listbox-item-context.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/listbox/listbox.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const listboxContext_vue_vue_type_script_setup_true_lang = require('./listbox-context.vue.cjs');
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./listbox-content.vue.cjs');
 const listboxInput_vue_vue_type_script_setup_true_lang = require('./listbox-input.vue.cjs');
+const listboxItemContext_vue_vue_type_script_setup_true_lang = require('./listbox-item-context.vue.cjs');
 const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./listbox-item-group-label.vue.cjs');
 const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./listbox-item-group.vue.cjs');
 const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./listbox-item-indicator.vue.cjs');
@@ -20,6 +21,7 @@ const listboxValueText_vue_vue_type_script_setup_true_lang = require('./listbox-
 exports.Context = listboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.Content = listboxContent_vue_vue_type_script_setup_true_lang.default;
 exports.Input = listboxInput_vue_vue_type_script_setup_true_lang.default;
+exports.ItemContext = listboxItemContext_vue_vue_type_script_setup_true_lang.default;
 exports.ItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
 exports.ItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;

package/dist/components/listbox/listbox.d.cts

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
 export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
 export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
 export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
+export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
 export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
 export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
 export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';

package/dist/components/listbox/listbox.d.ts

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ScrollToIndexDetails, SelectionDetails, Se
 export { default as Context, type ListboxContextProps as ContextProps } from './listbox-context.vue';
 export { default as Content, type ListboxContentBaseProps as ContentBaseProps, type ListboxContentProps as ContentProps, } from './listbox-content.vue';
 export { default as Input, type ListboxInputBaseProps as InputBaseProps, type ListboxInputProps as InputProps, } from './listbox-input.vue';
+export { default as ItemContext, type ListboxItemContextProps as ItemContextProps } from './listbox-item-context.vue';
 export { default as ItemGroupLabel, type ListboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type ListboxItemGroupLabelProps as ItemGroupLabelProps, } from './listbox-item-group-label.vue';
 export { default as ItemGroup, type ListboxItemGroupBaseProps as ItemGroupBaseProps, type ListboxItemGroupProps as ItemGroupProps, } from './listbox-item-group.vue';
 export { default as ItemIndicator, type ListboxItemIndicatorBaseProps as ItemIndicatorBaseProps, type ListboxItemIndicatorProps as ItemIndicatorProps, } from './listbox-item-indicator.vue';

package/dist/components/listbox/listbox.js

@@ -1,6 +1,7 @@
 export { default as Context } from './listbox-context.vue.js';
 export { default as Content } from './listbox-content.vue.js';
 export { default as Input } from './listbox-input.vue.js';
+export { default as ItemContext } from './listbox-item-context.vue.js';
 export { default as ItemGroupLabel } from './listbox-item-group-label.vue.js';
 export { default as ItemGroup } from './listbox-item-group.vue.js';
 export { default as ItemIndicator } from './listbox-item-indicator.vue.js';

package/dist/components/password-input/index.cjs

@@ -12,8 +12,8 @@ const passwordInputRootProvider_vue_vue_type_script_setup_true_lang = require('.
 const passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang = require('./password-input-visibility-trigger.vue.cjs');
 const usePasswordInput = require('./use-password-input.cjs');
 const usePasswordInputContext = require('./use-password-input-context.cjs');
-const passwordInput = require('./password-input.cjs');
-const index = require('../../node_modules/@zag-js/password-input/dist/index.cjs');
+const passwordInput$1 = require('./password-input.cjs');
+const passwordInput = require('@zag-js/password-input');
 
 
 
@@ -27,5 +27,8 @@ exports.PasswordInputRootProvider = passwordInputRootProvider_vue_vue_type_scrip
 exports.PasswordInputVisibilityTrigger = passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.usePasswordInput = usePasswordInput.usePasswordInput;
 exports.usePasswordInputContext = usePasswordInputContext.usePasswordInputContext;
-exports.PasswordInput = passwordInput;
-exports.passwordInputAnatomy = index.anatomy;
+exports.PasswordInput = passwordInput$1;
+Object.defineProperty(exports, "passwordInputAnatomy", {
+  enumerable: true,
+  get: () => passwordInput.anatomy
+});

package/dist/components/password-input/index.js

@@ -10,4 +10,4 @@ export { usePasswordInput } from './use-password-input.js';
 export { usePasswordInputContext } from './use-password-input-context.js';
 import * as passwordInput from './password-input.js';
 export { passwordInput as PasswordInput };
-export { anatomy as passwordInputAnatomy } from '../../node_modules/@zag-js/password-input/dist/index.js';
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';

package/dist/components/password-input/use-password-input.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const index = require('../../node_modules/@zag-js/password-input/dist/index.cjs');
+const passwordInput = require('@zag-js/password-input');
 const vue$1 = require('@zag-js/vue');
 const vue = require('vue');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
@@ -10,6 +10,25 @@ const useLocaleContext = require('../../providers/locale/use-locale-context.cjs'
 const cleanProps = require('../../utils/clean-props.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const passwordInput__namespace = /*#__PURE__*/_interopNamespaceDefault(passwordInput);
+
 const usePasswordInput = (props = {}, emit) => {
   const id = vue.useId();
   const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
@@ -36,8 +55,8 @@ const usePasswordInput = (props = {}, emit) => {
       }
     };
   });
-  const service = vue$1.useMachine(index.machine, context);
-  return vue.computed(() => index.connect(service, vue$1.normalizeProps));
+  const service = vue$1.useMachine(passwordInput__namespace.machine, context);
+  return vue.computed(() => passwordInput__namespace.connect(service, vue$1.normalizeProps));
 };
 
 exports.usePasswordInput = usePasswordInput;

package/dist/components/password-input/use-password-input.js

@@ -1,4 +1,4 @@
-import { machine, connect } from '../../node_modules/@zag-js/password-input/dist/index.js';
+import * as passwordInput from '@zag-js/password-input';
 import { useMachine, normalizeProps } from '@zag-js/vue';
 import { useId, computed, toValue } from 'vue';
 import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
@@ -32,8 +32,8 @@ const usePasswordInput = (props = {}, emit) => {
       }
     };
   });
-  const service = useMachine(machine, context);
-  return computed(() => connect(service, normalizeProps));
+  const service = useMachine(passwordInput.machine, context);
+  return computed(() => passwordInput.connect(service, normalizeProps));
 };
 
 export { usePasswordInput };

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

@@ -15,11 +15,11 @@ HTMLAttributes {
 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<{
-        readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
+        readonly onFocusChange?: ((details: FocusChangeDetails<any>) => any) | undefined;
         readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
         readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
-        readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
-        readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
+        readonly onExpandedChange?: ((details: ExpandedChangeDetails<any>) => any) | undefined;
+        readonly onSelectionChange?: ((details: SelectionChangeDetails<any>) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
         readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
@@ -31,7 +31,7 @@ declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<ty
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -15,11 +15,11 @@ HTMLAttributes {
 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<{
-        readonly onFocusChange?: ((details: FocusChangeDetails) => any) | undefined;
+        readonly onFocusChange?: ((details: FocusChangeDetails<any>) => any) | undefined;
         readonly onCheckedChange?: ((details: CheckedChangeDetails) => any) | undefined;
         readonly "onUpdate:focusedValue"?: ((value: string | null) => any) | undefined;
-        readonly onExpandedChange?: ((details: ExpandedChangeDetails) => any) | undefined;
-        readonly onSelectionChange?: ((details: SelectionChangeDetails) => any) | undefined;
+        readonly onExpandedChange?: ((details: ExpandedChangeDetails<any>) => any) | undefined;
+        readonly onSelectionChange?: ((details: SelectionChangeDetails<any>) => any) | undefined;
         readonly onLoadChildrenComplete?: ((details: LoadChildrenCompleteDetails<T>) => any) | undefined;
         readonly onLoadChildrenError?: ((details: LoadChildrenErrorDetails<T>) => any) | undefined;
         readonly "onUpdate:expandedValue"?: ((value: string[]) => any) | undefined;
@@ -31,7 +31,7 @@ declare const _default: <T extends TreeNode>(__VLS_props: NonNullable<Awaited<ty
     slots: {
         default?(_: {}): any;
     };
-    emit: ((evt: "focusChange", details: FocusChangeDetails) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails) => void) & ((evt: "selectionChange", details: SelectionChangeDetails) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
+    emit: ((evt: "focusChange", details: FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: string | null) => void) & ((evt: "expandedChange", details: ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: LoadChildrenErrorDetails<T>) => void) & ((evt: "update:expandedValue", value: string[]) => void) & ((evt: "update:selectedValue", value: string[]) => void) & ((evt: "update:checkedValue", value: string[]) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/index.cjs

@@ -285,6 +285,7 @@ const listboxContext_vue_vue_type_script_setup_true_lang = require('./components
 const listboxContent_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-content.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');
 const listboxItemGroup_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group.vue.cjs');
 const listboxItemGroupLabel_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-group-label.vue.cjs');
 const listboxItemIndicator_vue_vue_type_script_setup_true_lang = require('./components/listbox/listbox-item-indicator.vue.cjs');
@@ -355,7 +356,7 @@ const passwordInputRootProvider_vue_vue_type_script_setup_true_lang = require('.
 const passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang = require('./components/password-input/password-input-visibility-trigger.vue.cjs');
 const usePasswordInput = require('./components/password-input/use-password-input.cjs');
 const usePasswordInputContext = require('./components/password-input/use-password-input-context.cjs');
-const passwordInput = require('./components/password-input/password-input.cjs');
+const passwordInput$1 = require('./components/password-input/password-input.cjs');
 const pinInputContext_vue_vue_type_script_setup_true_lang = require('./components/pin-input/pin-input-context.vue.cjs');
 const pinInputControl_vue_vue_type_script_setup_true_lang = require('./components/pin-input/pin-input-control.vue.cjs');
 const pinInputHiddenInput_vue_vue_type_script_setup_true_lang = require('./components/pin-input/pin-input-hidden-input.vue.cjs');
@@ -695,7 +696,7 @@ 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');
-const index = require('./node_modules/@zag-js/password-input/dist/index.cjs');
+const passwordInput = require('@zag-js/password-input');
 const pinInput = require('@zag-js/pin-input');
 const popover = require('@zag-js/popover');
 const progress = require('@zag-js/progress');
@@ -1010,6 +1011,7 @@ exports.ListboxContext = listboxContext_vue_vue_type_script_setup_true_lang.defa
 exports.ListboxContent = listboxContent_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;
 exports.ListboxItemGroup = listboxItemGroup_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemGroupLabel = listboxItemGroupLabel_vue_vue_type_script_setup_true_lang.default;
 exports.ListboxItemIndicator = listboxItemIndicator_vue_vue_type_script_setup_true_lang.default;
@@ -1080,7 +1082,7 @@ exports.PasswordInputRootProvider = passwordInputRootProvider_vue_vue_type_scrip
 exports.PasswordInputVisibilityTrigger = passwordInputVisibilityTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.usePasswordInput = usePasswordInput.usePasswordInput;
 exports.usePasswordInputContext = usePasswordInputContext.usePasswordInputContext;
-exports.PasswordInput = passwordInput;
+exports.PasswordInput = passwordInput$1;
 exports.PinInputContext = pinInputContext_vue_vue_type_script_setup_true_lang.default;
 exports.PinInputControl = pinInputControl_vue_vue_type_script_setup_true_lang.default;
 exports.PinInputHiddenInput = pinInputHiddenInput_vue_vue_type_script_setup_true_lang.default;
@@ -1474,7 +1476,10 @@ Object.defineProperty(exports, "paginationAnatomy", {
 	enumerable: true,
 	get: () => pagination.anatomy
 });
-exports.passwordInputAnatomy = index.anatomy;
+Object.defineProperty(exports, "passwordInputAnatomy", {
+	enumerable: true,
+	get: () => passwordInput.anatomy
+});
 Object.defineProperty(exports, "pinInputAnatomy", {
 	enumerable: true,
 	get: () => pinInput.anatomy

package/dist/index.js

@@ -299,6 +299,7 @@ export { default as ListboxContext } from './components/listbox/listbox-context.
 export { default as ListboxContent } from './components/listbox/listbox-content.vue.js';
 export { default as ListboxInput } from './components/listbox/listbox-input.vue.js';
 export { default as ListboxItem } from './components/listbox/listbox-item.vue.js';
+export { default as ListboxItemContext } from './components/listbox/listbox-item-context.vue.js';
 export { default as ListboxItemGroup } from './components/listbox/listbox-item-group.vue.js';
 export { default as ListboxItemGroupLabel } from './components/listbox/listbox-item-group-label.vue.js';
 export { default as ListboxItemIndicator } from './components/listbox/listbox-item-indicator.vue.js';
@@ -737,7 +738,7 @@ export { anatomy as listboxAnatomy } from '@zag-js/listbox';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';
-export { anatomy as passwordInputAnatomy } from './node_modules/@zag-js/password-input/dist/index.js';
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 export { anatomy as popoverAnatomy } from '@zag-js/popover';
 export { anatomy as progressAnatomy } from '@zag-js/progress';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.15.0",
+  "version": "5.15.2",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -140,60 +140,63 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.17.0",
-    "@zag-js/angle-slider": "1.17.0",
-    "@zag-js/anatomy": "1.17.0",
-    "@zag-js/auto-resize": "1.17.0",
-    "@zag-js/avatar": "1.17.0",
-    "@zag-js/carousel": "1.17.0",
-    "@zag-js/checkbox": "1.17.0",
-    "@zag-js/clipboard": "1.17.0",
-    "@zag-js/collapsible": "1.17.0",
-    "@zag-js/collection": "1.17.0",
-    "@zag-js/color-picker": "1.17.0",
-    "@zag-js/combobox": "1.17.0",
-    "@zag-js/date-picker": "1.17.0",
-    "@zag-js/dialog": "1.17.0",
-    "@zag-js/dom-query": "1.17.0",
-    "@zag-js/editable": "1.17.0",
-    "@zag-js/file-upload": "1.17.0",
-    "@zag-js/file-utils": "1.17.0",
-    "@zag-js/focus-trap": "1.17.0",
-    "@zag-js/floating-panel": "1.17.0",
-    "@zag-js/highlight-word": "1.17.0",
-    "@zag-js/hover-card": "1.17.0",
-    "@zag-js/i18n-utils": "1.17.0",
-    "@zag-js/listbox": "1.17.0",
-    "@zag-js/menu": "1.17.0",
-    "@zag-js/number-input": "1.17.0",
-    "@zag-js/pagination": "1.17.0",
-    "@zag-js/pin-input": "1.17.0",
-    "@zag-js/popover": "1.17.0",
-    "@zag-js/presence": "1.17.0",
-    "@zag-js/progress": "1.17.0",
-    "@zag-js/qr-code": "1.17.0",
-    "@zag-js/radio-group": "1.17.0",
-    "@zag-js/rating-group": "1.17.0",
-    "@zag-js/select": "1.17.0",
-    "@zag-js/signature-pad": "1.17.0",
-    "@zag-js/slider": "1.17.0",
-    "@zag-js/splitter": "1.17.0",
-    "@zag-js/switch": "1.17.0",
-    "@zag-js/tabs": "1.17.0",
-    "@zag-js/tags-input": "1.17.0",
-    "@zag-js/time-picker": "1.17.0",
-    "@zag-js/timer": "1.17.0",
-    "@zag-js/toast": "1.17.0",
-    "@zag-js/toggle": "1.17.0",
-    "@zag-js/toggle-group": "1.17.0",
-    "@zag-js/tooltip": "1.17.0",
-    "@zag-js/tour": "1.17.0",
-    "@zag-js/tree-view": "1.17.0",
-    "@zag-js/types": "1.17.0",
-    "@zag-js/utils": "1.17.0",
-    "@zag-js/steps": "1.17.0",
-    "@zag-js/store": "1.17.0",
-    "@zag-js/vue": "1.17.0"
+    "@zag-js/accordion": "1.17.2",
+    "@zag-js/angle-slider": "1.17.2",
+    "@zag-js/anatomy": "1.17.2",
+    "@zag-js/auto-resize": "1.17.2",
+    "@zag-js/avatar": "1.17.2",
+    "@zag-js/carousel": "1.17.2",
+    "@zag-js/checkbox": "1.17.2",
+    "@zag-js/clipboard": "1.17.2",
+    "@zag-js/collapsible": "1.17.2",
+    "@zag-js/collection": "1.17.2",
+    "@zag-js/color-picker": "1.17.2",
+    "@zag-js/color-utils": "1.17.2",
+    "@zag-js/combobox": "1.17.2",
+    "@zag-js/core": "1.17.2",
+    "@zag-js/date-picker": "1.17.2",
+    "@zag-js/date-utils": "1.17.2",
+    "@zag-js/dialog": "1.17.2",
+    "@zag-js/dom-query": "1.17.2",
+    "@zag-js/editable": "1.17.2",
+    "@zag-js/file-upload": "1.17.2",
+    "@zag-js/file-utils": "1.17.2",
+    "@zag-js/focus-trap": "1.17.2",
+    "@zag-js/floating-panel": "1.17.2",
+    "@zag-js/highlight-word": "1.17.2",
+    "@zag-js/hover-card": "1.17.2",
+    "@zag-js/i18n-utils": "1.17.2",
+    "@zag-js/listbox": "1.17.2",
+    "@zag-js/menu": "1.17.2",
+    "@zag-js/number-input": "1.17.2",
+    "@zag-js/pagination": "1.17.2",
+    "@zag-js/password-input": "1.17.2",
+    "@zag-js/pin-input": "1.17.2",
+    "@zag-js/popover": "1.17.2",
+    "@zag-js/presence": "1.17.2",
+    "@zag-js/progress": "1.17.2",
+    "@zag-js/qr-code": "1.17.2",
+    "@zag-js/radio-group": "1.17.2",
+    "@zag-js/rating-group": "1.17.2",
+    "@zag-js/select": "1.17.2",
+    "@zag-js/signature-pad": "1.17.2",
+    "@zag-js/slider": "1.17.2",
+    "@zag-js/splitter": "1.17.2",
+    "@zag-js/switch": "1.17.2",
+    "@zag-js/tabs": "1.17.2",
+    "@zag-js/tags-input": "1.17.2",
+    "@zag-js/time-picker": "1.17.2",
+    "@zag-js/timer": "1.17.2",
+    "@zag-js/toast": "1.17.2",
+    "@zag-js/toggle": "1.17.2",
+    "@zag-js/toggle-group": "1.17.2",
+    "@zag-js/tooltip": "1.17.2",
+    "@zag-js/tour": "1.17.2",
+    "@zag-js/tree-view": "1.17.2",
+    "@zag-js/types": "1.17.2",
+    "@zag-js/utils": "1.17.2",
+    "@zag-js/steps": "1.17.2",
+    "@zag-js/vue": "1.17.2"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",

package/dist/node_modules/@zag-js/core/dist/index.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('@zag-js/utils');
-require('@zag-js/dom-query');
-
-function createMachine(config) {
-  return config;
-}
-
-exports.createMachine = createMachine;

package/dist/node_modules/@zag-js/core/dist/index.js

@@ -1,8 +0,0 @@
-import '@zag-js/utils';
-import '@zag-js/dom-query';
-
-function createMachine(config) {
-  return config;
-}
-
-export { createMachine };

package/dist/node_modules/@zag-js/password-input/dist/index.cjs

@@ -1,243 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const anatomy$1 = require('@zag-js/anatomy');
-const domQuery = require('@zag-js/dom-query');
-const index = require('../../core/dist/index.cjs');
-const utils = require('@zag-js/utils');
-const types = require('@zag-js/types');
-
-// src/password-input.anatomy.ts
-var anatomy = anatomy$1.createAnatomy("password-input").parts(
-  "root",
-  "input",
-  "label",
-  "control",
-  "indicator",
-  "visibilityTrigger"
-);
-var parts = anatomy.build();
-
-// src/password-input.dom.ts
-var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-
-// src/password-input.connect.ts
-function connect(service, normalize) {
-  const { scope, prop, context } = service;
-  const visible = context.get("visible");
-  const disabled = !!prop("disabled");
-  const invalid = !!prop("invalid");
-  const readOnly = !!prop("readOnly");
-  const interactive = !(readOnly || disabled);
-  const translations = prop("translations");
-  return {
-    visible,
-    disabled,
-    invalid,
-    focus() {
-      getInputEl(scope)?.focus();
-    },
-    setVisible(value) {
-      service.send({ type: "VISIBILITY.SET", value });
-    },
-    toggleVisible() {
-      service.send({ type: "VISIBILITY.SET", value: !visible });
-    },
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        dir: prop("dir"),
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-invalid": domQuery.dataAttr(invalid),
-        "data-readonly": domQuery.dataAttr(readOnly)
-      });
-    },
-    getLabelProps() {
-      return normalize.label({
-        ...parts.label.attrs,
-        htmlFor: getInputId(scope),
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-invalid": domQuery.dataAttr(invalid),
-        "data-readonly": domQuery.dataAttr(readOnly)
-      });
-    },
-    getInputProps() {
-      return normalize.input({
-        ...parts.input.attrs,
-        id: getInputId(scope),
-        autoCapitalize: "off",
-        name: prop("name"),
-        required: prop("required"),
-        autoComplete: prop("autoComplete"),
-        spellCheck: false,
-        readOnly,
-        disabled,
-        type: visible ? "text" : "password",
-        "data-state": visible ? "visible" : "hidden",
-        "aria-invalid": domQuery.ariaAttr(invalid),
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-invalid": domQuery.dataAttr(invalid),
-        "data-readonly": domQuery.dataAttr(readOnly),
-        ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
-      });
-    },
-    getVisibilityTriggerProps() {
-      return normalize.button({
-        ...parts.visibilityTrigger.attrs,
-        type: "button",
-        tabIndex: -1,
-        "aria-controls": getInputId(scope),
-        "aria-expanded": visible,
-        "data-readonly": domQuery.dataAttr(readOnly),
-        disabled,
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-state": visible ? "visible" : "hidden",
-        "aria-label": translations?.visibilityTrigger?.(visible),
-        onPointerDown(event) {
-          if (!domQuery.isLeftClick(event)) return;
-          if (!interactive) return;
-          event.preventDefault();
-          service.send({ type: "TRIGGER.CLICK" });
-        }
-      });
-    },
-    getIndicatorProps() {
-      return normalize.element({
-        ...parts.indicator.attrs,
-        "aria-hidden": true,
-        "data-state": visible ? "visible" : "hidden",
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-invalid": domQuery.dataAttr(invalid),
-        "data-readonly": domQuery.dataAttr(readOnly)
-      });
-    },
-    getControlProps() {
-      return normalize.element({
-        ...parts.control.attrs,
-        "data-disabled": domQuery.dataAttr(disabled),
-        "data-invalid": domQuery.dataAttr(invalid),
-        "data-readonly": domQuery.dataAttr(readOnly)
-      });
-    }
-  };
-}
-var passwordManagerProps = {
-  // 1Password
-  "data-1p-ignore": "",
-  // LastPass
-  "data-lpignore": "true",
-  // Bitwarden
-  "data-bwignore": "true",
-  // Dashlane
-  "data-form-type": "other",
-  // Proton Pass
-  "data-protonpass-ignore": "true"
-};
-var machine = index.createMachine({
-  props({ props: props2 }) {
-    return {
-      id: utils.uuid(),
-      defaultVisible: false,
-      autoComplete: "current-password",
-      ignorePasswordManagers: false,
-      ...props2,
-      translations: {
-        visibilityTrigger(visible) {
-          return visible ? "Hide password" : "Show password";
-        },
-        ...props2.translations
-      }
-    };
-  },
-  context({ prop, bindable }) {
-    return {
-      visible: bindable(() => ({
-        value: prop("visible"),
-        defaultValue: prop("defaultVisible"),
-        onChange(value) {
-          prop("onVisibilityChange")?.({ visible: value });
-        }
-      }))
-    };
-  },
-  initialState() {
-    return "idle";
-  },
-  effects: ["trackFormEvents"],
-  states: {
-    idle: {
-      on: {
-        "VISIBILITY.SET": {
-          actions: ["setVisibility"]
-        },
-        "TRIGGER.CLICK": {
-          actions: ["toggleVisibility", "focusInputEl"]
-        }
-      }
-    }
-  },
-  implementations: {
-    actions: {
-      setVisibility({ context, event }) {
-        context.set("visible", event.value);
-      },
-      toggleVisibility({ context }) {
-        context.set("visible", (c) => !c);
-      },
-      focusInputEl({ scope }) {
-        const inputEl = getInputEl(scope);
-        inputEl?.focus();
-      }
-    },
-    effects: {
-      trackFormEvents({ scope, send }) {
-        const inputEl = getInputEl(scope);
-        const form = inputEl?.form;
-        if (!form) return;
-        const win = scope.getWin();
-        const controller = new win.AbortController();
-        form.addEventListener(
-          "reset",
-          (event) => {
-            if (event.defaultPrevented) return;
-            send({ type: "VISIBILITY.SET", value: false });
-          },
-          { signal: controller.signal }
-        );
-        form.addEventListener(
-          "submit",
-          () => {
-            send({ type: "VISIBILITY.SET", value: false });
-          },
-          { signal: controller.signal }
-        );
-        return () => controller.abort();
-      }
-    }
-  }
-});
-var props = types.createProps()([
-  "defaultVisible",
-  "dir",
-  "id",
-  "onVisibilityChange",
-  "visible",
-  "ids",
-  "getRootNode",
-  "disabled",
-  "invalid",
-  "required",
-  "readOnly",
-  "translations",
-  "ignorePasswordManagers",
-  "autoComplete",
-  "name"
-]);
-utils.createSplitProps(props);
-
-exports.anatomy = anatomy;
-exports.connect = connect;
-exports.machine = machine;
-exports.props = props;

package/dist/node_modules/@zag-js/password-input/dist/index.js

@@ -1,236 +0,0 @@
-import { createAnatomy } from '@zag-js/anatomy';
-import { dataAttr, isLeftClick, ariaAttr } from '@zag-js/dom-query';
-import { createMachine } from '../../core/dist/index.js';
-import { uuid, createSplitProps } from '@zag-js/utils';
-import { createProps } from '@zag-js/types';
-
-// src/password-input.anatomy.ts
-var anatomy = createAnatomy("password-input").parts(
-  "root",
-  "input",
-  "label",
-  "control",
-  "indicator",
-  "visibilityTrigger"
-);
-var parts = anatomy.build();
-
-// src/password-input.dom.ts
-var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-
-// src/password-input.connect.ts
-function connect(service, normalize) {
-  const { scope, prop, context } = service;
-  const visible = context.get("visible");
-  const disabled = !!prop("disabled");
-  const invalid = !!prop("invalid");
-  const readOnly = !!prop("readOnly");
-  const interactive = !(readOnly || disabled);
-  const translations = prop("translations");
-  return {
-    visible,
-    disabled,
-    invalid,
-    focus() {
-      getInputEl(scope)?.focus();
-    },
-    setVisible(value) {
-      service.send({ type: "VISIBILITY.SET", value });
-    },
-    toggleVisible() {
-      service.send({ type: "VISIBILITY.SET", value: !visible });
-    },
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        dir: prop("dir"),
-        "data-disabled": dataAttr(disabled),
-        "data-invalid": dataAttr(invalid),
-        "data-readonly": dataAttr(readOnly)
-      });
-    },
-    getLabelProps() {
-      return normalize.label({
-        ...parts.label.attrs,
-        htmlFor: getInputId(scope),
-        "data-disabled": dataAttr(disabled),
-        "data-invalid": dataAttr(invalid),
-        "data-readonly": dataAttr(readOnly)
-      });
-    },
-    getInputProps() {
-      return normalize.input({
-        ...parts.input.attrs,
-        id: getInputId(scope),
-        autoCapitalize: "off",
-        name: prop("name"),
-        required: prop("required"),
-        autoComplete: prop("autoComplete"),
-        spellCheck: false,
-        readOnly,
-        disabled,
-        type: visible ? "text" : "password",
-        "data-state": visible ? "visible" : "hidden",
-        "aria-invalid": ariaAttr(invalid),
-        "data-disabled": dataAttr(disabled),
-        "data-invalid": dataAttr(invalid),
-        "data-readonly": dataAttr(readOnly),
-        ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
-      });
-    },
-    getVisibilityTriggerProps() {
-      return normalize.button({
-        ...parts.visibilityTrigger.attrs,
-        type: "button",
-        tabIndex: -1,
-        "aria-controls": getInputId(scope),
-        "aria-expanded": visible,
-        "data-readonly": dataAttr(readOnly),
-        disabled,
-        "data-disabled": dataAttr(disabled),
-        "data-state": visible ? "visible" : "hidden",
-        "aria-label": translations?.visibilityTrigger?.(visible),
-        onPointerDown(event) {
-          if (!isLeftClick(event)) return;
-          if (!interactive) return;
-          event.preventDefault();
-          service.send({ type: "TRIGGER.CLICK" });
-        }
-      });
-    },
-    getIndicatorProps() {
-      return normalize.element({
-        ...parts.indicator.attrs,
-        "aria-hidden": true,
-        "data-state": visible ? "visible" : "hidden",
-        "data-disabled": dataAttr(disabled),
-        "data-invalid": dataAttr(invalid),
-        "data-readonly": dataAttr(readOnly)
-      });
-    },
-    getControlProps() {
-      return normalize.element({
-        ...parts.control.attrs,
-        "data-disabled": dataAttr(disabled),
-        "data-invalid": dataAttr(invalid),
-        "data-readonly": dataAttr(readOnly)
-      });
-    }
-  };
-}
-var passwordManagerProps = {
-  // 1Password
-  "data-1p-ignore": "",
-  // LastPass
-  "data-lpignore": "true",
-  // Bitwarden
-  "data-bwignore": "true",
-  // Dashlane
-  "data-form-type": "other",
-  // Proton Pass
-  "data-protonpass-ignore": "true"
-};
-var machine = createMachine({
-  props({ props: props2 }) {
-    return {
-      id: uuid(),
-      defaultVisible: false,
-      autoComplete: "current-password",
-      ignorePasswordManagers: false,
-      ...props2,
-      translations: {
-        visibilityTrigger(visible) {
-          return visible ? "Hide password" : "Show password";
-        },
-        ...props2.translations
-      }
-    };
-  },
-  context({ prop, bindable }) {
-    return {
-      visible: bindable(() => ({
-        value: prop("visible"),
-        defaultValue: prop("defaultVisible"),
-        onChange(value) {
-          prop("onVisibilityChange")?.({ visible: value });
-        }
-      }))
-    };
-  },
-  initialState() {
-    return "idle";
-  },
-  effects: ["trackFormEvents"],
-  states: {
-    idle: {
-      on: {
-        "VISIBILITY.SET": {
-          actions: ["setVisibility"]
-        },
-        "TRIGGER.CLICK": {
-          actions: ["toggleVisibility", "focusInputEl"]
-        }
-      }
-    }
-  },
-  implementations: {
-    actions: {
-      setVisibility({ context, event }) {
-        context.set("visible", event.value);
-      },
-      toggleVisibility({ context }) {
-        context.set("visible", (c) => !c);
-      },
-      focusInputEl({ scope }) {
-        const inputEl = getInputEl(scope);
-        inputEl?.focus();
-      }
-    },
-    effects: {
-      trackFormEvents({ scope, send }) {
-        const inputEl = getInputEl(scope);
-        const form = inputEl?.form;
-        if (!form) return;
-        const win = scope.getWin();
-        const controller = new win.AbortController();
-        form.addEventListener(
-          "reset",
-          (event) => {
-            if (event.defaultPrevented) return;
-            send({ type: "VISIBILITY.SET", value: false });
-          },
-          { signal: controller.signal }
-        );
-        form.addEventListener(
-          "submit",
-          () => {
-            send({ type: "VISIBILITY.SET", value: false });
-          },
-          { signal: controller.signal }
-        );
-        return () => controller.abort();
-      }
-    }
-  }
-});
-var props = createProps()([
-  "defaultVisible",
-  "dir",
-  "id",
-  "onVisibilityChange",
-  "visible",
-  "ids",
-  "getRootNode",
-  "disabled",
-  "invalid",
-  "required",
-  "readOnly",
-  "translations",
-  "ignorePasswordManagers",
-  "autoComplete",
-  "name"
-]);
-createSplitProps(props);
-
-export { anatomy, connect, machine, props };