@ark-ui/react 1.3.0 → 2.0.1

package/file-upload/index.d.ts

@@ -1,30 +1,16 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails } from '@zag-js/file-upload';
-import { type FileUploadProps } from './file-upload';
 import { useFileUploadContext, type FileUploadContext } from './file-upload-context';
 import { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
 import { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
 import { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger';
 import { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
 import { FileUploadItemName, type FileUploadItemNameProps } from './file-upload-item-name';
-import { type FileUploadItemPreviewProps } from './file-upload-item-preview';
+import { FileUploadItemPreview, type FileUploadItemPreviewProps } from './file-upload-item-preview';
 import { FileUploadItemPreviewImage, type FileUploadItemPreviewImageProps } from './file-upload-item-preview-image';
 import { FileUploadItemSizeText, type FileUploadItemSizeTextProps } from './file-upload-item-size-text';
 import { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
+import { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
 import { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
-declare const FileUpload: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLDivElement>>;
-    Dropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;
-    ItemDeleteTrigger: ForwardRefExoticComponent<FileUploadItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>;
-    ItemGroup: ForwardRefExoticComponent<FileUploadItemGroupProps & RefAttributes<HTMLUListElement>>;
-    ItemName: ForwardRefExoticComponent<FileUploadItemNameProps & RefAttributes<HTMLDivElement>>;
-    ItemPreview: ForwardRefExoticComponent<FileUploadItemPreviewProps & RefAttributes<HTMLImageElement>>;
-    ItemPreviewImage: ForwardRefExoticComponent<FileUploadItemPreviewImageProps & RefAttributes<HTMLImageElement>>;
-    ItemSizeText: ForwardRefExoticComponent<FileUploadItemSizeTextProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<FileUploadLabelProps & RefAttributes<HTMLLabelElement>>;
-    Trigger: ForwardRefExoticComponent<FileUploadTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
-export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger, useFileUploadContext, };
-export type { FileUploadContext, FileUploadDropzoneProps, FileUploadFileAcceptDetails, FileUploadFileChangeDetails, FileUploadFileRejectDetails, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewImageProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadProps, FileUploadTriggerProps, };
+export * as FileUpload from './file-upload';
+export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };
+export type { FileUploadContext, FileUploadDropzoneProps, FileUploadFileAcceptDetails, FileUploadFileChangeDetails, FileUploadFileRejectDetails, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewImageProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadRootProps, FileUploadTriggerProps, };

package/file-upload/index.mjs

@@ -1,29 +1,14 @@
-'use client';
-import { FileUpload as FileUpload$1 } from './file-upload.mjs';
 export { useFileUploadContext } from './file-upload-context.mjs';
-import { FileUploadDropzone } from './file-upload-dropzone.mjs';
-import { FileUploadItem } from './file-upload-item.mjs';
-import { FileUploadItemDeleteTrigger } from './file-upload-item-delete-trigger.mjs';
-import { FileUploadItemGroup } from './file-upload-item-group.mjs';
-import { FileUploadItemName } from './file-upload-item-name.mjs';
-import { FileUploadItemPreview } from './file-upload-item-preview.mjs';
-import { FileUploadItemPreviewImage } from './file-upload-item-preview-image.mjs';
-import { FileUploadItemSizeText } from './file-upload-item-size-text.mjs';
-import { FileUploadLabel } from './file-upload-label.mjs';
-import { FileUploadTrigger } from './file-upload-trigger.mjs';
-
-const FileUpload = Object.assign(FileUpload$1, {
-  Root: FileUpload$1,
-  Dropzone: FileUploadDropzone,
-  Item: FileUploadItem,
-  ItemDeleteTrigger: FileUploadItemDeleteTrigger,
-  ItemGroup: FileUploadItemGroup,
-  ItemName: FileUploadItemName,
-  ItemPreview: FileUploadItemPreview,
-  ItemPreviewImage: FileUploadItemPreviewImage,
-  ItemSizeText: FileUploadItemSizeText,
-  Label: FileUploadLabel,
-  Trigger: FileUploadTrigger
-});
-
-export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger };
+export { FileUploadDropzone } from './file-upload-dropzone.mjs';
+export { FileUploadItem } from './file-upload-item.mjs';
+export { FileUploadItemDeleteTrigger } from './file-upload-item-delete-trigger.mjs';
+export { FileUploadItemGroup } from './file-upload-item-group.mjs';
+export { FileUploadItemName } from './file-upload-item-name.mjs';
+export { FileUploadItemPreview } from './file-upload-item-preview.mjs';
+export { FileUploadItemPreviewImage } from './file-upload-item-preview-image.mjs';
+export { FileUploadItemSizeText } from './file-upload-item-size-text.mjs';
+export { FileUploadLabel } from './file-upload-label.mjs';
+export { FileUploadRoot } from './file-upload-root.mjs';
+export { FileUploadTrigger } from './file-upload-trigger.mjs';
+import * as fileUpload from './file-upload.mjs';
+export { fileUpload as FileUpload };

package/file-upload/use-file-upload.cjs

@@ -6,9 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const fileUpload = require('@zag-js/file-upload');
 const react$1 = require('@zag-js/react');
 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/file-upload/use-file-upload.mjs

@@ -2,9 +2,8 @@
 import * as fileUpload from '@zag-js/file-upload';
 import { useMachine, normalizeProps } from '@zag-js/react';
 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 useFileUpload = (props = {}) => {
   const initialContext = {

package/hover-card/hover-card-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 hoverCardContext = require('./hover-card-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardContent = react.forwardRef((props, ref) => {
   const api = hoverCardContext.useHoverCardContext();

package/hover-card/hover-card-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 { useHoverCardContext } from './hover-card-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardContent = forwardRef((props, ref) => {
   const api = useHoverCardContext();

package/hover-card/hover-card-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 hoverCardContext = require('./hover-card-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const hoverCardContext = require('./hover-card-context.cjs');
 
 const HoverCardPositioner = react.forwardRef(
   (props, ref) => {

package/hover-card/hover-card-positioner.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 { useHoverCardContext } from './hover-card-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useHoverCardContext } from './hover-card-context.mjs';
 
 const HoverCardPositioner = forwardRef(
   (props, ref) => {

package/hover-card/hover-card-root.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+require('react');
+const presenceContext = require('../presence/presence-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const hoverCardContext = require('./hover-card-context.cjs');
+const useHoverCard = require('./use-hover-card.cjs');
+
+const HoverCardRoot = (props) => {
+  const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
+  const api = useHoverCard.useHoverCard(localProps);
+  const presenceApi = usePresence.usePresence(react.mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(hoverCardContext.HoverCardProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) });
+};
+
+exports.HoverCardRoot = HoverCardRoot;

package/hover-card/hover-card-root.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react/jsx-runtime';
+import { type ReactNode } from 'react';
+import type { UsePresenceProps } from '../presence';
+import { type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
+export interface HoverCardRootProps extends UseHoverCardProps, UsePresenceProps {
+    children?: ReactNode | ((api: UseHoverCardReturn) => ReactNode);
+}
+export declare const HoverCardRoot: (props: HoverCardRootProps) => JSX.Element;

package/hover-card/hover-card-root.mjs

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import 'react';
+import { PresenceProvider } from '../presence/presence-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import { usePresence } from '../presence/use-presence.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { HoverCardProvider } from './hover-card-context.mjs';
+import { useHoverCard } from './use-hover-card.mjs';
+
+const HoverCardRoot = (props) => {
+  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+  const api = useHoverCard(localProps);
+  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(HoverCardProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) });
+};
+
+export { HoverCardRoot };

package/hover-card/hover-card.cjs

@@ -1,25 +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');
-require('react');
-require('../presence/index.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const hoverCardContext = require('./hover-card-context.cjs');
-const useHoverCard = require('./use-hover-card.cjs');
-const usePresence = require('../presence/use-presence.cjs');
-const presenceContext = require('../presence/presence-context.cjs');
+const hoverCardArrow = require('./hover-card-arrow.cjs');
+const hoverCardArrowTip = require('./hover-card-arrow-tip.cjs');
+const hoverCardContent = require('./hover-card-content.cjs');
+const hoverCardPositioner = require('./hover-card-positioner.cjs');
+const hoverCardRoot = require('./hover-card-root.cjs');
+const hoverCardTrigger = require('./hover-card-trigger.cjs');
 
-const HoverCard = (props) => {
-  const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
-  const api = useHoverCard.useHoverCard(localProps);
-  const presenceApi = usePresence.usePresence(react.mergeProps({ present: api.isOpen }, presenceProps));
-  const view = runIfFn.runIfFn(children, api);
-  return /* @__PURE__ */ jsxRuntime.jsx(hoverCardContext.HoverCardProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) });
-};
 
-exports.HoverCard = HoverCard;
+
+exports.Arrow = hoverCardArrow.HoverCardArrow;
+exports.ArrowTip = hoverCardArrowTip.HoverCardArrowTip;
+exports.Content = hoverCardContent.HoverCardContent;
+exports.Positioner = hoverCardPositioner.HoverCardPositioner;
+exports.Root = hoverCardRoot.HoverCardRoot;
+exports.Trigger = hoverCardTrigger.HoverCardTrigger;

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

@@ -1,8 +1,7 @@
-import { JSX } from 'react/jsx-runtime';
-import { type ReactNode } from 'react';
-import type { UsePresenceProps } from '../presence';
-import { type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
-export interface HoverCardProps extends UseHoverCardProps, UsePresenceProps {
-    children?: ReactNode | ((api: UseHoverCardReturn) => ReactNode);
-}
-export declare const HoverCard: (props: HoverCardProps) => JSX.Element;
+import { HoverCardArrow as Arrow } from './hover-card-arrow';
+import { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip';
+import { HoverCardContent as Content } from './hover-card-content';
+import { HoverCardPositioner as Positioner } from './hover-card-positioner';
+import { HoverCardRoot as Root } from './hover-card-root';
+import { HoverCardTrigger as Trigger } from './hover-card-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/hover-card/hover-card.mjs

@@ -1,21 +1,6 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import 'react';
-import '../presence/index.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { HoverCardProvider } from './hover-card-context.mjs';
-import { useHoverCard } from './use-hover-card.mjs';
-import { usePresence } from '../presence/use-presence.mjs';
-import { PresenceProvider } from '../presence/presence-context.mjs';
-
-const HoverCard = (props) => {
-  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
-  const api = useHoverCard(localProps);
-  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
-  const view = runIfFn(children, api);
-  return /* @__PURE__ */ jsx(HoverCardProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) });
-};
-
-export { HoverCard };
+export { HoverCardArrow as Arrow } from './hover-card-arrow.mjs';
+export { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip.mjs';
+export { HoverCardContent as Content } from './hover-card-content.mjs';
+export { HoverCardPositioner as Positioner } from './hover-card-positioner.mjs';
+export { HoverCardRoot as Root } from './hover-card-root.mjs';
+export { HoverCardTrigger as Trigger } from './hover-card-trigger.mjs';

package/hover-card/index.cjs

@@ -1,29 +1,23 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const hoverCard = require('./hover-card.cjs');
 const hoverCardArrow = require('./hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card-arrow-tip.cjs');
 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 hoverCardTrigger = require('./hover-card-trigger.cjs');
+const hoverCard = require('./hover-card.cjs');
+
 
-const HoverCard = Object.assign(hoverCard.HoverCard, {
-  Root: hoverCard.HoverCard,
-  Arrow: hoverCardArrow.HoverCardArrow,
-  ArrowTip: hoverCardArrowTip.HoverCardArrowTip,
-  Content: hoverCardContent.HoverCardContent,
-  Positioner: hoverCardPositioner.HoverCardPositioner,
-  Trigger: hoverCardTrigger.HoverCardTrigger
-});
 
 exports.HoverCardArrow = hoverCardArrow.HoverCardArrow;
 exports.HoverCardArrowTip = hoverCardArrowTip.HoverCardArrowTip;
 exports.HoverCardContent = hoverCardContent.HoverCardContent;
 exports.useHoverCardContext = hoverCardContext.useHoverCardContext;
 exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
+exports.HoverCardRoot = hoverCardRoot.HoverCardRoot;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
-exports.HoverCard = HoverCard;
+exports.HoverCard = hoverCard;

package/hover-card/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 HoverCardOpenChangeDetails } from '@zag-js/color-picker';
-import { type HoverCardProps } from './hover-card';
+import type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
 import { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
 import { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 import { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
 import { useHoverCardContext, type HoverCardContext } from './hover-card-context';
 import { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
+import { HoverCardRoot, type HoverCardRootProps } from './hover-card-root';
 import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-declare const HoverCard: ((props: HoverCardProps) => JSX.Element) & {
-    Root: (props: HoverCardProps) => JSX.Element;
-    Arrow: ForwardRefExoticComponent<HoverCardArrowProps & RefAttributes<HTMLDivElement>>;
-    ArrowTip: ForwardRefExoticComponent<HoverCardArrowTipProps & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<HoverCardContentProps & RefAttributes<HTMLDivElement>>;
-    Positioner: ForwardRefExoticComponent<HoverCardPositionerProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<HoverCardTriggerProps & RefAttributes<HTMLButtonElement>>;
-};
-export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, useHoverCardContext, };
-export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardOpenChangeDetails, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };
+export * as HoverCard from './hover-card';
+export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, useHoverCardContext, };
+export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardOpenChangeDetails, HoverCardPositionerProps, HoverCardRootProps, HoverCardTriggerProps, };

package/hover-card/index.mjs

@@ -1,19 +1,9 @@
-'use client';
-import { HoverCard as HoverCard$1 } from './hover-card.mjs';
-import { HoverCardArrow } from './hover-card-arrow.mjs';
-import { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';
-import { HoverCardContent } from './hover-card-content.mjs';
+export { HoverCardArrow } from './hover-card-arrow.mjs';
+export { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';
+export { HoverCardContent } from './hover-card-content.mjs';
 export { useHoverCardContext } from './hover-card-context.mjs';
-import { HoverCardPositioner } from './hover-card-positioner.mjs';
-import { HoverCardTrigger } from './hover-card-trigger.mjs';
-
-const HoverCard = Object.assign(HoverCard$1, {
-  Root: HoverCard$1,
-  Arrow: HoverCardArrow,
-  ArrowTip: HoverCardArrowTip,
-  Content: HoverCardContent,
-  Positioner: HoverCardPositioner,
-  Trigger: HoverCardTrigger
-});
-
-export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger };
+export { HoverCardPositioner } from './hover-card-positioner.mjs';
+export { HoverCardRoot } from './hover-card-root.mjs';
+export { HoverCardTrigger } from './hover-card-trigger.mjs';
+import * as hoverCard from './hover-card.mjs';
+export { hoverCard as HoverCard };

package/hover-card/use-hover-card.cjs

@@ -6,9 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const hoverCard = require('@zag-js/hover-card');
 const react$1 = require('@zag-js/react');
 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/hover-card/use-hover-card.mjs

@@ -2,9 +2,8 @@
 import * as hoverCard from '@zag-js/hover-card';
 import { useMachine, normalizeProps } from '@zag-js/react';
 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 useHoverCard = (props = {}) => {
   const initialContext = {