@ark-ui/react 3.1.0 → 3.2.0

package/dist/components/hover-card/hover-card-positioner.js

@@ -9,7 +9,7 @@ import { useHoverCardContext } from './use-hover-card-context.js';
 const HoverCardPositioner = forwardRef(
   (props, ref) => {
     const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(hoverCard.positionerProps, props);
+    const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);
     const presence = usePresenceContext();
     if (presence.unmounted) {
       return null;

package/dist/components/hover-card/hover-card-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 = 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 useHoverCardContext = require('./use-hover-card-context.cjs');
+
+const HoverCardRootProvider = (props) => {
+  const [presenceProps, { value: hoverCard, children }] = splitPresenceProps.splitPresenceProps(props);
+  const presence = usePresence.usePresence(react.mergeProps({ present: hoverCard.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useHoverCardContext.HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) });
+};
+
+exports.HoverCardRootProvider = HoverCardRootProvider;

package/dist/components/hover-card/hover-card-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseHoverCardReturn } from './use-hover-card';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseHoverCardReturn;
+}
+export interface HoverCardRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/hover-card/hover-card-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseHoverCardReturn } from './use-hover-card';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseHoverCardReturn;
+}
+export interface HoverCardRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/hover-card/hover-card-root-provider.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { HoverCardProvider } from './use-hover-card-context.js';
+
+const HoverCardRootProvider = (props) => {
+  const [presenceProps, { value: hoverCard, children }] = splitPresenceProps(props);
+  const presence = usePresence(mergeProps({ present: hoverCard.open }, presenceProps));
+  return /* @__PURE__ */ jsx(HoverCardProvider, { value: hoverCard, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) });
+};
+
+export { HoverCardRootProvider };

package/dist/components/hover-card/hover-card-trigger.cjs

@@ -12,7 +12,7 @@ const useHoverCardContext = require('./use-hover-card-context.cjs');
 const HoverCardTrigger = react.forwardRef(
   (props, ref) => {
     const hoverCard = useHoverCardContext.useHoverCardContext();
-    const mergedProps = react$1.mergeProps(hoverCard.triggerProps, props);
+    const mergedProps = react$1.mergeProps(hoverCard.getTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/hover-card/hover-card-trigger.js

@@ -8,7 +8,7 @@ import { useHoverCardContext } from './use-hover-card-context.js';
 const HoverCardTrigger = forwardRef(
   (props, ref) => {
     const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(hoverCard.triggerProps, props);
+    const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/hover-card/hover-card.cjs

@@ -8,6 +8,7 @@ const hoverCardContent = require('./hover-card-content.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 const hoverCardPositioner = require('./hover-card-positioner.cjs');
 const hoverCardRoot = require('./hover-card-root.cjs');
+const hoverCardRootProvider = require('./hover-card-root-provider.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
 
 
@@ -18,4 +19,5 @@ exports.Content = hoverCardContent.HoverCardContent;
 exports.Context = hoverCardContext.HoverCardContext;
 exports.Positioner = hoverCardPositioner.HoverCardPositioner;
 exports.Root = hoverCardRoot.HoverCardRoot;
+exports.RootProvider = hoverCardRootProvider.HoverCardRootProvider;
 exports.Trigger = hoverCardTrigger.HoverCardTrigger;

package/dist/components/hover-card/hover-card.d.cts

@@ -5,4 +5,5 @@ export { HoverCardContent as Content, type HoverCardContentProps as ContentProps
 export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
 export { HoverCardPositioner as Positioner, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot as Root, type HoverCardRootProps as RootProps } from './hover-card-root';
+export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';
 export { HoverCardTrigger as Trigger, type HoverCardTriggerProps as TriggerProps, } from './hover-card-trigger';

package/dist/components/hover-card/hover-card.d.ts

@@ -5,4 +5,5 @@ export { HoverCardContent as Content, type HoverCardContentProps as ContentProps
 export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
 export { HoverCardPositioner as Positioner, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot as Root, type HoverCardRootProps as RootProps } from './hover-card-root';
+export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';
 export { HoverCardTrigger as Trigger, type HoverCardTriggerProps as TriggerProps, } from './hover-card-trigger';

package/dist/components/hover-card/hover-card.js

@@ -4,4 +4,5 @@ export { HoverCardContent as Content } from './hover-card-content.js';
 export { HoverCardContext as Context } from './hover-card-context.js';
 export { HoverCardPositioner as Positioner } from './hover-card-positioner.js';
 export { HoverCardRoot as Root } from './hover-card-root.js';
+export { HoverCardRootProvider as RootProvider } from './hover-card-root-provider.js';
 export { HoverCardTrigger as Trigger } from './hover-card-trigger.js';

package/dist/components/hover-card/index.cjs

@@ -8,7 +8,9 @@ const hoverCardContent = require('./hover-card-content.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 const hoverCardPositioner = require('./hover-card-positioner.cjs');
 const hoverCardRoot = require('./hover-card-root.cjs');
+const hoverCardRootProvider = require('./hover-card-root-provider.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
+const useHoverCard = require('./use-hover-card.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
 const hoverCard = require('./hover-card.cjs');
 
@@ -20,6 +22,8 @@ exports.HoverCardContent = hoverCardContent.HoverCardContent;
 exports.HoverCardContext = hoverCardContext.HoverCardContext;
 exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
 exports.HoverCardRoot = hoverCardRoot.HoverCardRoot;
+exports.HoverCardRootProvider = hoverCardRootProvider.HoverCardRootProvider;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
+exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard;

package/dist/components/hover-card/index.d.cts

@@ -5,6 +5,8 @@ export { HoverCardContent, type HoverCardContentProps } from './hover-card-conte
 export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
 export { HoverCardRoot, type HoverCardRootProps } from './hover-card-root';
+export { HoverCardRootProvider, type HoverCardRootProviderProps } from './hover-card-root-provider';
 export { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-export { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context';
+export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
+export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
 export * as HoverCard from './hover-card';

package/dist/components/hover-card/index.d.ts

@@ -5,6 +5,8 @@ export { HoverCardContent, type HoverCardContentProps } from './hover-card-conte
 export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
 export { HoverCardRoot, type HoverCardRootProps } from './hover-card-root';
+export { HoverCardRootProvider, type HoverCardRootProviderProps } from './hover-card-root-provider';
 export { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-export { type UseHoverCardContext, useHoverCardContext } from './use-hover-card-context';
+export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
+export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
 export * as HoverCard from './hover-card';

package/dist/components/hover-card/index.js

@@ -4,7 +4,9 @@ export { HoverCardContent } from './hover-card-content.js';
 export { HoverCardContext } from './hover-card-context.js';
 export { HoverCardPositioner } from './hover-card-positioner.js';
 export { HoverCardRoot } from './hover-card-root.js';
+export { HoverCardRootProvider } from './hover-card-root-provider.js';
 export { HoverCardTrigger } from './hover-card-trigger.js';
+export { useHoverCard } from './use-hover-card.js';
 export { useHoverCardContext } from './use-hover-card-context.js';
 import * as hoverCard from './hover-card.js';
 export { hoverCard as HoverCard };