@ark-ui/react 1.2.1 → 2.0.0

package/file-upload/{file-upload.stories.d.ts → stories/file-upload.stories.d.ts}

@@ -1,7 +1,5 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { FileUpload } from './';
-type FileUploadType = typeof FileUpload;
-declare const meta: Meta<FileUploadType>;
+declare const meta: Meta;
 export default meta;
 export declare const Basic: () => JSX.Element;

package/file-upload/stories/icons.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react/jsx-runtime';
+declare const FileIcon: () => JSX.Element;
+export { FileIcon };

package/file-upload/tests/basic.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react/jsx-runtime';
+import { type FileUploadRootProps } from '../';
+export declare const ComponentUnderTest: (props: FileUploadRootProps) => JSX.Element;

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.cjs → hover-card-root.cjs}

@@ -6,15 +6,14 @@ 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 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 usePresence = require('../presence/use-presence.cjs');
-const presenceContext = require('../presence/presence-context.cjs');
 
-const HoverCard = (props) => {
+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));
@@ -22,4 +21,4 @@ const HoverCard = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(hoverCardContext.HoverCardProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) });
 };
 
-exports.HoverCard = HoverCard;
+exports.HoverCardRoot = HoverCardRoot;

package/hover-card/{hover-card.d.ts → hover-card-root.d.ts}

@@ -2,7 +2,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 {
+export interface HoverCardRootProps extends UseHoverCardProps, UsePresenceProps {
     children?: ReactNode | ((api: UseHoverCardReturn) => ReactNode);
 }
-export declare const HoverCard: (props: HoverCardProps) => JSX.Element;
+export declare const HoverCardRoot: (props: HoverCardRootProps) => JSX.Element;

package/hover-card/{hover-card.mjs → hover-card-root.mjs}

@@ -2,15 +2,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import 'react';
-import '../presence/index.mjs';
+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';
-import { usePresence } from '../presence/use-presence.mjs';
-import { PresenceProvider } from '../presence/presence-context.mjs';
 
-const HoverCard = (props) => {
+const HoverCardRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
   const api = useHoverCard(localProps);
   const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
@@ -18,4 +17,4 @@ const HoverCard = (props) => {
   return /* @__PURE__ */ jsx(HoverCardProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) });
 };
 
-export { HoverCard };
+export { HoverCardRoot };

package/hover-card/index.cjs

@@ -3,27 +3,28 @@
 
 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 = Object.assign(hoverCard.HoverCard, {
-  Root: hoverCard.HoverCard,
+const HoverCard = {
+  Root: hoverCardRoot.HoverCardRoot,
   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;

package/hover-card/index.d.ts

@@ -1,20 +1,21 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 /// <reference types="react" />
-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;
+export declare const HoverCard: {
+    Root: (props: HoverCardRootProps) => 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, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };
+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,19 @@
 '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 { useHoverCardContext } from './hover-card-context.mjs';
 import { HoverCardPositioner } from './hover-card-positioner.mjs';
+import { HoverCardRoot } from './hover-card-root.mjs';
 import { HoverCardTrigger } from './hover-card-trigger.mjs';
 
-const HoverCard = Object.assign(HoverCard$1, {
-  Root: HoverCard$1,
+const HoverCard = {
+  Root: HoverCardRoot,
   Arrow: HoverCardArrow,
   ArrowTip: HoverCardArrowTip,
   Content: HoverCardContent,
   Positioner: HoverCardPositioner,
   Trigger: HoverCardTrigger
-});
+};
 
-export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger };
+export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger };

package/hover-card/{hover-card.stories.d.ts → stories/hover-card.stories.d.ts}

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

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

@@ -0,0 +1,3 @@
+import { JSX } from 'react/jsx-runtime';
+import { type HoverCardRootProps } from '../';
+export declare const ComponentUnderTest: (props: HoverCardRootProps) => JSX.Element;

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 = {