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

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"> & {

package/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type PropsWithChildren, type ReactNode } from 'react';
 import type { Assign } from '../types';
 import { type TooltipContext } from './tooltip-context';

package/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Tooltip } from './';
+type TooltipType = typeof Tooltip;
+declare const meta: Meta<TooltipType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const RenderFn: () => JSX.Element;
+export declare const Arrow: () => JSX.Element;
+export declare const Timings: () => JSX.Element;
+export declare const Positioning: () => JSX.Element;

package/tooltip/tooltip.test.d.ts

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

package/tooltip/use-tooltip.cjs

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

package/tooltip/use-tooltip.d.ts

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

package/tooltip/use-tooltip.mjs

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

package/use-latest-ref.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+/// <reference types="react" />
+export declare function useLatestRef<T>(value: T): MutableRefObject<T>;

package/checkbox/checkbox-input.cjs

@@ -1,19 +0,0 @@
-'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 checkboxContext = require('./checkbox-context.cjs');
-
-const CheckboxInput = react.forwardRef((props, ref) => {
-  const { inputProps } = checkboxContext.useCheckboxContext();
-  const mergedProps = react$1.mergeProps(inputProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
-});
-CheckboxInput.displayName = "CheckboxInput";
-
-exports.CheckboxInput = CheckboxInput;

package/checkbox/checkbox-input.d.ts

@@ -1,8 +0,0 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type CheckboxInputProps = ComponentPropsWithoutRef<typeof ark.input>;
-export declare const CheckboxInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLInputElement>>;

package/checkbox/checkbox-input.mjs

@@ -1,15 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { ark } from '../factory.mjs';
-import { useCheckboxContext } from './checkbox-context.mjs';
-
-const CheckboxInput = forwardRef((props, ref) => {
-  const { inputProps } = useCheckboxContext();
-  const mergedProps = mergeProps(inputProps, props);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
-});
-CheckboxInput.displayName = "CheckboxInput";
-
-export { CheckboxInput };