@ark-ui/react 0.9.0 → 0.10.0-beta.1

package/tooltip/tooltip-content.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 import { TooltipPresence } from './tooltip-presence.mjs';
@@ -11,10 +11,14 @@ const TooltipContent = forwardRef((props, ref) => {
   const [presenceProps, tooltipContentProps] = splitPresenceProps(props);
   return /* @__PURE__ */ jsx(TooltipPresence, { ...presenceProps, children: /* @__PURE__ */ jsx(InnerTooltipContent, { ref, ...tooltipContentProps }) });
 });
-const InnerTooltipContent = forwardRef((props, ref) => {
-  const { contentProps } = useTooltipContext();
-  const mergedProps = mergeProps(contentProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+TooltipContent.displayName = "TooltipContent";
+const InnerTooltipContent = forwardRef(
+  (props, ref) => {
+    const { contentProps } = useTooltipContext();
+    const mergedProps = mergeProps(contentProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+InnerTooltipContent.displayName = "InnerTooltipContent";
 
 export { TooltipContent };

package/tooltip/tooltip-positioner.cjs

@@ -4,15 +4,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 
-const TooltipPositioner = forwardRef.forwardRef((props, ref) => {
-  const { positionerProps } = tooltipContext.useTooltipContext();
-  const mergedProps = react.mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const TooltipPositioner = react.forwardRef(
+  (props, ref) => {
+    const { positionerProps } = tooltipContext.useTooltipContext();
+    const mergedProps = react$1.mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+TooltipPositioner.displayName = "TooltipPositioner";
 
 exports.TooltipPositioner = TooltipPositioner;

package/tooltip/tooltip-positioner.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TooltipPositionerProps = HTMLArkProps<'div'>;
-export declare const TooltipPositioner: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, TooltipPositionerProps>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TooltipPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const TooltipPositioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/tooltip/tooltip-positioner.mjs

@@ -1,14 +1,17 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 
-const TooltipPositioner = forwardRef((props, ref) => {
-  const { positionerProps } = useTooltipContext();
-  const mergedProps = mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const TooltipPositioner = forwardRef(
+  (props, ref) => {
+    const { positionerProps } = useTooltipContext();
+    const mergedProps = mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+TooltipPositioner.displayName = "TooltipPositioner";
 
 export { TooltipPositioner };

package/tooltip/tooltip-trigger.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 
-const TooltipTrigger = forwardRef.forwardRef((props, ref) => {
+const TooltipTrigger = react.forwardRef((props, ref) => {
   const { triggerProps } = tooltipContext.useTooltipContext();
-  const mergedProps = react.mergeProps(triggerProps, props);
+  const mergedProps = react$1.mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+TooltipTrigger.displayName = "TooltipTrigger";
 
 exports.TooltipTrigger = TooltipTrigger;

package/tooltip/tooltip-trigger.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type TooltipTriggerProps = HTMLArkProps<'button'>;
-export declare const TooltipTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type TooltipTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const TooltipTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/tooltip/tooltip-trigger.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 
 const TooltipTrigger = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const TooltipTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+TooltipTrigger.displayName = "TooltipTrigger";
 
 export { TooltipTrigger };

package/tooltip/use-tooltip.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
 const tooltip = require('@zag-js/tooltip');
-const React = require('react');
+const react = require('react');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -30,12 +30,12 @@ const tooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(tooltip);
 const useTooltip = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const context = {
-    id: React.useId(),
+    id: react.useId(),
     getRootNode,
     ...props
   };
-  const [state, send] = react.useMachine(tooltip__namespace.machine(context), { context });
-  return tooltip__namespace.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(tooltip__namespace.machine(context), { context });
+  return tooltip__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.useTooltip = useTooltip;

package/use-effect-once.cjs

@@ -3,15 +3,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const React = require('react');
+const react = require('react');
 
 function useEffectOnce(callback) {
-  const savedCallback = React.useRef(callback);
-  const effectGuard = React.useRef(false);
-  React.useEffect(() => {
+  const savedCallback = react.useRef(callback);
+  const effectGuard = react.useRef(false);
+  react.useEffect(() => {
     savedCallback.current = callback;
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (effectGuard.current !== true) {
       effectGuard.current = true;
       savedCallback.current();

package/forward-ref.cjs

@@ -1,12 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-function forwardRef(component) {
-  return React.forwardRef(component);
-}
-
-exports.forwardRef = forwardRef;

package/forward-ref.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { AsChildComponentProps, AsChildProps } from './factory';
-import type { Assign } from './types';
-export declare function forwardRef<E extends React.ElementType, P extends Record<never, never> = Record<never, never>>(component: React.ForwardRefRenderFunction<React.ElementRef<E>, Assign<React.ComponentPropsWithoutRef<E>, P & AsChildProps>>): React.ForwardRefExoticComponent<Assign<AsChildComponentProps<E>, P>>;

package/forward-ref.mjs

@@ -1,8 +0,0 @@
-'use client';
-import React from 'react';
-
-function forwardRef(component) {
-  return React.forwardRef(component);
-}
-
-export { forwardRef };