@ark-ui/react 0.13.1 → 0.14.0

package/switch/index.d.ts

@@ -1,12 +1,10 @@
-import { PublicApi } from '@zag-js/switch';
-import { UseSwitchProps } from './use-switch';
+import { UseSwitchProps, UseSwitchReturn } from './use-switch';
 import { Assign } from '../types';
-import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, ReactNode, HTMLAttributes, CSSProperties, RefAttributes, InputHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, ReactNode, RefAttributes, HTMLAttributes } from 'react';
 /// <reference types="react" />
 import { type SwitchProps } from './switch';
 import { useSwitchContext } from './switch-context';
 import { SwitchControl, type SwitchControlProps } from './switch-control';
-import { SwitchInput, type SwitchInputProps } from './switch-input';
 import { SwitchLabel, type SwitchLabelProps } from './switch-label';
 import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
 import { switchAnatomy } from './switch.anatomy';
@@ -15,31 +13,20 @@ declare const Switch: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHT
 } & {
     asChild?: boolean | undefined;
 }, "ref">, UseSwitchProps>, "children"> & {
-    children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
-        element: HTMLAttributes<HTMLElement>;
-        style: CSSProperties;
-    }>) => ReactNode);
+    children?: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
 } & RefAttributes<HTMLLabelElement>> & {
     Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
     }, "ref">, UseSwitchProps>, "children"> & {
-        children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
     } & RefAttributes<HTMLLabelElement>>;
     Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLSpanElement>>;
-    Input: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLInputElement>>;
     Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
     } & {
@@ -51,5 +38,5 @@ declare const Switch: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHT
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLSpanElement>>;
 };
-export { Switch, SwitchControl, SwitchInput, SwitchLabel, SwitchThumb, switchAnatomy, useSwitchContext, };
-export type { SwitchControlProps, SwitchInputProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };
+export { Switch, SwitchControl, SwitchLabel, SwitchThumb, switchAnatomy, useSwitchContext };
+export type { SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps };

package/switch/index.mjs

@@ -2,7 +2,6 @@
 import { Switch as Switch$1 } from './switch.mjs';
 export { useSwitchContext } from './switch-context.mjs';
 import { SwitchControl } from './switch-control.mjs';
-import { SwitchInput } from './switch-input.mjs';
 import { SwitchLabel } from './switch-label.mjs';
 import { SwitchThumb } from './switch-thumb.mjs';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
@@ -10,9 +9,8 @@ export { anatomy as switchAnatomy } from '@zag-js/switch';
 const Switch = Object.assign(Switch$1, {
   Root: Switch$1,
   Control: SwitchControl,
-  Input: SwitchInput,
   Label: SwitchLabel,
   Thumb: SwitchThumb
 });
 
-export { Switch, SwitchControl, SwitchInput, SwitchLabel, SwitchThumb };
+export { Switch, SwitchControl, SwitchLabel, SwitchThumb };

package/switch/switch-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/switch';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseSwitchReturn } from './use-switch';
 export type SwitchContext = UseSwitchReturn;
-export declare const SwitchProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useSwitchContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const SwitchProvider: Provider<UseSwitchReturn>, useSwitchContext: () => UseSwitchReturn;

package/switch/switch-control.cjs

@@ -10,9 +10,12 @@ const factory = require('../factory.cjs');
 const switchContext = require('./switch-context.cjs');
 
 const SwitchControl = react.forwardRef((props, ref) => {
-  const { controlProps } = switchContext.useSwitchContext();
+  const { controlProps, hiddenInputProps } = switchContext.useSwitchContext();
   const mergedProps = react$1.mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref }),
+    /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps })
+  ] });
 });
 SwitchControl.displayName = "SwitchControl";
 

package/switch/switch-control.mjs

@@ -1,14 +1,17 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
 import { useSwitchContext } from './switch-context.mjs';
 
 const SwitchControl = forwardRef((props, ref) => {
-  const { controlProps } = useSwitchContext();
+  const { controlProps, hiddenInputProps } = useSwitchContext();
   const mergedProps = mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }),
+    /* @__PURE__ */ jsx("input", { ...hiddenInputProps })
+  ] });
 });
 SwitchControl.displayName = "SwitchControl";
 

package/switch/switch.d.ts

@@ -4,12 +4,12 @@ import { ark } from '../factory';
 import type { Assign } from '../types';
 import { type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export type SwitchProps = Assign<Assign<ComponentPropsWithoutRef<typeof ark.label>, UseSwitchProps>, {
-    children: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
+    children?: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
 }>;
 export declare const Switch: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref">, UseSwitchProps>, "children"> & {
-    children: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
+    children?: ReactNode | ((pages: UseSwitchReturn) => ReactNode);
 } & RefAttributes<HTMLLabelElement>>;

package/switch/use-switch.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as zagSwitch from '@zag-js/switch';
 import { type Optional } from '../types';
 export type UseSwitchProps = Optional<zagSwitch.Context, 'id'> & {
     defaultChecked?: boolean;
 };
-export declare const useSwitch: (props: UseSwitchProps) => zagSwitch.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
-export type UseSwitchReturn = ReturnType<typeof useSwitch>;
+export type UseSwitchReturn = zagSwitch.Api;
+export declare const useSwitch: (props: UseSwitchProps) => UseSwitchReturn;

package/tabs/index.d.ts

@@ -13,14 +13,14 @@ declare const Tabs: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<H
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "value" | "getRootNode" | "id" | "ids" | "defaultValue" | "dir" | "onFocus" | "onChange" | "orientation" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    }, "ref">, "value" | "getRootNode" | "id" | "ids" | "defaultValue" | "dir" | "onFocus" | "onChange" | "orientation" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
         defaultValue?: string | null | undefined;
     } & RefAttributes<HTMLDivElement>>;
     Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tabs/tabs-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/tabs';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseTabsReturn } from './use-tabs';
 export type TabsContext = UseTabsReturn;
-export declare const TabsProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useTabsContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const TabsProvider: Provider<UseTabsReturn>, useTabsContext: () => UseTabsReturn;

package/tabs/tabs.d.ts

@@ -8,6 +8,6 @@ export declare const Tabs: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "value" | "getRootNode" | "id" | "ids" | "defaultValue" | "dir" | "onFocus" | "onChange" | "orientation" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/tabs/use-tabs.cjs

@@ -9,6 +9,25 @@ const react = require('react');
 require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const tabs__namespace = /*#__PURE__*/_interopNamespaceDefault(tabs);
+
 const useTabs = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const initialContext = {
@@ -21,8 +40,8 @@ const useTabs = (props) => {
     ...initialContext,
     value: props.value
   };
-  const [state, send] = react$1.useMachine(tabs.machine(initialContext), { context });
-  return tabs.connect(state, send, react$1.normalizeProps);
+  const [state, send] = react$1.useMachine(tabs__namespace.machine(initialContext), { context });
+  return tabs__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.useTabs = useTabs;

package/tabs/use-tabs.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
-import { PublicApi, type Context } from '@zag-js/tabs';
+import * as tabs from '@zag-js/tabs';
 import { type Optional } from '../types';
-export type UseTabsProps = Optional<Context, 'id'> & {
-    defaultValue?: Context['value'];
+export type UseTabsProps = Optional<tabs.Context, 'id'> & {
+    defaultValue?: tabs.Context['value'];
 };
-export type UseTabsReturn = ReturnType<typeof useTabs>;
-export declare const useTabs: (props: UseTabsProps) => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseTabsReturn = tabs.Api;
+export declare const useTabs: (props: UseTabsProps) => UseTabsReturn;

package/tabs/use-tabs.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { useMachine, normalizeProps } from '@zag-js/react';
-import { machine, connect } from '@zag-js/tabs';
+import * as tabs from '@zag-js/tabs';
 import { useId } from 'react';
 import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
@@ -17,8 +17,8 @@ const useTabs = (props) => {
     ...initialContext,
     value: props.value
   };
-  const [state, send] = useMachine(machine(initialContext), { context });
-  return connect(state, send, normalizeProps);
+  const [state, send] = useMachine(tabs.machine(initialContext), { context });
+  return tabs.connect(state, send, normalizeProps);
 };
 
 export { useTabs };

package/tags-input/index.d.ts

@@ -17,14 +17,14 @@ declare const TagsInput: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<Detaile
 } & {
     asChild?: boolean | undefined;
 }, "ref">, UseTagsInputProps>, "children"> & {
-    children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+    children?: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
 } & RefAttributes<HTMLInputElement>> & {
     Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
     }, "ref">, UseTagsInputProps>, "children"> & {
-        children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+        children?: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
     } & RefAttributes<HTMLInputElement>>;
     ClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;

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

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

package/tags-input/tags-input.cjs

@@ -35,12 +35,11 @@ const TagsInput = react.forwardRef((props, ref) => {
       "maxLength",
       "name",
       "onChange",
+      "onFocusChange",
       "onFocusOutside",
-      "onHighlight",
       "onInteractOutside",
       "onInvalid",
       "onPointerDownOutside",
-      "onTagUpdate",
       "readOnly",
       "translations",
       "validate",

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

@@ -3,12 +3,12 @@ import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTagsInputProps } from './use-tags-input';
 export type TagsInputProps = Assign<Assign<ComponentPropsWithoutRef<typeof ark.input>, UseTagsInputProps>, {
-    children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+    children?: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
 }>;
 export declare const TagsInput: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref">, UseTagsInputProps>, "children"> & {
-    children: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
+    children?: ReactNode | ((pages: UseTagsInputProps) => ReactNode);
 } & RefAttributes<HTMLInputElement>>;

package/tags-input/tags-input.mjs

@@ -31,12 +31,11 @@ const TagsInput = forwardRef((props, ref) => {
       "maxLength",
       "name",
       "onChange",
+      "onFocusChange",
       "onFocusOutside",
-      "onHighlight",
       "onInteractOutside",
       "onInvalid",
       "onPointerDownOutside",
-      "onTagUpdate",
       "readOnly",
       "translations",
       "validate",

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

@@ -1,12 +1,7 @@
-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'> & {
     defaultValue?: tagsInput.Context['value'];
 };
-export declare const useTagsInput: (props: UseTagsInputProps) => tagsInput.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
-export type UseTagsInputReturn = ReturnType<typeof useTagsInput>;
+export type UseTagsInputReturn = tagsInput.Api;
+export declare const useTagsInput: (props: UseTagsInputProps) => UseTagsInputReturn;

package/toast/index.d.ts

@@ -45,7 +45,7 @@ declare const Toast: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<
         asChild?: boolean | undefined;
     }, "ref">, "children" | "placement"> & {
         placement: Placement;
-        children: ReactNode | ((toasts: Service[]) => ReactNode);
+        children?: ReactNode | ((toasts: Service[]) => ReactNode);
     } & RefAttributes<HTMLDivElement>>;
 };
 export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };

package/toast/toast-group.d.ts

@@ -4,7 +4,7 @@ import { ark } from '../factory';
 import { type Assign } from '../types';
 export type ToastGroupProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, {
     placement: Placement;
-    children: ReactNode | ((toasts: Service[]) => ReactNode);
+    children?: ReactNode | ((toasts: Service[]) => ReactNode);
 }>;
 export declare const ToastGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -12,5 +12,5 @@ export declare const ToastGroup: ForwardRefExoticComponent<Omit<Omit<Omit<Detail
     asChild?: boolean | undefined;
 }, "ref">, "children" | "placement"> & {
     placement: Placement;
-    children: ReactNode | ((toasts: Service[]) => ReactNode);
+    children?: ReactNode | ((toasts: Service[]) => ReactNode);
 } & RefAttributes<HTMLDivElement>>;

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

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

package/toast/toast-provider.d.ts

@@ -1,66 +1,11 @@
 import { JSX } from 'react/jsx-runtime';
+import { PropTypes } from '@zag-js/types';
 import * as toast from '@zag-js/toast';
 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']>;
-export declare const ToastContextProvider: Provider<{
-    count: number;
-    toasts: toast.Service[];
-    toastsByPlacement: Partial<Record<toast.Placement, toast.Service[]>>;
-    isVisible(id: string): boolean;
-    create(options: Partial<toast.ToastOptions>): string | undefined;
-    upsert(options: Partial<toast.ToastOptions>): string | undefined;
-    dismiss(id?: string | undefined): void;
-    remove(id?: string | undefined): void;
-    dismissByPlacement(placement: toast.Placement): void;
-    update(id: string, options: Partial<toast.ToastOptions>): string | undefined;
-    loading(options: Partial<toast.ToastOptions>): string | undefined;
-    success(options: Partial<toast.ToastOptions>): string | undefined;
-    error(options: Partial<toast.ToastOptions>): string | undefined;
-    promise<T_1>(promise: Promise<T_1>, options: {
-        loading: toast.ToastOptions;
-        success: toast.ToastOptions | ((arg: T_1) => toast.ToastOptions);
-        error: toast.ToastOptions | ((arg: Error) => toast.ToastOptions);
-    }, shared?: Partial<toast.ToastOptions> | undefined): Promise<T_1>;
-    pause(id?: string | undefined): void;
-    resume(id?: string | undefined): void;
-    getGroupProps(options: {
-        placement: toast.Placement;
-        label?: string | undefined;
-    }): {
-        [x: string]: any;
-    };
-    subscribe(fn: (toasts: any) => void): () => void;
-}>, useToast: () => {
-    count: number;
-    toasts: toast.Service[];
-    toastsByPlacement: Partial<Record<toast.Placement, toast.Service[]>>;
-    isVisible(id: string): boolean;
-    create(options: Partial<toast.ToastOptions>): string | undefined;
-    upsert(options: Partial<toast.ToastOptions>): string | undefined;
-    dismiss(id?: string | undefined): void;
-    remove(id?: string | undefined): void;
-    dismissByPlacement(placement: toast.Placement): void;
-    update(id: string, options: Partial<toast.ToastOptions>): string | undefined;
-    loading(options: Partial<toast.ToastOptions>): string | undefined;
-    success(options: Partial<toast.ToastOptions>): string | undefined;
-    error(options: Partial<toast.ToastOptions>): string | undefined;
-    promise<T_1>(promise: Promise<T_1>, options: {
-        loading: toast.ToastOptions;
-        success: toast.ToastOptions | ((arg: T_1) => toast.ToastOptions);
-        error: toast.ToastOptions | ((arg: Error) => toast.ToastOptions);
-    }, shared?: Partial<toast.ToastOptions> | undefined): Promise<T_1>;
-    pause(id?: string | undefined): void;
-    resume(id?: string | undefined): void;
-    getGroupProps(options: {
-        placement: toast.Placement;
-        label?: string | undefined;
-    }): {
-        [x: string]: any;
-    };
-    subscribe(fn: (toasts: any) => void): () => void;
-};
+export declare const ToastContextProvider: Provider<toast.GroupApi<PropTypes>>, useToast: () => toast.GroupApi<PropTypes>;
 export type ToastProviderProps = PropsWithChildren & Optional<GroupPublicContext, 'id'>;
 export declare const ToastProvider: (props: ToastProviderProps) => JSX.Element;
 export {};

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

@@ -1,11 +1,6 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as toast from '@zag-js/toast';
 export type UseToastItemProps = {
     toast: toast.Service;
 };
-export type UseToastItemReturn = ReturnType<typeof useToastItem>;
-export declare const useToastItem: (props: UseToastItemProps) => toast.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseToastItemReturn = toast.Api;
+export declare const useToastItem: (props: UseToastItemProps) => UseToastItemReturn;

package/tooltip/tooltip-context.d.ts

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

package/tooltip/use-tooltip.d.ts

@@ -1,10 +1,5 @@
-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'>;
-export declare const useTooltip: (props: UseTooltipProps) => tooltip.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
-export type UseTooltipReturn = ReturnType<typeof useTooltip>;
+export type UseTooltipReturn = tooltip.Api;
+export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;

package/switch/switch-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 switchContext = require('./switch-context.cjs');
-
-const SwitchInput = react.forwardRef((props, ref) => {
-  const { inputProps } = switchContext.useSwitchContext();
-  const mergedProps = react$1.mergeProps(inputProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
-});
-SwitchInput.displayName = "SwitchInput";
-
-exports.SwitchInput = SwitchInput;

package/switch/switch-input.d.ts

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

package/switch/switch-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 { useSwitchContext } from './switch-context.mjs';
-
-const SwitchInput = forwardRef((props, ref) => {
-  const { inputProps } = useSwitchContext();
-  const mergedProps = mergeProps(inputProps, props);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
-});
-SwitchInput.displayName = "SwitchInput";
-
-export { SwitchInput };