@ark-ui/react 0.13.0 → 0.14.0

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.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

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/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Toast as Toast$1 } from './toast.mjs';
 import { ToastCloseTrigger } from './toast-close-trigger.mjs';
 import { ToastDescription } from './toast-description.mjs';

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/index.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/tooltip/index.mjs

@@ -1,3 +1,4 @@
+'use client';
 import { Tooltip as Tooltip$1 } from './tooltip.mjs';
 import { TooltipArrow } from './tooltip-arrow.mjs';
 import { TooltipArrowTip } from './tooltip-arrow-tip.mjs';

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 };