@ark-ui/react 0.11.0-beta.0 → 0.11.0-beta.2

package/tags-input/index.mjs

@@ -1,10 +1,23 @@
-export { Tag } from './tag.mjs';
-export { TagDeleteTrigger } from './tag-delete-trigger.mjs';
-export { TagInput } from './tag-input.mjs';
-export { TagsInput } from './tags-input.mjs';
-export { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
+import { Tag } from './tag.mjs';
+import { TagDeleteTrigger } from './tag-delete-trigger.mjs';
+import { TagInput } from './tag-input.mjs';
+import { TagsInput as TagsInput$1 } from './tags-input.mjs';
+import { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
 export { useTagsInputContext } from './tags-input-context.mjs';
-export { TagsInputControl } from './tags-input-control.mjs';
-export { TagsInputField } from './tags-input-field.mjs';
-export { TagsInputLabel } from './tags-input-label.mjs';
+import { TagsInputControl } from './tags-input-control.mjs';
+import { TagsInputField } from './tags-input-field.mjs';
+import { TagsInputLabel } from './tags-input-label.mjs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+
+const TagsInput = Object.assign(TagsInput$1, {
+  Root: TagsInput$1,
+  ClearTrigger: TagsInputClearTrigger,
+  Control: TagsInputControl,
+  Field: TagsInputField,
+  Label: TagsInputLabel,
+  Tag,
+  TagInput,
+  TagDeleteTrigger
+});
+
+export { Tag, TagDeleteTrigger, TagInput, TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputField, TagsInputLabel };

package/tags-input/tag-delete-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 type _TagProps = {

package/tags-input/tag-input.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 type _TagProps = {

package/tags-input/tag.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 type _TagProps = {

package/tags-input/tags-input-clear-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputClearTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const TagsInputClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/tags-input/tags-input-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/tags-input';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/tags-input';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseTagsInputReturn } from './use-tags-input';
 export type TagsInputContext = UseTagsInputReturn;
 export declare const TagsInputProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/tags-input/tags-input-control.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TagsInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tags-input/tags-input-field.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputFieldProps = ComponentPropsWithoutRef<typeof ark.input>;
 export declare const TagsInputField: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {

package/tags-input/tags-input-label.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const TagsInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

package/tags-input/tags-input.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTagsInputProps } from './use-tags-input';

package/tags-input/tags-input.stories.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { TagsInput } from './';
+type TagsInputType = typeof TagsInput;
+declare const meta: Meta<TagsInputType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const WithDefaultValue: () => JSX.Element;

package/tags-input/tags-input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/tags-input/use-tags-input.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const tagsInput = require('@zag-js/tags-input');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/tags-input/use-tags-input.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as tagsInput from '@zag-js/tags-input';
 import { type Optional } from '../types';
 export type UseTagsInputProps = Optional<tagsInput.Context, 'id'> & {

package/tags-input/use-tags-input.mjs

@@ -2,6 +2,7 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as tagsInput from '@zag-js/tags-input';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useTagsInput = (props) => {

package/toast/index.cjs

@@ -12,9 +12,17 @@ const toastProvider = require('./toast-provider.cjs');
 const toastTitle = require('./toast-title.cjs');
 const toast$1 = require('@zag-js/toast');
 
+const Toast = Object.assign(toast.Toast, {
+  Provider: toastProvider.ToastProvider,
+  Title: toastTitle.ToastTitle,
+  Root: toast.Toast,
+  Description: toastDescription.ToastDescription,
+  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
+  Placements: toastPlacements.ToastPlacements,
+  Group: toastGroup.ToastGroup
+});
 
-
-exports.Toast = toast.Toast;
+exports.ToastRoot = toast.Toast;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
 exports.ToastGroup = toastGroup.ToastGroup;
@@ -24,6 +32,7 @@ exports.ToastProvider = toastProvider.ToastProvider;
 exports.useToast = toastProvider.useToast;
 exports.ToastTitle = toastTitle.ToastTitle;
 Object.defineProperty(exports, 'toastAnatomy', {
-	enumerable: true,
-	get: () => toast$1.anatomy
+  enumerable: true,
+  get: () => toast$1.anatomy
 });
+exports.Toast = Toast;

package/toast/index.d.ts

@@ -1,9 +1,52 @@
-export { Toast, type ToastProps } from './toast';
-export { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
-export { ToastDescription, type ToastDescriptionProps } from './toast-description';
-export { ToastGroup, type ToastGroupProps } from './toast-group';
-export { useToastItemContext } from './toast-item-context';
-export { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
-export { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
-export { ToastTitle, type ToastTitleProps } from './toast-title';
-export { toastAnatomy } from './toast.anatomy';
+import { Placement, Service } from '@zag-js/toast';
+import { JSX } from 'react/jsx-runtime';
+import { UseToastItemProps } from './use-toast-item';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+/// <reference types="react" />
+import { Toast as ToastRoot, type ToastProps } from './toast';
+import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
+import { ToastDescription, type ToastDescriptionProps } from './toast-description';
+import { ToastGroup, type ToastGroupProps } from './toast-group';
+import { useToastItemContext } from './toast-item-context';
+import { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
+import { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
+import { ToastTitle, type ToastTitleProps } from './toast-title';
+import { toastAnatomy } from './toast.anatomy';
+declare const Toast: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "toast"> & UseToastItemProps & RefAttributes<HTMLDivElement>> & {
+    Provider: (props: ToastProviderProps) => JSX.Element;
+    Title: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+        ref?: ((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "toast"> & UseToastItemProps & RefAttributes<HTMLDivElement>>;
+    Description: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    CloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Placements: (props: ToastPlacementsProps) => JSX.Element;
+    Group: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "children" | "placement"> & {
+        placement: Placement;
+        children: ReactNode | ((toasts: Service[]) => ReactNode);
+    } & RefAttributes<HTMLDivElement>>;
+};
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };
+export type { ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastPlacementsProps, ToastProps, ToastProviderProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,9 +1,22 @@
-export { Toast } from './toast.mjs';
-export { ToastCloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription } from './toast-description.mjs';
-export { ToastGroup } from './toast-group.mjs';
+import { Toast as Toast$1 } from './toast.mjs';
+import { ToastCloseTrigger } from './toast-close-trigger.mjs';
+import { ToastDescription } from './toast-description.mjs';
+import { ToastGroup } from './toast-group.mjs';
 export { useToastItemContext } from './toast-item-context.mjs';
-export { ToastPlacements } from './toast-placements.mjs';
-export { ToastProvider, useToast } from './toast-provider.mjs';
-export { ToastTitle } from './toast-title.mjs';
+import { ToastPlacements } from './toast-placements.mjs';
+import { ToastProvider } from './toast-provider.mjs';
+export { useToast } from './toast-provider.mjs';
+import { ToastTitle } from './toast-title.mjs';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
+
+const Toast = Object.assign(Toast$1, {
+  Provider: ToastProvider,
+  Title: ToastTitle,
+  Root: Toast$1,
+  Description: ToastDescription,
+  CloseTrigger: ToastCloseTrigger,
+  Placements: ToastPlacements,
+  Group: ToastGroup
+});
+
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, Toast$1 as ToastRoot, ToastTitle };

package/toast/toast-close-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type ToastCloseTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const ToastCloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/toast/toast-description.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type ToastDescriptionProps = ComponentPropsWithoutRef<typeof ark.p>;
 export declare const ToastDescription: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {

package/toast/toast-group.d.ts

@@ -1,5 +1,5 @@
 import { type Placement, type Service } from '@zag-js/toast';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 export type ToastGroupProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, {

package/toast/toast-item-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/toast';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/toast';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseToastItemReturn } from './use-toast-item';
 export type ToastItemContext = UseToastItemReturn;
 export declare const ToastItemProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/toast/toast-placements.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type Placement } from '@zag-js/toast';
 import { type ReactNode } from 'react';
 export type ToastPlacementsProps = {

package/toast/toast-provider.cjs

@@ -8,6 +8,7 @@ const react$1 = require('@zag-js/react');
 const toast = require('@zag-js/toast');
 const react = require('react');
 const createContext = require('../create-context.cjs');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/toast/toast-provider.d.ts

@@ -1,6 +1,6 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import * as toast from '@zag-js/toast';
-import type { Provider, type PropsWithChildren } from 'react';
+import { Provider, type PropsWithChildren } from 'react';
 import { type Optional } from '../types';
 type GroupPublicContext = Parameters<(typeof toast)['group']['machine']>[0];
 export type ToastContext = ReturnType<(typeof toast)['group']['connect']>;

package/toast/toast-provider.mjs

@@ -4,6 +4,7 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import * as toast from '@zag-js/toast';
 import { useId } from 'react';
 import { createContext } from '../create-context.mjs';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const [ToastContextProvider, useToast] = createContext();

package/toast/toast-title.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type ToastTitleProps = ComponentPropsWithoutRef<typeof ark.h3>;
 export declare const ToastTitle: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {

package/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseToastItemProps } from './use-toast-item';

package/toast/toast.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Toast, type ToastProviderProps } from '.';
+type ToastType = typeof Toast;
+declare const meta: Meta<ToastType>;
+export default meta;
+export declare const AppToastProvider: (props: ToastProviderProps) => JSX.Element;
+export declare const App: () => JSX.Element;
+export declare const SimpleToast: () => JSX.Element;
+export declare const ConfigureToast: () => JSX.Element;
+export declare const CustomRenderToast: () => JSX.Element;
+export declare const DefaultOptions: () => JSX.Element;

package/toast/toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/toast/use-toast-item.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as toast from '@zag-js/toast';
 export type UseToastItemProps = {
     toast: toast.Service;

package/tooltip/index.cjs

@@ -2,18 +2,24 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const tooltip = require('./tooltip.cjs');
+const tooltip$1 = require('./tooltip.cjs');
 const tooltipArrow = require('./tooltip-arrow.cjs');
 const tooltipArrowTip = require('./tooltip-arrow-tip.cjs');
 const tooltipContent = require('./tooltip-content.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPositioner = require('./tooltip-positioner.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
-const tooltip$1 = require('@zag-js/tooltip');
-
+const tooltip = require('@zag-js/tooltip');
 
+const Tooltip = Object.assign(tooltip$1.Tooltip, {
+  Root: tooltip$1.Tooltip,
+  Arrow: tooltipArrow.TooltipArrow,
+  ArrowTip: tooltipArrowTip.TooltipArrowTip,
+  Content: tooltipContent.TooltipContent,
+  Positioner: tooltipPositioner.TooltipPositioner,
+  Trigger: tooltipTrigger.TooltipTrigger
+});
 
-exports.Tooltip = tooltip.Tooltip;
 exports.TooltipArrow = tooltipArrow.TooltipArrow;
 exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
 exports.TooltipContent = tooltipContent.TooltipContent;
@@ -21,6 +27,7 @@ exports.useTooltipContext = tooltipContext.useTooltipContext;
 exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
 exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
 Object.defineProperty(exports, 'tooltipAnatomy', {
-	enumerable: true,
-	get: () => tooltip$1.anatomy
+  enumerable: true,
+  get: () => tooltip.anatomy
 });
+exports.Tooltip = Tooltip;

package/tooltip/index.d.ts

@@ -1,8 +1,42 @@
-export { Tooltip, type TooltipProps } from './tooltip';
-export { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
-export { TooltipContent, type TooltipContentProps } from './tooltip-content';
-export { useTooltipContext } from './tooltip-context';
-export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
-export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-export { tooltipAnatomy } from './tooltip.anatomy';
+import { PresenceProps } from '..';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+/// <reference types="react" />
+import { type TooltipProps } from './tooltip';
+import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
+import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
+import { TooltipContent, type TooltipContentProps } from './tooltip-content';
+import { useTooltipContext } from './tooltip-context';
+import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
+import { tooltipAnatomy } from './tooltip.anatomy';
+declare const Tooltip: ((props: TooltipProps) => JSX.Element) & {
+    Root: (props: TooltipProps) => JSX.Element;
+    Arrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    ArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
+    Positioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+};
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, tooltipAnatomy, useTooltipContext, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };

package/tooltip/index.mjs

@@ -1,8 +1,19 @@
-export { Tooltip } from './tooltip.mjs';
-export { TooltipArrow } from './tooltip-arrow.mjs';
-export { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
-export { TooltipContent } from './tooltip-content.mjs';
+import { Tooltip as Tooltip$1 } from './tooltip.mjs';
+import { TooltipArrow } from './tooltip-arrow.mjs';
+import { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
+import { TooltipContent } from './tooltip-content.mjs';
 export { useTooltipContext } from './tooltip-context.mjs';
-export { TooltipPositioner } from './tooltip-positioner.mjs';
-export { TooltipTrigger } from './tooltip-trigger.mjs';
+import { TooltipPositioner } from './tooltip-positioner.mjs';
+import { TooltipTrigger } from './tooltip-trigger.mjs';
 export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+
+const Tooltip = Object.assign(Tooltip$1, {
+  Root: Tooltip$1,
+  Arrow: TooltipArrow,
+  ArrowTip: TooltipArrowTip,
+  Content: TooltipContent,
+  Positioner: TooltipPositioner,
+  Trigger: TooltipTrigger
+});
+
+export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger };

package/tooltip/tooltip-arrow-tip.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TooltipArrowTipProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TooltipArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tooltip/tooltip-arrow.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TooltipArrowProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TooltipArrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tooltip/tooltip-content.cjs

@@ -7,9 +7,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
+require('../presence/index.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPresence = require('./tooltip-presence.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const TooltipContent = react.forwardRef((props, ref) => {
   const [presenceProps, tooltipContentProps] = splitPresenceProps.splitPresenceProps(props);

package/tooltip/tooltip-content.d.ts

@@ -1,5 +1,5 @@
-import type { PresenceProps } from '../presence';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { PresenceProps } from '../presence';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type TooltipPresenceProps } from './tooltip-presence';
 export type TooltipContentProps = ComponentPropsWithoutRef<typeof ark.div> & Omit<TooltipPresenceProps, 'children'>;

package/tooltip/tooltip-content.mjs

@@ -3,9 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import '../presence/index.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 import { TooltipPresence } from './tooltip-presence.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const TooltipContent = forwardRef((props, ref) => {
   const [presenceProps, tooltipContentProps] = splitPresenceProps(props);

package/tooltip/tooltip-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/tooltip';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/tooltip';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseTooltipReturn } from './use-tooltip';
 export type TooltipContext = UseTooltipReturn;
 export declare const TooltipProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/tooltip/tooltip-positioner.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { 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"> & {

package/tooltip/tooltip-presence.cjs

@@ -4,13 +4,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const presence = require('../presence/presence.cjs');
+const index = require('../presence/index.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 
 const TooltipPresence = (props) => {
   const { present, ...rest } = props;
   const { isOpen } = tooltipContext.useTooltipContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(presence.Presence, { present: present !== void 0 ? present : isOpen, ...rest });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Presence, { present: present !== void 0 ? present : isOpen, ...rest });
 };
 
 exports.TooltipPresence = TooltipPresence;

package/tooltip/tooltip-presence.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type PresenceProps } from '../presence';
 export type TooltipPresenceProps = PresenceProps;
 export declare const TooltipPresence: (props: TooltipPresenceProps) => JSX.Element;

package/tooltip/tooltip-presence.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Presence } from '../presence/presence.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useTooltipContext } from './tooltip-context.mjs';
 
 const TooltipPresence = (props) => {

package/tooltip/tooltip-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { 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"> & {