@ark-ui/solid 0.1.0 → 0.2.0

package/dist/select/select-trigger.cjs

@@ -17,7 +17,7 @@ const SelectTrigger = props => {
       web.spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 exports.SelectTrigger = SelectTrigger;

package/dist/select/select-trigger.d.ts

@@ -1,5 +1,6 @@
-import type { ChildrenReturn, type JSX } from 'solid-js';
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
+import { type JSX } from 'solid-js';
 export type SelectTriggerProps = {
     children: JSX.Element;
 };
-export declare const SelectTrigger: (props: SelectTriggerProps) => ChildrenReturn;
+export declare const SelectTrigger: (props: SelectTriggerProps) => ResolvedChildren;

package/dist/select/select-trigger.mjs

@@ -13,7 +13,7 @@ const SelectTrigger = props => {
       spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 export { SelectTrigger };

package/dist/splitter/index.d.ts

@@ -0,0 +1,4 @@
+export { Splitter, type SplitterProps } from './splitter';
+export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
+export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
+export { splitterAnatomy } from './splitter.anatomy';

package/dist/splitter/splitter-context.cjs

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

package/dist/splitter/splitter-context.d.ts

@@ -0,0 +1,50 @@
+import type { PanelId, ResizeTriggerProps, PanelProps } from '@zag-js/splitter/dist/splitter.types';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UseSplitterReturn } from './use-splitter';
+export type SplitterContext = UseSplitterReturn;
+export declare const SplitterProvider: ContextProviderComponent<Accessor<{
+    isFocused: boolean;
+    isDragging: boolean;
+    bounds: {
+        min: number;
+        max: number;
+    } | undefined;
+    collapse(id: PanelId): void;
+    expand(id: PanelId): void;
+    toggle(id: PanelId): void;
+    setSize(id: PanelId, size: number): void;
+    getResizeTriggerState(props: ResizeTriggerProps): {
+        isDisabled: boolean;
+        isFocused: boolean;
+        panelIds: string[];
+        min: number | undefined;
+        max: number | undefined;
+        value: number;
+    };
+    rootProps: JSX.HTMLAttributes<any>;
+    getPanelProps(props: PanelProps): JSX.HTMLAttributes<any>;
+    getResizeTriggerProps(props: ResizeTriggerProps): JSX.HTMLAttributes<any>;
+}>>, useSplitterContext: () => Accessor<{
+    isFocused: boolean;
+    isDragging: boolean;
+    bounds: {
+        min: number;
+        max: number;
+    } | undefined;
+    collapse(id: PanelId): void;
+    expand(id: PanelId): void;
+    toggle(id: PanelId): void;
+    setSize(id: PanelId, size: number): void;
+    getResizeTriggerState(props: ResizeTriggerProps): {
+        isDisabled: boolean;
+        isFocused: boolean;
+        panelIds: string[];
+        min: number | undefined;
+        max: number | undefined;
+        value: number;
+    };
+    rootProps: JSX.HTMLAttributes<any>;
+    getPanelProps(props: PanelProps): JSX.HTMLAttributes<any>;
+    getResizeTriggerProps(props: ResizeTriggerProps): JSX.HTMLAttributes<any>;
+}>;

package/dist/splitter/splitter-context.mjs

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

package/dist/splitter/splitter-panel.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const splitterContext = require('./splitter-context.cjs');
+
+const SplitterPanel = props => {
+  const [splitterPanelProps, divProps] = createSplitProps.createSplitProps()(props, ['id', 'snapSize']);
+  const splitter = splitterContext.useSplitterContext();
+  return web.createComponent(factory.ark.div, web.mergeProps(() => splitter().getPanelProps(splitterPanelProps), divProps));
+};
+
+exports.SplitterPanel = SplitterPanel;

package/dist/splitter/splitter-panel.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'solid-js';
+import { type Assign } from '@polymorphic-factory/solid';
+import { type connect } from '@zag-js/splitter';
+import { type HTMLArkProps } from '../factory';
+type GetPanelProps = Parameters<ReturnType<typeof connect>['getPanelProps']>[0];
+export type SplitterPanelProps = Assign<HTMLArkProps<'div'>, GetPanelProps>;
+export declare const SplitterPanel: (props: SplitterPanelProps) => JSX.Element;
+export {};

package/dist/splitter/splitter-panel.mjs

@@ -0,0 +1,12 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { useSplitterContext } from './splitter-context.mjs';
+
+const SplitterPanel = props => {
+  const [splitterPanelProps, divProps] = createSplitProps()(props, ['id', 'snapSize']);
+  const splitter = useSplitterContext();
+  return createComponent(ark.div, mergeProps(() => splitter().getPanelProps(splitterPanelProps), divProps));
+};
+
+export { SplitterPanel };

package/dist/splitter/splitter-resize-trigger.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solidJs = require('solid-js');
+const web = require('solid-js/web');
+const ssrSpread = require('../ssr-spread.cjs');
+const splitterContext = require('./splitter-context.cjs');
+
+const SplitterResizeTrigger = props => {
+  const splitter = splitterContext.useSplitterContext();
+  const triggerProps = splitter?.().getResizeTriggerProps(props);
+  const getChildren = solidJs.children(() => ssrSpread.ssrSpread(props.children, triggerProps));
+  solidJs.createEffect(() => {
+    const children = getChildren();
+    if (children instanceof HTMLElement) {
+      web.spread(children, triggerProps);
+    }
+  });
+  return getChildren();
+};
+
+exports.SplitterResizeTrigger = SplitterResizeTrigger;

package/dist/splitter/splitter-resize-trigger.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
+import { type Assign } from '@polymorphic-factory/solid';
+import { type connect } from '@zag-js/splitter';
+import { type JSX } from 'solid-js';
+type SplitterContext = Parameters<ReturnType<typeof connect>['getResizeTriggerProps']>[0];
+export type SplitterResizeTriggerProps = Assign<{
+    children: JSX.Element;
+}, SplitterContext>;
+export declare const SplitterResizeTrigger: (props: SplitterResizeTriggerProps) => ResolvedChildren;
+export {};

package/dist/splitter/splitter-resize-trigger.mjs

@@ -0,0 +1,19 @@
+import { children, createEffect } from 'solid-js';
+import { spread } from 'solid-js/web';
+import { ssrSpread } from '../ssr-spread.mjs';
+import { useSplitterContext } from './splitter-context.mjs';
+
+const SplitterResizeTrigger = props => {
+  const splitter = useSplitterContext();
+  const triggerProps = splitter?.().getResizeTriggerProps(props);
+  const getChildren = children(() => ssrSpread(props.children, triggerProps));
+  createEffect(() => {
+    const children = getChildren();
+    if (children instanceof HTMLElement) {
+      spread(children, triggerProps);
+    }
+  });
+  return getChildren();
+};
+
+export { SplitterResizeTrigger };

package/dist/splitter/splitter.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/splitter/splitter.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const splitterContext = require('./splitter-context.cjs');
+const useSplitter = require('./use-splitter.cjs');
+
+const Splitter = props => {
+  const [useSplitterProps, divProps] = createSplitProps.createSplitProps()(props, ['dir', 'getRootNode', 'id', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
+  const splitter = useSplitter.useSplitter(useSplitterProps);
+  return web.createComponent(splitterContext.SplitterProvider, {
+    value: splitter,
+    get children() {
+      return web.createComponent(factory.ark.div, web.mergeProps(() => splitter().rootProps, divProps));
+    }
+  });
+};
+
+exports.Splitter = Splitter;

package/dist/splitter/splitter.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type Assign } from '@polymorphic-factory/solid';
+import { type HTMLArkProps } from '../factory';
+import { type UseSplitterProps } from './use-splitter';
+export type SplitterProps = Assign<HTMLArkProps<'div'>, UseSplitterProps>;
+export declare const Splitter: (props: SplitterProps) => JSX.Element;

package/dist/splitter/splitter.mjs

@@ -0,0 +1,18 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { SplitterProvider } from './splitter-context.mjs';
+import { useSplitter } from './use-splitter.mjs';
+
+const Splitter = props => {
+  const [useSplitterProps, divProps] = createSplitProps()(props, ['dir', 'getRootNode', 'id', 'onResize', 'onResizeEnd', 'onResizeStart', 'orientation', 'size']);
+  const splitter = useSplitter(useSplitterProps);
+  return createComponent(SplitterProvider, {
+    value: splitter,
+    get children() {
+      return createComponent(ark.div, mergeProps(() => splitter().rootProps, divProps));
+    }
+  });
+};
+
+export { Splitter };

package/dist/splitter/use-splitter.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solid = require('@zag-js/solid');
+const splitter = require('@zag-js/splitter');
+const solidJs = require('solid-js');
+const environmentContext = require('../environment/environment-context.cjs');
+
+const useSplitter = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solidJs.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
+  const [state, send] = solid.useMachine(splitter.machine(context), { context });
+  return solidJs.createMemo(() => splitter.connect(state, send, solid.normalizeProps));
+};
+
+exports.useSplitter = useSplitter;

package/dist/splitter/use-splitter.d.ts

@@ -0,0 +1,29 @@
+import type { PanelId, ResizeTriggerProps, PanelProps } from '@zag-js/splitter/dist/splitter.types';
+import type { Accessor, JSX } from 'solid-js';
+import { type Context } from '@zag-js/splitter';
+import { type Optional } from '../types';
+export type UseSplitterProps = Optional<Context, 'id'>;
+export type UseSplitterReturn = ReturnType<typeof useSplitter>;
+export declare const useSplitter: (props: UseSplitterProps) => Accessor<{
+    isFocused: boolean;
+    isDragging: boolean;
+    bounds: {
+        min: number;
+        max: number;
+    } | undefined;
+    collapse(id: PanelId): void;
+    expand(id: PanelId): void;
+    toggle(id: PanelId): void;
+    setSize(id: PanelId, size: number): void;
+    getResizeTriggerState(props: ResizeTriggerProps): {
+        isDisabled: boolean;
+        isFocused: boolean;
+        panelIds: string[];
+        min: number | undefined;
+        max: number | undefined;
+        value: number;
+    };
+    rootProps: JSX.HTMLAttributes<any>;
+    getPanelProps(props: PanelProps): JSX.HTMLAttributes<any>;
+    getResizeTriggerProps(props: ResizeTriggerProps): JSX.HTMLAttributes<any>;
+}>;

package/dist/splitter/use-splitter.mjs

@@ -0,0 +1,13 @@
+import { useMachine, normalizeProps } from '@zag-js/solid';
+import { machine, connect } from '@zag-js/splitter';
+import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useSplitter = (props) => {
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+  const [state, send] = useMachine(machine(context), { context });
+  return createMemo(() => connect(state, send, normalizeProps));
+};
+
+export { useSplitter };

package/dist/tabs/tab-trigger.cjs

@@ -19,7 +19,7 @@ const TabTrigger = props => {
       web.spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 exports.TabTrigger = TabTrigger;

package/dist/tabs/tab-trigger.d.ts

@@ -1,9 +1,10 @@
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
 import { type Assign } from '@polymorphic-factory/solid';
 import { type connect } from '@zag-js/tabs';
-import type { ChildrenReturn, type JSX } from 'solid-js';
+import { type JSX } from 'solid-js';
 type GetTriggerPropsArgs = Parameters<ReturnType<typeof connect>['getTriggerProps']>[0];
 export type TabTriggerProps = Assign<GetTriggerPropsArgs, {
     children: JSX.Element;
 }>;
-export declare const TabTrigger: (props: TabTriggerProps) => ChildrenReturn;
+export declare const TabTrigger: (props: TabTriggerProps) => ResolvedChildren;
 export {};

package/dist/tabs/tab-trigger.mjs

@@ -15,7 +15,7 @@ const TabTrigger = props => {
       spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 export { TabTrigger };

package/dist/tags-input/tag-delete-trigger.cjs

@@ -19,7 +19,7 @@ const TagDeleteTrigger = props => {
       web.spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 exports.TagDeleteTrigger = TagDeleteTrigger;

package/dist/tags-input/tag-delete-trigger.d.ts

@@ -1,7 +1,8 @@
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
 import { type Assign } from '@polymorphic-factory/solid';
-import type { ChildrenReturn, type JSX } from 'solid-js';
+import { type JSX } from 'solid-js';
 import { type TagProps } from './tag';
 export type TagDeleteTriggerProps = Assign<{
     children: JSX.Element;
 }, TagProps>;
-export declare const TagDeleteTrigger: (props: TagDeleteTriggerProps) => ChildrenReturn;
+export declare const TagDeleteTrigger: (props: TagDeleteTriggerProps) => ResolvedChildren;

package/dist/tags-input/tag-delete-trigger.mjs

@@ -15,7 +15,7 @@ const TagDeleteTrigger = props => {
       spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 export { TagDeleteTrigger };

package/dist/tags-input/tags-input-clear-trigger.cjs

@@ -17,7 +17,7 @@ const TagsInputClearTrigger = props => {
       web.spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 exports.TagsInputClearTrigger = TagsInputClearTrigger;

package/dist/tags-input/tags-input-clear-trigger.d.ts

@@ -1,5 +1,6 @@
-import type { ChildrenReturn, type JSX } from 'solid-js';
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
+import { type JSX } from 'solid-js';
 export type TagsInputClearTriggerProps = {
     children: JSX.Element;
 };
-export declare const TagsInputClearTrigger: (props: TagsInputClearTriggerProps) => ChildrenReturn;
+export declare const TagsInputClearTrigger: (props: TagsInputClearTriggerProps) => ResolvedChildren;

package/dist/tags-input/tags-input-clear-trigger.mjs

@@ -13,7 +13,7 @@ const TagsInputClearTrigger = props => {
       spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 export { TagsInputClearTrigger };

package/dist/toast/index.d.ts

@@ -0,0 +1,8 @@
+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 { 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';

package/dist/toast/toast-close-trigger.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solidJs = require('solid-js');
+const web = require('solid-js/web');
+const ssrSpread = require('../ssr-spread.cjs');
+const toastItemContext = require('./toast-item-context.cjs');
+
+const ToastCloseTrigger = props => {
+  const toast = toastItemContext.useToastItemContext();
+  const triggerProps = toast().closeTriggerProps;
+  const getChildren = solidJs.children(() => ssrSpread.ssrSpread(props.children, triggerProps));
+  solidJs.createEffect(() => {
+    const children = getChildren();
+    if (children instanceof HTMLElement) {
+      web.spread(children, triggerProps);
+    }
+  });
+  return getChildren();
+};
+
+exports.ToastCloseTrigger = ToastCloseTrigger;

package/dist/toast/toast-close-trigger.d.ts

@@ -0,0 +1,6 @@
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
+import { type JSX } from 'solid-js';
+export type ToastCloseTriggerProps = {
+    children: JSX.Element;
+};
+export declare const ToastCloseTrigger: (props: ToastCloseTriggerProps) => ResolvedChildren;

package/dist/toast/toast-close-trigger.mjs

@@ -0,0 +1,19 @@
+import { children, createEffect } from 'solid-js';
+import { spread } from 'solid-js/web';
+import { ssrSpread } from '../ssr-spread.mjs';
+import { useToastItemContext } from './toast-item-context.mjs';
+
+const ToastCloseTrigger = props => {
+  const toast = useToastItemContext();
+  const triggerProps = toast().closeTriggerProps;
+  const getChildren = children(() => ssrSpread(props.children, triggerProps));
+  createEffect(() => {
+    const children = getChildren();
+    if (children instanceof HTMLElement) {
+      spread(children, triggerProps);
+    }
+  });
+  return getChildren();
+};
+
+export { ToastCloseTrigger };

package/dist/toast/toast-description.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const factory = require('../factory.cjs');
+const toastItemContext = require('./toast-item-context.cjs');
+
+const ToastDescription = props => {
+  const toast = toastItemContext.useToastItemContext();
+  return web.createComponent(factory.ark.p, web.mergeProps(() => toast().descriptionProps, props, {
+    get children() {
+      return toast().description;
+    }
+  }));
+};
+
+exports.ToastDescription = ToastDescription;

package/dist/toast/toast-description.d.ts

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

package/dist/toast/toast-description.mjs

@@ -0,0 +1,14 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { ark } from '../factory.mjs';
+import { useToastItemContext } from './toast-item-context.mjs';
+
+const ToastDescription = props => {
+  const toast = useToastItemContext();
+  return createComponent(ark.p, mergeProps(() => toast().descriptionProps, props, {
+    get children() {
+      return toast().description;
+    }
+  }));
+};
+
+export { ToastDescription };

package/dist/toast/toast-group.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solidJs = require('solid-js');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const toastProvider = require('./toast-provider.cjs');
+
+const ToastGroup = props => {
+  const [toastGroupParams, divProps] = createSplitProps.createSplitProps()(props, ['placement', 'children']);
+  const toast = toastProvider.useToast();
+  const view = () => solidJs.children(() => runIfFn.runIfFn(toastGroupParams.children, toast().toastsByPlacement[toastGroupParams.placement] ?? []));
+  return web.createComponent(factory.ark.div, web.mergeProps(() => toast().getGroupProps({
+    placement: toastGroupParams.placement
+  }), divProps, {
+    get children() {
+      return view;
+    }
+  }));
+};
+
+exports.ToastGroup = ToastGroup;

package/dist/toast/toast-group.d.ts

@@ -0,0 +1,11 @@
+import { type Assign } from '@polymorphic-factory/solid';
+import { type Placement, type Service } from '@zag-js/toast';
+import { type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+type ToastGroupParams = {
+    placement: Placement;
+    children: JSX.Element | ((toasts: Service[]) => JSX.Element);
+};
+export type ToastGroupProps = Assign<HTMLArkProps<'div'>, ToastGroupParams>;
+export declare const ToastGroup: (props: ToastGroupProps) => JSX.Element;
+export {};

package/dist/toast/toast-group.mjs

@@ -0,0 +1,21 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { children } from 'solid-js';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { useToast } from './toast-provider.mjs';
+
+const ToastGroup = props => {
+  const [toastGroupParams, divProps] = createSplitProps()(props, ['placement', 'children']);
+  const toast = useToast();
+  const view = () => children(() => runIfFn(toastGroupParams.children, toast().toastsByPlacement[toastGroupParams.placement] ?? []));
+  return createComponent(ark.div, mergeProps(() => toast().getGroupProps({
+    placement: toastGroupParams.placement
+  }), divProps, {
+    get children() {
+      return view;
+    }
+  }));
+};
+
+export { ToastGroup };

package/dist/toast/toast-item-context.cjs

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

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

@@ -0,0 +1,38 @@
+import type { Type, Placement } from '@zag-js/toast/dist/toast.types';
+import type { Accessor, JSX } from 'solid-js';
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { type UseToastItemReturn } from './use-toast-item';
+export type ToastItemContext = UseToastItemReturn;
+export declare const ToastItemProvider: ContextProviderComponent<Accessor<{
+    type: Type;
+    title: string | undefined;
+    description: string | undefined;
+    placement: Placement;
+    isVisible: boolean;
+    isPaused: boolean;
+    isRtl: boolean;
+    pause(): void;
+    resume(): void;
+    dismiss(): void;
+    render(): any;
+    rootProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>>, useToastItemContext: () => Accessor<{
+    type: Type;
+    title: string | undefined;
+    description: string | undefined;
+    placement: Placement;
+    isVisible: boolean;
+    isPaused: boolean;
+    isRtl: boolean;
+    pause(): void;
+    resume(): void;
+    dismiss(): void;
+    render(): any;
+    rootProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>;