@ark-ui/react 5.9.2 → 5.11.0

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useFieldContext } from '../field/use-field-context.js';
+import { usePasswordInputContext } from './use-password-input-context.js';
+
+const PasswordInputInput = forwardRef((props, ref) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(passwordInput.getInputProps(), props);
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
+PasswordInputInput.displayName = "PasswordInputInput";
+
+export { PasswordInputInput };

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const usePasswordInputContext = require('./use-password-input-context.cjs');
+
+const PasswordInputLabel = react.forwardRef((props, ref) => {
+  const passwordInput = usePasswordInputContext.usePasswordInputContext();
+  const mergedProps = react$1.mergeProps(passwordInput.getLabelProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+PasswordInputLabel.displayName = "PasswordInputLabel";
+
+exports.PasswordInputLabel = PasswordInputLabel;

package/dist/components/password-input/password-input-label.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputLabelBaseProps extends PolymorphicProps {
+}
+export interface PasswordInputLabelProps extends HTMLProps<'label'>, PasswordInputLabelBaseProps {
+}
+export declare const PasswordInputLabel: ForwardRefExoticComponent<PasswordInputLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/password-input/password-input-label.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputLabelBaseProps extends PolymorphicProps {
+}
+export interface PasswordInputLabelProps extends HTMLProps<'label'>, PasswordInputLabelBaseProps {
+}
+export declare const PasswordInputLabel: ForwardRefExoticComponent<PasswordInputLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePasswordInputContext } from './use-password-input-context.js';
+
+const PasswordInputLabel = forwardRef((props, ref) => {
+  const passwordInput = usePasswordInputContext();
+  const mergedProps = mergeProps(passwordInput.getLabelProps(), props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+PasswordInputLabel.displayName = "PasswordInputLabel";
+
+export { PasswordInputLabel };

package/dist/components/password-input/password-input-root-provider.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const usePasswordInputContext = require('./use-password-input-context.cjs');
+
+const PasswordInputRootProvider = react.forwardRef((props, ref) => {
+  const { value: passwordInput, ...localProps } = props;
+  const mergedProps = react$1.mergeProps(passwordInput.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(usePasswordInputContext.PasswordInputProvider, { value: passwordInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+PasswordInputRootProvider.displayName = "PasswordInputRootProvider";
+
+exports.PasswordInputRootProvider = PasswordInputRootProvider;

package/dist/components/password-input/password-input-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UsePasswordInputReturn } from './use-password-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UsePasswordInputReturn;
+}
+export interface PasswordInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface PasswordInputRootProviderProps extends HTMLProps<'div'>, PasswordInputRootProviderBaseProps {
+}
+export declare const PasswordInputRootProvider: ForwardRefExoticComponent<PasswordInputRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/password-input/password-input-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UsePasswordInputReturn } from './use-password-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UsePasswordInputReturn;
+}
+export interface PasswordInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface PasswordInputRootProviderProps extends HTMLProps<'div'>, PasswordInputRootProviderBaseProps {
+}
+export declare const PasswordInputRootProvider: ForwardRefExoticComponent<PasswordInputRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/password-input/password-input-root-provider.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { PasswordInputProvider } from './use-password-input-context.js';
+
+const PasswordInputRootProvider = forwardRef((props, ref) => {
+  const { value: passwordInput, ...localProps } = props;
+  const mergedProps = mergeProps(passwordInput.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(PasswordInputProvider, { value: passwordInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+PasswordInputRootProvider.displayName = "PasswordInputRootProvider";
+
+export { PasswordInputRootProvider };

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

@@ -0,0 +1,36 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const usePasswordInput = require('./use-password-input.cjs');
+const usePasswordInputContext = require('./use-password-input-context.cjs');
+
+const PasswordInputRoot = react.forwardRef((props, ref) => {
+  const [usePasswordInputProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "autoComplete",
+    "defaultVisible",
+    "disabled",
+    "id",
+    "ids",
+    "ignorePasswordManagers",
+    "invalid",
+    "name",
+    "onVisibilityChange",
+    "readOnly",
+    "required",
+    "translations",
+    "visible"
+  ]);
+  const passwordInput = usePasswordInput.usePasswordInput(usePasswordInputProps);
+  const mergedProps = react$1.mergeProps(passwordInput.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(usePasswordInputContext.PasswordInputProvider, { value: passwordInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+PasswordInputRoot.displayName = "PasswordInputRoot";
+
+exports.PasswordInputRoot = PasswordInputRoot;

package/dist/components/password-input/password-input-root.d.cts

@@ -0,0 +1,9 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UsePasswordInputProps } from './use-password-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps {
+}
+export interface PasswordInputRootProps extends Assign<HTMLProps<'div'>, PasswordInputRootBaseProps> {
+}
+export declare const PasswordInputRoot: ForwardRefExoticComponent<PasswordInputRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/password-input/password-input-root.d.ts

@@ -0,0 +1,9 @@
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UsePasswordInputProps } from './use-password-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputRootBaseProps extends UsePasswordInputProps, PolymorphicProps {
+}
+export interface PasswordInputRootProps extends Assign<HTMLProps<'div'>, PasswordInputRootBaseProps> {
+}
+export declare const PasswordInputRoot: ForwardRefExoticComponent<PasswordInputRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,32 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { usePasswordInput } from './use-password-input.js';
+import { PasswordInputProvider } from './use-password-input-context.js';
+
+const PasswordInputRoot = forwardRef((props, ref) => {
+  const [usePasswordInputProps, localProps] = createSplitProps()(props, [
+    "autoComplete",
+    "defaultVisible",
+    "disabled",
+    "id",
+    "ids",
+    "ignorePasswordManagers",
+    "invalid",
+    "name",
+    "onVisibilityChange",
+    "readOnly",
+    "required",
+    "translations",
+    "visible"
+  ]);
+  const passwordInput = usePasswordInput(usePasswordInputProps);
+  const mergedProps = mergeProps(passwordInput.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(PasswordInputProvider, { value: passwordInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+PasswordInputRoot.displayName = "PasswordInputRoot";
+
+export { PasswordInputRoot };

package/dist/components/password-input/password-input-visibility-trigger.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const usePasswordInputContext = require('./use-password-input-context.cjs');
+
+const PasswordInputVisibilityTrigger = react.forwardRef(
+  (props, ref) => {
+    const passwordInput = usePasswordInputContext.usePasswordInputContext();
+    const mergedProps = react$1.mergeProps(passwordInput.getVisibilityTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+PasswordInputVisibilityTrigger.displayName = "PasswordInputVisibilityTrigger";
+
+exports.PasswordInputVisibilityTrigger = PasswordInputVisibilityTrigger;

package/dist/components/password-input/password-input-visibility-trigger.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {
+}
+export interface PasswordInputVisibilityTriggerProps extends HTMLProps<'button'>, PasswordInputVisibilityTriggerBaseProps {
+}
+export declare const PasswordInputVisibilityTrigger: ForwardRefExoticComponent<PasswordInputVisibilityTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/password-input/password-input-visibility-trigger.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PasswordInputVisibilityTriggerBaseProps extends PolymorphicProps {
+}
+export interface PasswordInputVisibilityTriggerProps extends HTMLProps<'button'>, PasswordInputVisibilityTriggerBaseProps {
+}
+export declare const PasswordInputVisibilityTrigger: ForwardRefExoticComponent<PasswordInputVisibilityTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/password-input/password-input-visibility-trigger.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePasswordInputContext } from './use-password-input-context.js';
+
+const PasswordInputVisibilityTrigger = forwardRef(
+  (props, ref) => {
+    const passwordInput = usePasswordInputContext();
+    const mergedProps = mergeProps(passwordInput.getVisibilityTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+PasswordInputVisibilityTrigger.displayName = "PasswordInputVisibilityTrigger";
+
+export { PasswordInputVisibilityTrigger };

package/dist/components/password-input/password-input.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';

package/dist/components/password-input/password-input.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as passwordInputAnatomy } from '@zag-js/password-input';

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const passwordInputContext = require('./password-input-context.cjs');
+const passwordInputControl = require('./password-input-control.cjs');
+const passwordInputIndicator = require('./password-input-indicator.cjs');
+const passwordInputInput = require('./password-input-input.cjs');
+const passwordInputLabel = require('./password-input-label.cjs');
+const passwordInputRoot = require('./password-input-root.cjs');
+const passwordInputRootProvider = require('./password-input-root-provider.cjs');
+const passwordInputVisibilityTrigger = require('./password-input-visibility-trigger.cjs');
+
+
+
+exports.Context = passwordInputContext.PasswordInputContext;
+exports.Control = passwordInputControl.PasswordInputControl;
+exports.Indicator = passwordInputIndicator.PasswordInputIndicator;
+exports.Input = passwordInputInput.PasswordInputInput;
+exports.Label = passwordInputLabel.PasswordInputLabel;
+exports.Root = passwordInputRoot.PasswordInputRoot;
+exports.RootProvider = passwordInputRootProvider.PasswordInputRootProvider;
+exports.VisibilityTrigger = passwordInputVisibilityTrigger.PasswordInputVisibilityTrigger;

package/dist/components/password-input/password-input.d.cts

@@ -0,0 +1,9 @@
+export type { VisibilityChangeDetails } from '@zag-js/password-input';
+export { PasswordInputContext as Context, type PasswordInputContextProps as ContextProps, } from './password-input-context';
+export { PasswordInputControl as Control, type PasswordInputControlBaseProps as ControlBaseProps, type PasswordInputControlProps as ControlProps, } from './password-input-control';
+export { PasswordInputIndicator as Indicator, type PasswordInputIndicatorBaseProps as IndicatorBaseProps, type PasswordInputIndicatorProps as IndicatorProps, } from './password-input-indicator';
+export { PasswordInputInput as Input, type PasswordInputInputBaseProps as InputBaseProps, type PasswordInputInputProps as InputProps, } from './password-input-input';
+export { PasswordInputLabel as Label, type PasswordInputLabelBaseProps as LabelBaseProps, type PasswordInputLabelProps as LabelProps, } from './password-input-label';
+export { PasswordInputRoot as Root, type PasswordInputRootBaseProps as RootBaseProps, type PasswordInputRootProps as RootProps, } from './password-input-root';
+export { PasswordInputRootProvider as RootProvider, type PasswordInputRootProviderBaseProps as RootProviderBaseProps, type PasswordInputRootProviderProps as RootProviderProps, } from './password-input-root-provider';
+export { PasswordInputVisibilityTrigger as VisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps as VisibilityTriggerProps, } from './password-input-visibility-trigger';

package/dist/components/password-input/password-input.d.ts

@@ -0,0 +1,9 @@
+export type { VisibilityChangeDetails } from '@zag-js/password-input';
+export { PasswordInputContext as Context, type PasswordInputContextProps as ContextProps, } from './password-input-context';
+export { PasswordInputControl as Control, type PasswordInputControlBaseProps as ControlBaseProps, type PasswordInputControlProps as ControlProps, } from './password-input-control';
+export { PasswordInputIndicator as Indicator, type PasswordInputIndicatorBaseProps as IndicatorBaseProps, type PasswordInputIndicatorProps as IndicatorProps, } from './password-input-indicator';
+export { PasswordInputInput as Input, type PasswordInputInputBaseProps as InputBaseProps, type PasswordInputInputProps as InputProps, } from './password-input-input';
+export { PasswordInputLabel as Label, type PasswordInputLabelBaseProps as LabelBaseProps, type PasswordInputLabelProps as LabelProps, } from './password-input-label';
+export { PasswordInputRoot as Root, type PasswordInputRootBaseProps as RootBaseProps, type PasswordInputRootProps as RootProps, } from './password-input-root';
+export { PasswordInputRootProvider as RootProvider, type PasswordInputRootProviderBaseProps as RootProviderBaseProps, type PasswordInputRootProviderProps as RootProviderProps, } from './password-input-root-provider';
+export { PasswordInputVisibilityTrigger as VisibilityTrigger, type PasswordInputVisibilityTriggerBaseProps as VisibilityTriggerBaseProps, type PasswordInputVisibilityTriggerProps as VisibilityTriggerProps, } from './password-input-visibility-trigger';

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

@@ -0,0 +1,8 @@
+export { PasswordInputContext as Context } from './password-input-context.js';
+export { PasswordInputControl as Control } from './password-input-control.js';
+export { PasswordInputIndicator as Indicator } from './password-input-indicator.js';
+export { PasswordInputInput as Input } from './password-input-input.js';
+export { PasswordInputLabel as Label } from './password-input-label.js';
+export { PasswordInputRoot as Root } from './password-input-root.js';
+export { PasswordInputRootProvider as RootProvider } from './password-input-root-provider.js';
+export { PasswordInputVisibilityTrigger as VisibilityTrigger } from './password-input-visibility-trigger.js';

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [PasswordInputProvider, usePasswordInputContext] = createContext.createContext({
+  name: "PasswordInputContext",
+  hookName: "usePasswordInputContext",
+  providerName: "<PasswordInputProvider />"
+});
+
+exports.PasswordInputProvider = PasswordInputProvider;
+exports.usePasswordInputContext = usePasswordInputContext;

package/dist/components/password-input/use-password-input-context.d.cts

@@ -0,0 +1,5 @@
+import { UsePasswordInputReturn } from './use-password-input';
+import { Provider } from 'react';
+export interface UsePasswordInputContext extends UsePasswordInputReturn {
+}
+export declare const PasswordInputProvider: Provider<UsePasswordInputContext>, usePasswordInputContext: () => UsePasswordInputContext;

package/dist/components/password-input/use-password-input-context.d.ts

@@ -0,0 +1,5 @@
+import { UsePasswordInputReturn } from './use-password-input';
+import { Provider } from 'react';
+export interface UsePasswordInputContext extends UsePasswordInputReturn {
+}
+export declare const PasswordInputProvider: Provider<UsePasswordInputContext>, usePasswordInputContext: () => UsePasswordInputContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [PasswordInputProvider, usePasswordInputContext] = createContext({
+  name: "PasswordInputContext",
+  hookName: "usePasswordInputContext",
+  providerName: "<PasswordInputProvider />"
+});
+
+export { PasswordInputProvider, usePasswordInputContext };

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

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const passwordInput = require('@zag-js/password-input');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.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) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const field = useFieldContext.useFieldContext();
+  const machineProps = {
+    id,
+    ids: {
+      input: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
+    invalid: field?.invalid,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(passwordInput__namespace.machine, machineProps);
+  return passwordInput__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.usePasswordInput = usePasswordInput;

package/dist/components/password-input/use-password-input.d.cts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as passwordInput from '@zag-js/password-input';
+export interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UsePasswordInputReturn extends passwordInput.Api<PropTypes> {
+}
+export declare const usePasswordInput: (props?: UsePasswordInputProps) => UsePasswordInputReturn;

package/dist/components/password-input/use-password-input.d.ts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as passwordInput from '@zag-js/password-input';
+export interface UsePasswordInputProps extends Optional<Omit<passwordInput.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UsePasswordInputReturn extends passwordInput.Api<PropTypes> {
+}
+export declare const usePasswordInput: (props?: UsePasswordInputProps) => UsePasswordInputReturn;

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

@@ -0,0 +1,31 @@
+'use client';
+import * as passwordInput from '@zag-js/password-input';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useFieldContext } from '../field/use-field-context.js';
+
+const usePasswordInput = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const field = useFieldContext();
+  const machineProps = {
+    id,
+    ids: {
+      input: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
+    invalid: field?.invalid,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(passwordInput.machine, machineProps);
+  return passwordInput.connect(service, normalizeProps);
+};
+
+export { usePasswordInput };

package/dist/components/select/select-root.cjs

@@ -38,6 +38,7 @@ const SelectImpl = (props, ref) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onSelect",
     "onValueChange",
     "open",
     "positioning",

package/dist/components/select/select-root.js

@@ -34,6 +34,7 @@ const SelectImpl = (props, ref) => {
     "onInteractOutside",
     "onOpenChange",
     "onPointerDownOutside",
+    "onSelect",
     "onValueChange",
     "open",
     "positioning",

package/dist/index.cjs

@@ -342,6 +342,17 @@ const paginationRootProvider = require('./components/pagination/pagination-root-
 const usePagination = require('./components/pagination/use-pagination.cjs');
 const usePaginationContext = require('./components/pagination/use-pagination-context.cjs');
 const pagination$1 = require('./components/pagination/pagination.cjs');
+const passwordInputContext = require('./components/password-input/password-input-context.cjs');
+const passwordInputControl = require('./components/password-input/password-input-control.cjs');
+const passwordInputIndicator = require('./components/password-input/password-input-indicator.cjs');
+const passwordInputInput = require('./components/password-input/password-input-input.cjs');
+const passwordInputLabel = require('./components/password-input/password-input-label.cjs');
+const passwordInputRoot = require('./components/password-input/password-input-root.cjs');
+const passwordInputRootProvider = require('./components/password-input/password-input-root-provider.cjs');
+const passwordInputVisibilityTrigger = require('./components/password-input/password-input-visibility-trigger.cjs');
+const usePasswordInput = require('./components/password-input/use-password-input.cjs');
+const usePasswordInputContext = require('./components/password-input/use-password-input-context.cjs');
+const passwordInput$1 = require('./components/password-input/password-input.cjs');
 const pinInputContext = require('./components/pin-input/pin-input-context.cjs');
 const pinInputControl = require('./components/pin-input/pin-input-control.cjs');
 const pinInputHiddenInput = require('./components/pin-input/pin-input-hidden-input.cjs');
@@ -675,6 +686,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 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');
@@ -1047,6 +1059,17 @@ exports.PaginationRootProvider = paginationRootProvider.PaginationRootProvider;
 exports.usePagination = usePagination.usePagination;
 exports.usePaginationContext = usePaginationContext.usePaginationContext;
 exports.Pagination = pagination$1;
+exports.PasswordInputContext = passwordInputContext.PasswordInputContext;
+exports.PasswordInputControl = passwordInputControl.PasswordInputControl;
+exports.PasswordInputIndicator = passwordInputIndicator.PasswordInputIndicator;
+exports.PasswordInputInput = passwordInputInput.PasswordInputInput;
+exports.PasswordInputLabel = passwordInputLabel.PasswordInputLabel;
+exports.PasswordInputRoot = passwordInputRoot.PasswordInputRoot;
+exports.PasswordInputRootProvider = passwordInputRootProvider.PasswordInputRootProvider;
+exports.PasswordInputVisibilityTrigger = passwordInputVisibilityTrigger.PasswordInputVisibilityTrigger;
+exports.usePasswordInput = usePasswordInput.usePasswordInput;
+exports.usePasswordInputContext = usePasswordInputContext.usePasswordInputContext;
+exports.PasswordInput = passwordInput$1;
 exports.PinInputContext = pinInputContext.PinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
 exports.PinInputHiddenInput = pinInputHiddenInput.PinInputHiddenInput;
@@ -1432,6 +1455,10 @@ Object.defineProperty(exports, "paginationAnatomy", {
 	enumerable: true,
 	get: () => pagination.anatomy
 });
+Object.defineProperty(exports, "passwordInputAnatomy", {
+	enumerable: true,
+	get: () => passwordInput.anatomy
+});
 Object.defineProperty(exports, "pinInputAnatomy", {
 	enumerable: true,
 	get: () => pinInput.anatomy

package/dist/index.js

@@ -360,6 +360,18 @@ export { usePagination } from './components/pagination/use-pagination.js';
 export { usePaginationContext } from './components/pagination/use-pagination-context.js';
 import * as pagination from './components/pagination/pagination.js';
 export { pagination as Pagination };
+export { PasswordInputContext } from './components/password-input/password-input-context.js';
+export { PasswordInputControl } from './components/password-input/password-input-control.js';
+export { PasswordInputIndicator } from './components/password-input/password-input-indicator.js';
+export { PasswordInputInput } from './components/password-input/password-input-input.js';
+export { PasswordInputLabel } from './components/password-input/password-input-label.js';
+export { PasswordInputRoot } from './components/password-input/password-input-root.js';
+export { PasswordInputRootProvider } from './components/password-input/password-input-root-provider.js';
+export { PasswordInputVisibilityTrigger } from './components/password-input/password-input-visibility-trigger.js';
+export { usePasswordInput } from './components/password-input/use-password-input.js';
+export { usePasswordInputContext } from './components/password-input/use-password-input-context.js';
+import * as passwordInput from './components/password-input/password-input.js';
+export { passwordInput as PasswordInput };
 export { PinInputContext } from './components/pin-input/pin-input-context.js';
 export { PinInputControl } from './components/pin-input/pin-input-control.js';
 export { PinInputHiddenInput } from './components/pin-input/pin-input-hidden-input.js';
@@ -716,6 +728,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 '@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/providers/environment/environment-provider.cjs

@@ -13,7 +13,7 @@ const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = react.useState();
   const getRootNode = react.useMemo(() => {
-    return () => runIfFn.runIfFn(value) ?? spanRef?.ownerDocument ?? document;
+    return () => runIfFn.runIfFn(value) ?? spanRef?.getRootNode() ?? document;
   }, [value, spanRef]);
   const environment = react.useMemo(
     () => ({

package/dist/providers/environment/environment-provider.js

@@ -9,7 +9,7 @@ const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = useState();
   const getRootNode = useMemo(() => {
-    return () => runIfFn(value) ?? spanRef?.ownerDocument ?? document;
+    return () => runIfFn(value) ?? spanRef?.getRootNode() ?? document;
   }, [value, spanRef]);
   const environment = useMemo(
     () => ({