@ark-ui/react 1.3.0 → 2.0.1

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

@@ -6,9 +6,8 @@ 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 useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

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

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

package/toast/create-toaster.cjs

@@ -7,10 +7,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('@zag-js/react');
 const toast = require('@zag-js/toast');
 const react$1 = require('react');
-require('../environment/index.cjs');
+const environmentContext = require('../environment/environment-context.cjs');
 const toastContext = require('./toast-context.cjs');
 const toastGroup = require('./toast-group.cjs');
-const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/toast/create-toaster.mjs

@@ -3,10 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { normalizeProps, useActor, mergeProps } from '@zag-js/react';
 import * as toast from '@zag-js/toast';
 import { forwardRef, useEffect } from 'react';
-import '../environment/index.mjs';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
 import { ToastProvider } from './toast-context.mjs';
 import { ToastGroup } from './toast-group.mjs';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const createToaster = (props) => {
   const { placement, ...rest } = props;

package/toast/index.cjs

@@ -1,26 +1,21 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createToaster = require('./create-toaster.cjs');
-const toast = require('./toast.cjs');
 const toastCloseTrigger = require('./toast-close-trigger.cjs');
 const toastDescription = require('./toast-description.cjs');
 const toastGroup = require('./toast-group.cjs');
+const toastRoot = require('./toast-root.cjs');
 const toastTitle = require('./toast-title.cjs');
+const toast = require('./toast.cjs');
+
 
-const Toast = Object.assign(toast.Toast, {
-  Root: toast.Toast,
-  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
-  Description: toastDescription.ToastDescription,
-  Group: toastGroup.ToastGroup,
-  Title: toastTitle.ToastTitle
-});
 
 exports.createToaster = createToaster.createToaster;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
 exports.ToastGroup = toastGroup.ToastGroup;
+exports.ToastRoot = toastRoot.ToastRoot;
 exports.ToastTitle = toastTitle.ToastTitle;
-exports.Toast = Toast;
+exports.Toast = toast;

package/toast/index.d.ts

@@ -1,17 +1,9 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
-import { 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 { ToastRoot, type ToastRootProps } from './toast-root';
 import { ToastTitle, type ToastTitleProps } from './toast-title';
-declare const Toast: ForwardRefExoticComponent<ToastProps & RefAttributes<HTMLLIElement>> & {
-    Root: ForwardRefExoticComponent<ToastProps & RefAttributes<HTMLLIElement>>;
-    CloseTrigger: ForwardRefExoticComponent<ToastCloseTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Description: ForwardRefExoticComponent<ToastDescriptionProps & RefAttributes<HTMLDivElement>>;
-    Group: ForwardRefExoticComponent<ToastGroupProps & RefAttributes<HTMLOListElement>>;
-    Title: ForwardRefExoticComponent<ToastTitleProps & RefAttributes<HTMLDivElement>>;
-};
-export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastTitle };
-export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastProps, ToastTitleProps, };
+export * as Toast from './toast';
+export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };
+export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastRootProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,17 +1,8 @@
-'use client';
 export { createToaster } from './create-toaster.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';
-import { ToastTitle } from './toast-title.mjs';
-
-const Toast = Object.assign(Toast$1, {
-  Root: Toast$1,
-  CloseTrigger: ToastCloseTrigger,
-  Description: ToastDescription,
-  Group: ToastGroup,
-  Title: ToastTitle
-});
-
-export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastTitle };
+export { ToastCloseTrigger } from './toast-close-trigger.mjs';
+export { ToastDescription } from './toast-description.mjs';
+export { ToastGroup } from './toast-group.mjs';
+export { ToastRoot } from './toast-root.mjs';
+export { ToastTitle } from './toast-title.mjs';
+import * as toast from './toast.mjs';
+export { toast as Toast };

package/toast/toast-root.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 toastContext = require('./toast-context.cjs');
+
+const ToastRoot = react.forwardRef((props, ref) => {
+  const api = toastContext.useToastContext();
+  const mergedProps = react$1.mergeProps(api.rootProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref });
+});
+ToastRoot.displayName = "ToastRoot";
+
+exports.ToastRoot = ToastRoot;

package/toast/toast-root.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ToastRootProps extends HTMLArkProps<'li'> {
+}
+export declare const ToastRoot: ForwardRefExoticComponent<ToastRootProps & RefAttributes<HTMLLIElement>>;

package/toast/toast-root.mjs

@@ -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.mjs';
+import { useToastContext } from './toast-context.mjs';
+
+const ToastRoot = forwardRef((props, ref) => {
+  const api = useToastContext();
+  const mergedProps = mergeProps(api.rootProps, props);
+  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref });
+});
+ToastRoot.displayName = "ToastRoot";
+
+export { ToastRoot };

package/toast/toast.cjs

@@ -1,19 +1,17 @@
-'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 toastContext = require('./toast-context.cjs');
+const toastCloseTrigger = require('./toast-close-trigger.cjs');
+const toastDescription = require('./toast-description.cjs');
+const toastGroup = require('./toast-group.cjs');
+const toastRoot = require('./toast-root.cjs');
+const toastTitle = require('./toast-title.cjs');
 
-const Toast = react.forwardRef((props, ref) => {
-  const api = toastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(api.rootProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref });
-});
-Toast.displayName = "Toast";
 
-exports.Toast = Toast;
+
+exports.CloseTrigger = toastCloseTrigger.ToastCloseTrigger;
+exports.Description = toastDescription.ToastDescription;
+exports.Group = toastGroup.ToastGroup;
+exports.Root = toastRoot.ToastRoot;
+exports.Title = toastTitle.ToastTitle;

package/toast/toast.d.ts

@@ -1,6 +1,6 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastProps extends HTMLArkProps<'li'> {
-}
-export declare const Toast: ForwardRefExoticComponent<ToastProps & RefAttributes<HTMLLIElement>>;
+import { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger';
+import { ToastDescription as Description } from './toast-description';
+import { ToastGroup as Group } from './toast-group';
+import { ToastRoot as Root } from './toast-root';
+import { ToastTitle as Title } from './toast-title';
+export { CloseTrigger, Description, Group, Root, Title };

package/toast/toast.mjs

@@ -1,15 +1,5 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useToastContext } from './toast-context.mjs';
-
-const Toast = forwardRef((props, ref) => {
-  const api = useToastContext();
-  const mergedProps = mergeProps(api.rootProps, props);
-  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref });
-});
-Toast.displayName = "Toast";
-
-export { Toast };
+export { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger.mjs';
+export { ToastDescription as Description } from './toast-description.mjs';
+export { ToastGroup as Group } from './toast-group.mjs';
+export { ToastRoot as Root } from './toast-root.mjs';
+export { ToastTitle as Title } from './toast-title.mjs';

package/toggle-group/index.cjs

@@ -1,17 +1,15 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const toggleGroup = require('./toggle-group.cjs');
 const toggleGroupContext = require('./toggle-group-context.cjs');
 const toggleGroupItem = require('./toggle-group-item.cjs');
+const toggleGroupRoot = require('./toggle-group-root.cjs');
+const toggleGroup = require('./toggle-group.cjs');
+
 
-const ToggleGroup = Object.assign(toggleGroup.ToggleGroup, {
-  Root: toggleGroup.ToggleGroup,
-  Item: toggleGroupItem.ToggleGroupItem
-});
 
 exports.useToggleGroupContext = toggleGroupContext.useToggleGroupContext;
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupRoot = toggleGroupRoot.ToggleGroupRoot;
+exports.ToggleGroup = toggleGroup;

package/toggle-group/index.d.ts

@@ -1,12 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
-import { type ToggleGroupProps } from './toggle-group';
 import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
-declare const ToggleGroup: ForwardRefExoticComponent<ToggleGroupProps & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<ToggleGroupProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>;
-};
-export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
-export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValueChangeDetails, };
+import { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
+export * as ToggleGroup from './toggle-group';
+export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };
+export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupValueChangeDetails, };

package/toggle-group/index.mjs

@@ -1,11 +1,5 @@
-'use client';
-import { ToggleGroup as ToggleGroup$1 } from './toggle-group.mjs';
 export { useToggleGroupContext } from './toggle-group-context.mjs';
-import { ToggleGroupItem } from './toggle-group-item.mjs';
-
-const ToggleGroup = Object.assign(ToggleGroup$1, {
-  Root: ToggleGroup$1,
-  Item: ToggleGroupItem
-});
-
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroupItem } from './toggle-group-item.mjs';
+export { ToggleGroupRoot } from './toggle-group-root.mjs';
+import * as toggleGroup from './toggle-group.mjs';
+export { toggleGroup as ToggleGroup };

package/toggle-group/toggle-group-root.cjs

@@ -0,0 +1,35 @@
+'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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const toggleGroupContext = require('./toggle-group-context.cjs');
+const useToggleGroup = require('./use-toggle-group.cjs');
+
+const ToggleGroupRoot = react.forwardRef((props, ref) => {
+  const [toggleGroup, localProps] = createSplitProps.createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "id",
+    "ids",
+    "loop",
+    "multiple",
+    "onValueChange",
+    "orientation",
+    "rovingFocus",
+    "value"
+  ]);
+  const api = useToggleGroup.useToggleGroup(toggleGroup);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(toggleGroupContext.ToggleGroupProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+
+exports.ToggleGroupRoot = ToggleGroupRoot;

package/toggle-group/toggle-group-root.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseToggleGroupProps } from './use-toggle-group';
+export interface ToggleGroupRootProps extends Assign<HTMLArkProps<'div'>, UseToggleGroupProps> {
+}
+export declare const ToggleGroupRoot: ForwardRefExoticComponent<ToggleGroupRootProps & RefAttributes<HTMLDivElement>>;

package/toggle-group/toggle-group-root.mjs

@@ -0,0 +1,31 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { ToggleGroupProvider } from './toggle-group-context.mjs';
+import { useToggleGroup } from './use-toggle-group.mjs';
+
+const ToggleGroupRoot = forwardRef((props, ref) => {
+  const [toggleGroup, localProps] = createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "id",
+    "ids",
+    "loop",
+    "multiple",
+    "onValueChange",
+    "orientation",
+    "rovingFocus",
+    "value"
+  ]);
+  const api = useToggleGroup(toggleGroup);
+  const mergedProps = mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsx(ToggleGroupProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+
+export { ToggleGroupRoot };

package/toggle-group/toggle-group.cjs

@@ -1,35 +1,11 @@
-'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('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const toggleGroupContext = require('./toggle-group-context.cjs');
-const useToggleGroup = require('./use-toggle-group.cjs');
+const toggleGroupItem = require('./toggle-group-item.cjs');
+const toggleGroupRoot = require('./toggle-group-root.cjs');
 
-const ToggleGroup = react.forwardRef((props, ref) => {
-  const [toggleGroup, localProps] = createSplitProps.createSplitProps()(props, [
-    "defaultValue",
-    "dir",
-    "disabled",
-    "getRootNode",
-    "id",
-    "ids",
-    "loop",
-    "multiple",
-    "onValueChange",
-    "orientation",
-    "rovingFocus",
-    "value"
-  ]);
-  const api = useToggleGroup.useToggleGroup(toggleGroup);
-  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(toggleGroupContext.ToggleGroupProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-});
-ToggleGroup.displayName = "ToggleGroup";
 
-exports.ToggleGroup = ToggleGroup;
+
+exports.Item = toggleGroupItem.ToggleGroupItem;
+exports.Root = toggleGroupRoot.ToggleGroupRoot;

package/toggle-group/toggle-group.d.ts

@@ -1,8 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-import { type UseToggleGroupProps } from './use-toggle-group';
-export interface ToggleGroupProps extends Assign<HTMLArkProps<'div'>, UseToggleGroupProps> {
-}
-export declare const ToggleGroup: ForwardRefExoticComponent<ToggleGroupProps & RefAttributes<HTMLDivElement>>;
+import { ToggleGroupItem as Item } from './toggle-group-item';
+import { ToggleGroupRoot as Root } from './toggle-group-root';
+export { Item, Root };

package/toggle-group/toggle-group.mjs

@@ -1,31 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { ToggleGroupProvider } from './toggle-group-context.mjs';
-import { useToggleGroup } from './use-toggle-group.mjs';
-
-const ToggleGroup = forwardRef((props, ref) => {
-  const [toggleGroup, localProps] = createSplitProps()(props, [
-    "defaultValue",
-    "dir",
-    "disabled",
-    "getRootNode",
-    "id",
-    "ids",
-    "loop",
-    "multiple",
-    "onValueChange",
-    "orientation",
-    "rovingFocus",
-    "value"
-  ]);
-  const api = useToggleGroup(toggleGroup);
-  const mergedProps = mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsx(ToggleGroupProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-});
-ToggleGroup.displayName = "ToggleGroup";
-
-export { ToggleGroup };
+export { ToggleGroupItem as Item } from './toggle-group-item.mjs';
+export { ToggleGroupRoot as Root } from './toggle-group-root.mjs';

package/toggle-group/use-toggle-group.cjs

@@ -6,9 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const toggleGroup = require('@zag-js/toggle-group');
 const react = require('react');
-require('../environment/index.cjs');
-const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/toggle-group/use-toggle-group.mjs

@@ -2,9 +2,8 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as toggleGroup from '@zag-js/toggle-group';
 import { useId } from 'react';
-import '../environment/index.mjs';
-import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
 
 const useToggleGroup = (props) => {
   const initialContext = {

package/tooltip/index.cjs

@@ -1,29 +1,23 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const tooltip = 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 tooltipRoot = require('./tooltip-root.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
+const tooltip = require('./tooltip.cjs');
+
 
-const Tooltip = Object.assign(tooltip.Tooltip, {
-  Root: tooltip.Tooltip,
-  Arrow: tooltipArrow.TooltipArrow,
-  ArrowTip: tooltipArrowTip.TooltipArrowTip,
-  Content: tooltipContent.TooltipContent,
-  Positioner: tooltipPositioner.TooltipPositioner,
-  Trigger: tooltipTrigger.TooltipTrigger
-});
 
 exports.TooltipArrow = tooltipArrow.TooltipArrow;
 exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
 exports.TooltipContent = tooltipContent.TooltipContent;
 exports.useTooltipContext = tooltipContext.useTooltipContext;
 exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
+exports.TooltipRoot = tooltipRoot.TooltipRoot;
 exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
-exports.Tooltip = Tooltip;
+exports.Tooltip = tooltip;

package/tooltip/index.d.ts

@@ -1,21 +1,11 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-/// <reference types="react" />
 import type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
-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, type TooltipContext } from './tooltip-context';
 import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+import { TooltipRoot, type TooltipRootProps } from './tooltip-root';
 import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-declare const Tooltip: ((props: TooltipProps) => JSX.Element) & {
-    Root: (props: TooltipProps) => JSX.Element;
-    Arrow: ForwardRefExoticComponent<TooltipArrowProps & RefAttributes<HTMLDivElement>>;
-    ArrowTip: ForwardRefExoticComponent<TooltipArrowTipProps & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<TooltipContentProps & RefAttributes<HTMLDivElement>>;
-    Positioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
-export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, useTooltipContext };
-export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipProps, TooltipTriggerProps };
+export * as Tooltip from './tooltip';
+export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, useTooltipContext, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipRootProps, TooltipTriggerProps, };

package/tooltip/index.mjs

@@ -1,19 +1,9 @@
-'use client';
-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 { TooltipArrow } from './tooltip-arrow.mjs';
+export { TooltipArrowTip } from './tooltip-arrow-tip.mjs';
+export { TooltipContent } from './tooltip-content.mjs';
 export { useTooltipContext } from './tooltip-context.mjs';
-import { TooltipPositioner } from './tooltip-positioner.mjs';
-import { TooltipTrigger } from './tooltip-trigger.mjs';
-
-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 };
+export { TooltipPositioner } from './tooltip-positioner.mjs';
+export { TooltipRoot } from './tooltip-root.mjs';
+export { TooltipTrigger } from './tooltip-trigger.mjs';
+import * as tooltip from './tooltip.mjs';
+export { tooltip as Tooltip };

package/tooltip/tooltip-content.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const tooltipContext = require('./tooltip-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const tooltipContext = require('./tooltip-context.cjs');
 
 const TooltipContent = react.forwardRef((props, ref) => {
   const api = tooltipContext.useTooltipContext();

package/tooltip/tooltip-content.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useTooltipContext } from './tooltip-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useTooltipContext } from './tooltip-context.mjs';
 
 const TooltipContent = forwardRef((props, ref) => {
   const api = useTooltipContext();

package/tooltip/tooltip-positioner.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const tooltipContext = require('./tooltip-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const tooltipContext = require('./tooltip-context.cjs');
 
 const TooltipPositioner = react.forwardRef(
   (props, ref) => {