@ark-ui/react
Version:
A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.
22 lines (17 loc) • 1.05 kB
JavaScript
'use client';
;
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const jsxRuntime = require('react/jsx-runtime');
const react = require('@zag-js/react');
const splitPresenceProps = require('../presence/split-presence-props.cjs');
const usePresence = require('../presence/use-presence.cjs');
const usePresenceContext = require('../presence/use-presence-context.cjs');
const useTooltip = require('./use-tooltip.cjs');
const useTooltipContext = require('./use-tooltip-context.cjs');
const TooltipRoot = (props) => {
const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
const tooltip = useTooltip.useTooltip(localProps);
const presence = usePresence.usePresence(react.mergeProps({ present: tooltip.open }, presenceProps));
return /* @__PURE__ */ jsxRuntime.jsx(useTooltipContext.TooltipProvider, { value: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) });
};
exports.TooltipRoot = TooltipRoot;