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

package/tabs/tabs.d.ts

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/tabs';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { Context } from '@zag-js/tabs';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTabsProps } from './use-tabs';
@@ -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" | "id" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "getRootNode" | "ids" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "value" | "getRootNode" | "id" | "ids" | "orientation" | "onFocus" | "onChange" | "defaultValue" | "dir" | "loop" | "translations" | "activationMode" | "onDelete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/tabs/tabs.stories.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Tabs } from '.';
+type TabsType = typeof Tabs;
+declare const meta: Meta<TabsType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialTab: () => JSX.Element;
+export declare const Indicator: () => JSX.Element;
+export declare const LazyMount: () => JSX.Element;
+export declare const DisabledTab: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;
+export declare const Manual: () => JSX.Element;

package/tabs/tabs.test.d.ts

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

package/tabs/use-tabs.cjs

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

package/tabs/use-tabs.d.ts

@@ -1,5 +1,6 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
-import type { PublicApi, type Context } from '@zag-js/tabs';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
+import { PublicApi, type Context } from '@zag-js/tabs';
 import { type Optional } from '../types';
 export type UseTabsProps = Optional<Context, 'id'> & {
     defaultValue?: Context['value'];

package/tabs/use-tabs.mjs

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

package/tags-input/index.cjs

@@ -5,26 +5,35 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const tag = require('./tag.cjs');
 const tagDeleteTrigger = require('./tag-delete-trigger.cjs');
 const tagInput = require('./tag-input.cjs');
-const tagsInput = require('./tags-input.cjs');
+const tagsInput$1 = require('./tags-input.cjs');
 const tagsInputClearTrigger = require('./tags-input-clear-trigger.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 const tagsInputControl = require('./tags-input-control.cjs');
 const tagsInputField = require('./tags-input-field.cjs');
 const tagsInputLabel = require('./tags-input-label.cjs');
-const tagsInput$1 = require('@zag-js/tags-input');
-
+const tagsInput = require('@zag-js/tags-input');
 
+const TagsInput = Object.assign(tagsInput$1.TagsInput, {
+  Root: tagsInput$1.TagsInput,
+  ClearTrigger: tagsInputClearTrigger.TagsInputClearTrigger,
+  Control: tagsInputControl.TagsInputControl,
+  Field: tagsInputField.TagsInputField,
+  Label: tagsInputLabel.TagsInputLabel,
+  Tag: tag.Tag,
+  TagInput: tagInput.TagInput,
+  TagDeleteTrigger: tagDeleteTrigger.TagDeleteTrigger
+});
 
 exports.Tag = tag.Tag;
 exports.TagDeleteTrigger = tagDeleteTrigger.TagDeleteTrigger;
 exports.TagInput = tagInput.TagInput;
-exports.TagsInput = tagsInput.TagsInput;
 exports.TagsInputClearTrigger = tagsInputClearTrigger.TagsInputClearTrigger;
 exports.useTagsInputContext = tagsInputContext.useTagsInputContext;
 exports.TagsInputControl = tagsInputControl.TagsInputControl;
 exports.TagsInputField = tagsInputField.TagsInputField;
 exports.TagsInputLabel = tagsInputLabel.TagsInputLabel;
 Object.defineProperty(exports, 'tagsInputAnatomy', {
-	enumerable: true,
-	get: () => tagsInput$1.anatomy
+  enumerable: true,
+  get: () => tagsInput.anatomy
 });
+exports.TagsInput = TagsInput;

package/tags-input/index.d.ts

@@ -1,10 +1,90 @@
-export { Tag, type TagProps } from './tag';
-export { TagDeleteTrigger, type TagDeleteTriggerProps } from './tag-delete-trigger';
-export { TagInput, type TagInputProps } from './tag-input';
-export { TagsInput, type TagsInputProps } from './tags-input';
-export { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
-export { useTagsInputContext } from './tags-input-context';
-export { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
-export { TagsInputField, type TagsInputFieldProps } from './tags-input-field';
-export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
-export { tagsInputAnatomy } from './tags-input.anatomy';
+import { UseTagsInputProps } from './use-tags-input';
+import { Assign } from '../types';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, ReactNode, RefAttributes, ButtonHTMLAttributes, HTMLAttributes, LabelHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { Tag, type TagProps } from './tag';
+import { TagDeleteTrigger, type TagDeleteTriggerProps } from './tag-delete-trigger';
+import { TagInput, type TagInputProps } from './tag-input';
+import { type TagsInputProps } from './tags-input';
+import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
+import { useTagsInputContext } from './tags-input-context';
+import { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+import { TagsInputField, type TagsInputFieldProps } from './tags-input-field';
+import { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
+import { tagsInputAnatomy } from './tags-input.anatomy';
+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);
+} & 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);
+    } & RefAttributes<HTMLInputElement>>;
+    ClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Field: 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<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Tag: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    TagInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLInputElement>>;
+    TagDeleteTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    }> & {
+        index: string | number;
+        value: string;
+        disabled?: boolean | undefined;
+    } & RefAttributes<HTMLButtonElement>>;
+};
+export { Tag, TagDeleteTrigger, TagInput, TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputField, TagsInputLabel, tagsInputAnatomy, useTagsInputContext, };
+export type { TagDeleteTriggerProps, TagInputProps, TagProps, TagsInputClearTriggerProps, TagsInputControlProps, TagsInputFieldProps, TagsInputLabelProps, TagsInputProps, };

package/tags-input/index.mjs

@@ -1,10 +1,23 @@
-export { Tag } from './tag.mjs';
-export { TagDeleteTrigger } from './tag-delete-trigger.mjs';
-export { TagInput } from './tag-input.mjs';
-export { TagsInput } from './tags-input.mjs';
-export { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
+import { Tag } from './tag.mjs';
+import { TagDeleteTrigger } from './tag-delete-trigger.mjs';
+import { TagInput } from './tag-input.mjs';
+import { TagsInput as TagsInput$1 } from './tags-input.mjs';
+import { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
 export { useTagsInputContext } from './tags-input-context.mjs';
-export { TagsInputControl } from './tags-input-control.mjs';
-export { TagsInputField } from './tags-input-field.mjs';
-export { TagsInputLabel } from './tags-input-label.mjs';
+import { TagsInputControl } from './tags-input-control.mjs';
+import { TagsInputField } from './tags-input-field.mjs';
+import { TagsInputLabel } from './tags-input-label.mjs';
 export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+
+const TagsInput = Object.assign(TagsInput$1, {
+  Root: TagsInput$1,
+  ClearTrigger: TagsInputClearTrigger,
+  Control: TagsInputControl,
+  Field: TagsInputField,
+  Label: TagsInputLabel,
+  Tag,
+  TagInput,
+  TagDeleteTrigger
+});
+
+export { Tag, TagDeleteTrigger, TagInput, TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputField, TagsInputLabel };

package/tags-input/tag-delete-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';
 import { type Assign } from '../types';
 type _TagProps = {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 type _TagProps = {

package/tags-input/tag.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';
 type _TagProps = {

package/tags-input/tags-input-clear-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 TagsInputClearTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const TagsInputClearTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

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

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

package/tags-input/tags-input-control.cjs

@@ -12,8 +12,8 @@ const tagsInputContext = require('./tags-input-context.cjs');
 const TagsInputControl = react.forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = tagsInputContext.useTagsInputContext();
   const mergedProps = react$1.mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.div, { ...mergedProps, ref, children: [
-    props.children,
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: props.children }),
     /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps })
   ] });
 });

package/tags-input/tags-input-control.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 TagsInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const TagsInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/tags-input/tags-input-control.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs, 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';
@@ -8,8 +8,8 @@ import { useTagsInputContext } from './tags-input-context.mjs';
 const TagsInputControl = forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = useTagsInputContext();
   const mergedProps = mergeProps(controlProps, props);
-  return /* @__PURE__ */ jsxs(ark.div, { ...mergedProps, ref, children: [
-    props.children,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: props.children }),
     /* @__PURE__ */ jsx("input", { ...hiddenInputProps })
   ] });
 });

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputFieldProps = ComponentPropsWithoutRef<typeof ark.input>;
 export declare const TagsInputField: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type TagsInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const TagsInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

package/tags-input/tags-input.cjs

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

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseTagsInputProps } from './use-tags-input';

package/tags-input/tags-input.mjs

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

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

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

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

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

package/tags-input/use-tags-input.cjs

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

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

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+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'> & {

package/tags-input/use-tags-input.mjs

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

package/toast/index.cjs

@@ -12,9 +12,17 @@ const toastProvider = require('./toast-provider.cjs');
 const toastTitle = require('./toast-title.cjs');
 const toast$1 = require('@zag-js/toast');
 
+const Toast = Object.assign(toast.Toast, {
+  Provider: toastProvider.ToastProvider,
+  Title: toastTitle.ToastTitle,
+  Root: toast.Toast,
+  Description: toastDescription.ToastDescription,
+  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
+  Placements: toastPlacements.ToastPlacements,
+  Group: toastGroup.ToastGroup
+});
 
-
-exports.Toast = toast.Toast;
+exports.ToastRoot = toast.Toast;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
 exports.ToastGroup = toastGroup.ToastGroup;
@@ -24,6 +32,7 @@ exports.ToastProvider = toastProvider.ToastProvider;
 exports.useToast = toastProvider.useToast;
 exports.ToastTitle = toastTitle.ToastTitle;
 Object.defineProperty(exports, 'toastAnatomy', {
-	enumerable: true,
-	get: () => toast$1.anatomy
+  enumerable: true,
+  get: () => toast$1.anatomy
 });
+exports.Toast = Toast;

package/toast/index.d.ts

@@ -1,9 +1,52 @@
-export { Toast, type ToastProps } from './toast';
-export { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
-export { ToastDescription, type ToastDescriptionProps } from './toast-description';
-export { ToastGroup, type ToastGroupProps } from './toast-group';
-export { useToastItemContext } from './toast-item-context';
-export { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
-export { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
-export { ToastTitle, type ToastTitleProps } from './toast-title';
-export { toastAnatomy } from './toast.anatomy';
+import { Placement, Service } from '@zag-js/toast';
+import { JSX } from 'react/jsx-runtime';
+import { UseToastItemProps } from './use-toast-item';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+/// <reference types="react" />
+import { Toast as ToastRoot, type ToastProps } from './toast';
+import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
+import { ToastDescription, type ToastDescriptionProps } from './toast-description';
+import { ToastGroup, type ToastGroupProps } from './toast-group';
+import { useToastItemContext } from './toast-item-context';
+import { ToastPlacements, type ToastPlacementsProps } from './toast-placements';
+import { ToastProvider, useToast, type ToastProviderProps } from './toast-provider';
+import { ToastTitle, type ToastTitleProps } from './toast-title';
+import { toastAnatomy } from './toast.anatomy';
+declare const Toast: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "toast"> & UseToastItemProps & RefAttributes<HTMLDivElement>> & {
+    Provider: (props: ToastProviderProps) => JSX.Element;
+    Title: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+        ref?: ((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "toast"> & UseToastItemProps & RefAttributes<HTMLDivElement>>;
+    Description: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    CloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Placements: (props: ToastPlacementsProps) => JSX.Element;
+    Group: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "children" | "placement"> & {
+        placement: Placement;
+        children: ReactNode | ((toasts: Service[]) => ReactNode);
+    } & RefAttributes<HTMLDivElement>>;
+};
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };
+export type { ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastPlacementsProps, ToastProps, ToastProviderProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,9 +1,22 @@
-export { Toast } from './toast.mjs';
-export { ToastCloseTrigger } from './toast-close-trigger.mjs';
-export { ToastDescription } from './toast-description.mjs';
-export { ToastGroup } from './toast-group.mjs';
+import { Toast as Toast$1 } from './toast.mjs';
+import { ToastCloseTrigger } from './toast-close-trigger.mjs';
+import { ToastDescription } from './toast-description.mjs';
+import { ToastGroup } from './toast-group.mjs';
 export { useToastItemContext } from './toast-item-context.mjs';
-export { ToastPlacements } from './toast-placements.mjs';
-export { ToastProvider, useToast } from './toast-provider.mjs';
-export { ToastTitle } from './toast-title.mjs';
+import { ToastPlacements } from './toast-placements.mjs';
+import { ToastProvider } from './toast-provider.mjs';
+export { useToast } from './toast-provider.mjs';
+import { ToastTitle } from './toast-title.mjs';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
+
+const Toast = Object.assign(Toast$1, {
+  Provider: ToastProvider,
+  Title: ToastTitle,
+  Root: Toast$1,
+  Description: ToastDescription,
+  CloseTrigger: ToastCloseTrigger,
+  Placements: ToastPlacements,
+  Group: ToastGroup
+});
+
+export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, Toast$1 as ToastRoot, ToastTitle };

package/toast/toast-close-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 ToastCloseTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const ToastCloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/toast/toast-description.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 ToastDescriptionProps = ComponentPropsWithoutRef<typeof ark.p>;
 export declare const ToastDescription: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {

package/toast/toast-group.d.ts

@@ -1,5 +1,5 @@
 import { type Placement, type Service } from '@zag-js/toast';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 export type ToastGroupProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, {

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

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

package/toast/toast-placements.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type Placement } from '@zag-js/toast';
 import { type ReactNode } from 'react';
 export type ToastPlacementsProps = {

package/toast/toast-provider.cjs

@@ -8,6 +8,7 @@ const react$1 = require('@zag-js/react');
 const toast = require('@zag-js/toast');
 const react = require('react');
 const createContext = require('../create-context.cjs');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/toast/toast-provider.d.ts

@@ -1,6 +1,6 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import * as toast from '@zag-js/toast';
-import type { Provider, type PropsWithChildren } from 'react';
+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']>;

package/toast/toast-provider.mjs

@@ -4,6 +4,7 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import * as toast from '@zag-js/toast';
 import { useId } from 'react';
 import { createContext } from '../create-context.mjs';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const [ToastContextProvider, useToast] = createContext();

package/toast/toast-title.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 ToastTitleProps = ComponentPropsWithoutRef<typeof ark.h3>;
 export declare const ToastTitle: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {