@ark-ui/solid 0.11.0 → 1.0.0-beta.0

package/tags-input/{tags-input-field.mjs → tags-input-input.mjs}

@@ -5,8 +5,8 @@ import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputInput = props => {
   const api = useTagsInputContext();
-  const inputProps = mergeProps(() => api().inputProps, props);
-  return createComponent(ark.input, inputProps);
+  const mergedProps = mergeProps(() => api().inputProps, props);
+  return createComponent(ark.input, mergedProps);
 };
 
 export { TagsInputInput };

package/tags-input/tags-input-item-context.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../create-context.cjs');
+
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext.createContext(
+  {
+    hookName: "useTagsInputItemContext",
+    providerName: "<TagsInputItemProvider />"
+  }
+);
+
+exports.TagsInputItemProvider = TagsInputItemProvider;
+exports.useTagsInputItemContext = useTagsInputItemContext;

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

@@ -0,0 +1,4 @@
+import { ContextProviderComponent } from 'solid-js';
+import type { ItemProps } from '@zag-js/tags-input';
+export type TagsInputItemContext = ItemProps;
+export declare const TagsInputItemProvider: ContextProviderComponent<ItemProps>, useTagsInputItemContext: () => ItemProps;

package/tags-input/tags-input-item-context.mjs

@@ -0,0 +1,10 @@
+import { createContext } from '../create-context.mjs';
+
+const [TagsInputItemProvider, useTagsInputItemContext] = createContext(
+  {
+    hookName: "useTagsInputItemContext",
+    providerName: "<TagsInputItemProvider />"
+  }
+);
+
+export { TagsInputItemProvider, useTagsInputItemContext };

package/tags-input/tags-input-item-delete-trigger.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const factory = require('../factory.cjs');
+const tagsInputContext = require('./tags-input-context.cjs');
+const tagsInputItemContext = require('./tags-input-item-context.cjs');
+
+const TagsInputItemDeleteTrigger = props => {
+  const api = tagsInputContext.useTagsInputContext();
+  const itemProps = tagsInputItemContext.useTagsInputItemContext();
+  const mergedProps = solid.mergeProps(() => api().getItemDeleteTriggerProps(itemProps), props);
+  return web.createComponent(factory.ark.button, mergedProps);
+};
+
+exports.TagsInputItemDeleteTrigger = TagsInputItemDeleteTrigger;

package/tags-input/tags-input-item-delete-trigger.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type TagsInputItemDeleteTriggerProps = HTMLArkProps<'button'>;
+export declare const TagsInputItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => JSX.Element;

package/tags-input/tags-input-item-delete-trigger.mjs

@@ -0,0 +1,14 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory.mjs';
+import { useTagsInputContext } from './tags-input-context.mjs';
+import { useTagsInputItemContext } from './tags-input-item-context.mjs';
+
+const TagsInputItemDeleteTrigger = props => {
+  const api = useTagsInputContext();
+  const itemProps = useTagsInputItemContext();
+  const mergedProps = mergeProps(() => api().getItemDeleteTriggerProps(itemProps), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+export { TagsInputItemDeleteTrigger };

package/tags-input/tags-input-item-input.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+require('./index.cjs');
+const factory = require('../factory.cjs');
+const tagsInputContext = require('./tags-input-context.cjs');
+const tagsInputItemContext = require('./tags-input-item-context.cjs');
+
+const TagsInputItemInput = props => {
+  const api = tagsInputContext.useTagsInputContext();
+  const itemProps = tagsInputItemContext.useTagsInputItemContext();
+  const mergedProps = solid.mergeProps(() => api().getItemInputProps(itemProps), props);
+  return web.createComponent(factory.ark.input, mergedProps);
+};
+
+exports.TagsInputItemInput = TagsInputItemInput;

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

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type TagsInputItemInputProps = HTMLArkProps<'input'>;
+export declare const TagsInputItemInput: (props: TagsInputItemInputProps) => JSX.Element;

package/tags-input/tags-input-item-input.mjs

@@ -0,0 +1,15 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import './index.mjs';
+import { ark } from '../factory.mjs';
+import { useTagsInputContext } from './tags-input-context.mjs';
+import { useTagsInputItemContext } from './tags-input-item-context.mjs';
+
+const TagsInputItemInput = props => {
+  const api = useTagsInputContext();
+  const itemProps = useTagsInputItemContext();
+  const mergedProps = mergeProps(() => api().getItemInputProps(itemProps), props);
+  return createComponent(ark.input, mergedProps);
+};
+
+export { TagsInputItemInput };

package/tags-input/tags-input-item-text.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+require('./index.cjs');
+const factory = require('../factory.cjs');
+const tagsInputContext = require('./tags-input-context.cjs');
+const tagsInputItemContext = require('./tags-input-item-context.cjs');
+
+const TagsInputItemText = props => {
+  const api = tagsInputContext.useTagsInputContext();
+  const itemProps = tagsInputItemContext.useTagsInputItemContext();
+  const mergedProps = solid.mergeProps(() => api().getItemTextProps(itemProps), props);
+  return web.createComponent(factory.ark.span, mergedProps);
+};
+
+exports.TagsInputItemText = TagsInputItemText;

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

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type TagsInputItemTextProps = HTMLArkProps<'span'>;
+export declare const TagsInputItemText: (props: TagsInputItemTextProps) => JSX.Element;

package/tags-input/tags-input-item-text.mjs

@@ -0,0 +1,15 @@
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import './index.mjs';
+import { ark } from '../factory.mjs';
+import { useTagsInputContext } from './tags-input-context.mjs';
+import { useTagsInputItemContext } from './tags-input-item-context.mjs';
+
+const TagsInputItemText = props => {
+  const api = useTagsInputContext();
+  const itemProps = useTagsInputItemContext();
+  const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+  return createComponent(ark.span, mergedProps);
+};
+
+export { TagsInputItemText };

package/tags-input/tags-input-item.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const tagsInputContext = require('./tags-input-context.cjs');
+const tagsInputItemContext = require('./tags-input-item-context.cjs');
+
+const TagsInputItem = props => {
+  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ['disabled', 'index', 'value']);
+  const api = tagsInputContext.useTagsInputContext();
+  const mergedProps = solid.mergeProps(() => api().getItemProps(itemProps), localProps);
+  const getChildren = () => runIfFn.runIfFn(localProps.children, () => api().getItemState(itemProps));
+  return web.createComponent(tagsInputItemContext.TagsInputItemProvider, {
+    value: itemProps,
+    get children() {
+      return web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
+    }
+  });
+};
+
+exports.TagsInputItem = TagsInputItem;

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

@@ -0,0 +1,8 @@
+import type { ItemProps, ItemState } from '@zag-js/tags-input';
+import { type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type TagsInputItemProps = Assign<HTMLArkProps<'div'>, ItemProps & {
+    children?: JSX.Element | ((state: () => ItemState) => JSX.Element);
+}>;
+export declare const TagsInputItem: (props: TagsInputItemProps) => JSX.Element;

package/tags-input/tags-input-item.mjs

@@ -0,0 +1,26 @@
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { useTagsInputContext } from './tags-input-context.mjs';
+import { TagsInputItemProvider } from './tags-input-item-context.mjs';
+
+const TagsInputItem = props => {
+  const [itemProps, localProps] = createSplitProps()(props, ['disabled', 'index', 'value']);
+  const api = useTagsInputContext();
+  const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+  const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
+  return createComponent(TagsInputItemProvider, {
+    value: itemProps,
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        get children() {
+          return getChildren();
+        }
+      }));
+    }
+  });
+};
+
+export { TagsInputItem };

package/tags-input/tags-input-label.cjs

@@ -9,8 +9,8 @@ const tagsInputContext = require('./tags-input-context.cjs');
 
 const TagsInputLabel = props => {
   const api = tagsInputContext.useTagsInputContext();
-  const labelProps = solid.mergeProps(() => api().labelProps, props);
-  return web.createComponent(factory.ark.label, labelProps);
+  const mergedProps = solid.mergeProps(() => api().labelProps, props);
+  return web.createComponent(factory.ark.label, mergedProps);
 };
 
 exports.TagsInputLabel = TagsInputLabel;

package/tags-input/tags-input-label.mjs

@@ -5,8 +5,8 @@ import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputLabel = props => {
   const api = useTagsInputContext();
-  const labelProps = mergeProps(() => api().labelProps, props);
-  return createComponent(ark.label, labelProps);
+  const mergedProps = mergeProps(() => api().labelProps, props);
+  return createComponent(ark.label, mergedProps);
 };
 
 export { TagsInputLabel };

package/tags-input/tags-input.cjs

@@ -10,19 +10,24 @@ const runIfFn = require('../run-if-fn.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 const useTagsInput = require('./use-tags-input.cjs');
 
+const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
 const TagsInput = props => {
-  const [tagsInputParams, restProps] = createSplitProps.createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onFocusChange', 'onFocusOutside', 'onInteractOutside', 'onInvalid', 'onInvalid', 'onPointerDownOutside', 'readOnly', 'translations', 'validate', 'value']);
+  const [tagsInputParams, restProps] = createSplitProps.createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueInvalid', 'readOnly', 'translations', 'validate', 'value']);
   const api = useTagsInput.useTagsInput(tagsInputParams);
-  const rootProps = solid.mergeProps(() => api().rootProps, restProps);
+  const mergedProps = solid.mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn.runIfFn(restProps.children, api);
   return web.createComponent(tagsInputContext.TagsInputProvider, {
     value: api,
     get children() {
-      return web.createComponent(factory.ark.div, web.mergeProps(rootProps, {
+      return [web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
         get children() {
           return getChildren();
         }
-      }));
+      })), (() => {
+        const _el$ = _tmpl$();
+        web.spread(_el$, web.mergeProps(() => api().hiddenInputProps), false, false);
+        return _el$;
+      })()];
     }
   });
 };

package/tags-input/tags-input.mjs

@@ -1,4 +1,4 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, spread, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
@@ -6,19 +6,24 @@ import { runIfFn } from '../run-if-fn.mjs';
 import { TagsInputProvider } from './tags-input-context.mjs';
 import { useTagsInput } from './use-tags-input.mjs';
 
+const _tmpl$ = /*#__PURE__*/template(`<input>`);
 const TagsInput = props => {
-  const [tagsInputParams, restProps] = createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onChange', 'onFocusChange', 'onFocusOutside', 'onInteractOutside', 'onInvalid', 'onInvalid', 'onPointerDownOutside', 'readOnly', 'translations', 'validate', 'value']);
+  const [tagsInputParams, restProps] = createSplitProps()(props, ['addOnPaste', 'allowEditTag', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'dir', 'disabled', 'form', 'getRootNode', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueInvalid', 'readOnly', 'translations', 'validate', 'value']);
   const api = useTagsInput(tagsInputParams);
-  const rootProps = mergeProps(() => api().rootProps, restProps);
+  const mergedProps = mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn(restProps.children, api);
   return createComponent(TagsInputProvider, {
     value: api,
     get children() {
-      return createComponent(ark.div, mergeProps$1(rootProps, {
+      return [createComponent(ark.div, mergeProps$1(mergedProps, {
         get children() {
           return getChildren();
         }
-      }));
+      })), (() => {
+        const _el$ = _tmpl$();
+        spread(_el$, mergeProps$1(() => api().hiddenInputProps), false, false);
+        return _el$;
+      })()];
     }
   });
 };

package/toast/create-toaster.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const toast = require('@zag-js/toast');
+const solidJs = require('solid-js');
+require('../environment/index.cjs');
+const factory = require('../factory.cjs');
+const toastContext = require('./toast-context.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 toast__namespace = /*#__PURE__*/_interopNamespaceDefault(toast);
+
+// TODO simplify types after next zag.js upgrade
+
+const createToaster = props => {
+  const {
+    placement,
+    ...rest
+  } = props;
+  const service = toast__namespace.group.machine({
+    id: '1',
+    placement,
+    ...rest
+  }).start();
+  const [state, send] = solid.useActor(service);
+  const api = solidJs.createMemo(() => toast__namespace.group.connect(state, send, solid.normalizeProps));
+  const Toaster = props => {
+    const getRootNode = environmentContext.useEnvironmentContext();
+    solidJs.createEffect(() => {
+      service.setContext({
+        getRootNode
+      });
+      solidJs.onCleanup(() => service.stop());
+    });
+    const mergedProps = solid.mergeProps(() => api().getGroupProps({
+      placement
+    }), props);
+    return web.createComponent(factory.ark.ol, web.mergeProps(mergedProps, {
+      get children() {
+        return web.createComponent(solidJs.Index, {
+          get each() {
+            return api().toastsByPlacement[placement];
+          },
+          children: toast => web.createComponent(ToastProviderFactory, {
+            get service() {
+              return toast();
+            }
+          })
+        });
+      }
+    }));
+  };
+  return [Toaster, api];
+};
+const ToastProviderFactory = props => {
+  const [state, send] = solid.useActor(props.service);
+  const api = toast__namespace.connect(state, send, solid.normalizeProps);
+  return web.createComponent(toastContext.ToastProvider, {
+    get value() {
+      return solidJs.createMemo(() => api);
+    },
+    get children() {
+      return state.context.render?.(api);
+    }
+  });
+};
+
+exports.createToaster = createToaster;

package/toast/create-toaster.d.ts

@@ -0,0 +1,16 @@
+import { type PropTypes } from '@zag-js/solid';
+import * as toast from '@zag-js/toast';
+import { type Accessor, type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Optional } from '../types';
+type GroupContext = Partial<toast.GroupMachineContext>;
+export interface CreateToasterProps extends Omit<Optional<GroupContext, 'id'>, 'render'> {
+    placement: toast.Placement;
+    render: (api: toast.Api<PropTypes>) => JSX.Element;
+}
+export type CreateToasterReturn = [
+    (props: HTMLArkProps<'ol'>) => JSX.Element,
+    Accessor<toast.GroupApi<PropTypes>>
+];
+export declare const createToaster: (props: CreateToasterProps) => CreateToasterReturn;
+export {};

package/toast/create-toaster.mjs

@@ -0,0 +1,65 @@
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { useActor, normalizeProps, mergeProps } from '@zag-js/solid';
+import * as toast from '@zag-js/toast';
+import { createMemo, createEffect, onCleanup, Index } from 'solid-js';
+import '../environment/index.mjs';
+import { ark } from '../factory.mjs';
+import { ToastProvider } from './toast-context.mjs';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+// TODO simplify types after next zag.js upgrade
+
+const createToaster = props => {
+  const {
+    placement,
+    ...rest
+  } = props;
+  const service = toast.group.machine({
+    id: '1',
+    placement,
+    ...rest
+  }).start();
+  const [state, send] = useActor(service);
+  const api = createMemo(() => toast.group.connect(state, send, normalizeProps));
+  const Toaster = props => {
+    const getRootNode = useEnvironmentContext();
+    createEffect(() => {
+      service.setContext({
+        getRootNode
+      });
+      onCleanup(() => service.stop());
+    });
+    const mergedProps = mergeProps(() => api().getGroupProps({
+      placement
+    }), props);
+    return createComponent(ark.ol, mergeProps$1(mergedProps, {
+      get children() {
+        return createComponent(Index, {
+          get each() {
+            return api().toastsByPlacement[placement];
+          },
+          children: toast => createComponent(ToastProviderFactory, {
+            get service() {
+              return toast();
+            }
+          })
+        });
+      }
+    }));
+  };
+  return [Toaster, api];
+};
+const ToastProviderFactory = props => {
+  const [state, send] = useActor(props.service);
+  const api = toast.connect(state, send, normalizeProps);
+  return createComponent(ToastProvider, {
+    get value() {
+      return createMemo(() => api);
+    },
+    get children() {
+      return state.context.render?.(api);
+    }
+  });
+};
+
+export { createToaster };

package/toast/index.cjs

@@ -2,37 +2,21 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const createToaster = require('./create-toaster.cjs');
 const toast = require('./toast.cjs');
 const toastCloseTrigger = require('./toast-close-trigger.cjs');
 const toastDescription = require('./toast-description.cjs');
-const toastGroup = require('./toast-group.cjs');
-const toastItemContext = require('./toast-item-context.cjs');
-const toastPlacements = require('./toast-placements.cjs');
-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,
+  Title: toastTitle.ToastTitle,
   Description: toastDescription.ToastDescription,
-  CloseTrigger: toastCloseTrigger.ToastCloseTrigger,
-  Placements: toastPlacements.ToastPlacements,
-  Group: toastGroup.ToastGroup
+  CloseTrigger: toastCloseTrigger.ToastCloseTrigger
 });
 
-exports.ToastRoot = toast.Toast;
+exports.createToaster = createToaster.createToaster;
 exports.ToastCloseTrigger = toastCloseTrigger.ToastCloseTrigger;
 exports.ToastDescription = toastDescription.ToastDescription;
-exports.ToastGroup = toastGroup.ToastGroup;
-exports.useToastItemContext = toastItemContext.useToastItemContext;
-exports.ToastPlacements = toastPlacements.ToastPlacements;
-exports.ToastProvider = toastProvider.ToastProvider;
-exports.useToast = toastProvider.useToast;
 exports.ToastTitle = toastTitle.ToastTitle;
-Object.defineProperty(exports, 'toastAnatomy', {
-  enumerable: true,
-  get: () => toast$1.anatomy
-});
 exports.Toast = Toast;

package/toast/index.d.ts

@@ -1,21 +1,14 @@
 import { JSX } from 'solid-js';
-import { Toast as ToastRoot, type ToastProps } from './toast';
+import { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
+import { 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: ((props: ToastProps) => JSX.Element) & {
-    Provider: (props: ToastProviderProps) => JSX.Element;
-    Title: (props: ToastTitleProps) => JSX.Element;
     Root: (props: ToastProps) => JSX.Element;
+    Title: (props: ToastTitleProps) => JSX.Element;
     Description: (props: ToastDescriptionProps) => JSX.Element;
     CloseTrigger: (props: ToastCloseTriggerProps) => JSX.Element;
-    Placements: (props: ToastPlacementsProps) => JSX.Element;
-    Group: (props: ToastGroupProps) => JSX.Element;
 };
-export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, ToastRoot, ToastTitle, toastAnatomy, useToast, useToastItemContext, };
-export type { ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastPlacementsProps, ToastProps, ToastProviderProps, ToastTitleProps, };
+export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastTitle };
+export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastProps, ToastTitleProps, };

package/toast/index.mjs

@@ -1,22 +1,14 @@
+export { createToaster } from './create-toaster.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';
-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,
+  Title: ToastTitle,
   Description: ToastDescription,
-  CloseTrigger: ToastCloseTrigger,
-  Placements: ToastPlacements,
-  Group: ToastGroup
+  CloseTrigger: ToastCloseTrigger
 });
 
-export { Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastPlacements, ToastProvider, Toast$1 as ToastRoot, ToastTitle };
+export { Toast, ToastCloseTrigger, ToastDescription, ToastTitle };

package/toast/toast-close-trigger.cjs

@@ -5,12 +5,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
-const toastItemContext = require('./toast-item-context.cjs');
+const toastContext = require('./toast-context.cjs');
 
 const ToastCloseTrigger = props => {
-  const api = toastItemContext.useToastItemContext();
-  const triggerProps = solid.mergeProps(() => api().closeTriggerProps, props);
-  return web.createComponent(factory.ark.button, triggerProps);
+  const api = toastContext.useToastContext();
+  const mergedProps = solid.mergeProps(() => api().closeTriggerProps, props);
+  return web.createComponent(factory.ark.button, mergedProps);
 };
 
 exports.ToastCloseTrigger = ToastCloseTrigger;

package/toast/toast-close-trigger.mjs

@@ -1,12 +1,12 @@
 import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
-import { useToastItemContext } from './toast-item-context.mjs';
+import { useToastContext } from './toast-context.mjs';
 
 const ToastCloseTrigger = props => {
-  const api = useToastItemContext();
-  const triggerProps = mergeProps(() => api().closeTriggerProps, props);
-  return createComponent(ark.button, triggerProps);
+  const api = useToastContext();
+  const mergedProps = mergeProps(() => api().closeTriggerProps, props);
+  return createComponent(ark.button, mergedProps);
 };
 
 export { ToastCloseTrigger };