@ark-ui/solid 3.0.0-0 → 3.0.0-1

package/dist/source/slider/use-slider-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [SliderProvider, useSliderContext] = createContext({
+    hookName: 'useSliderContext',
+    providerName: '<SliderProvider />',
+});

package/dist/source/slider/use-slider.js

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

package/dist/source/splitter/index.js

@@ -0,0 +1,7 @@
+import { SplitterContext } from './splitter-context';
+import { SplitterPanel } from './splitter-panel';
+import { SplitterResizeTrigger } from './splitter-resize-trigger';
+import { SplitterRoot } from './splitter-root';
+import { useSplitterContext } from './use-splitter-context';
+export * as Splitter from './splitter';
+export { SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };

package/dist/source/splitter/splitter-context.jsx

@@ -0,0 +1,2 @@
+import { useSplitterContext } from './use-splitter-context';
+export const SplitterContext = (props) => props.children(useSplitterContext());

package/dist/source/splitter/splitter-panel.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useSplitterContext } from './use-splitter-context';
+export const SplitterPanel = (props) => {
+    const [panelProps, restProps] = createSplitProps()(props, ['id', 'snapSize']);
+    const api = useSplitterContext();
+    const mergedProps = mergeProps(() => api().getPanelProps(panelProps), restProps);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/splitter/splitter-resize-trigger.jsx

@@ -0,0 +1,14 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useSplitterContext } from './use-splitter-context';
+export const SplitterResizeTrigger = (props) => {
+    const [resizeTriggerProps, restProps] = createSplitProps()(props, [
+        'disabled',
+        'id',
+        'step',
+    ]);
+    const api = useSplitterContext();
+    const mergedProps = mergeProps(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/splitter/splitter-root.jsx

@@ -0,0 +1,22 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useSplitter } from './use-splitter';
+import { SplitterProvider } from './use-splitter-context';
+export const SplitterRoot = (props) => {
+    const [useSplitterProps, localProps] = createSplitProps()(props, [
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'onSizeChange',
+        'onSizeChangeEnd',
+        'orientation',
+        'size',
+    ]);
+    const api = useSplitter(useSplitterProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<SplitterProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </SplitterProvider>);
+};

package/dist/source/splitter/splitter.jsx

@@ -0,0 +1,5 @@
+import { SplitterContext as Context, } from './splitter-context';
+import { SplitterPanel as Panel } from './splitter-panel';
+import { SplitterResizeTrigger as ResizeTrigger, } from './splitter-resize-trigger';
+import { SplitterRoot as Root } from './splitter-root';
+export { Context, Panel, ResizeTrigger, Root };

package/dist/source/splitter/use-splitter-context.js

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

package/dist/source/splitter/use-splitter.js

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

package/dist/source/switch/index.js

@@ -0,0 +1,8 @@
+import { SwitchContext } from './switch-context';
+import { SwitchControl } from './switch-control';
+import { SwitchLabel } from './switch-label';
+import { SwitchRoot } from './switch-root';
+import { SwitchThumb } from './switch-thumb';
+import { useSwitchContext } from './use-switch-context';
+export * as Switch from './switch';
+export { SwitchContext, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };

package/dist/source/switch/switch-context.jsx

@@ -0,0 +1,2 @@
+import { useSwitchContext } from './use-switch-context';
+export const SwitchContext = (props) => props.children(useSwitchContext());

package/dist/source/switch/switch-control.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useSwitchContext } from './use-switch-context';
+export const SwitchControl = (props) => {
+    const api = useSwitchContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return (<>
+      <ark.span {...mergedProps}/>
+      <input {...api().hiddenInputProps}/>
+    </>);
+};

package/dist/source/switch/switch-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useSwitchContext } from './use-switch-context';
+export const SwitchLabel = (props) => {
+    const api = useSwitchContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/switch/switch-root.jsx

@@ -0,0 +1,27 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useSwitch } from './use-switch';
+import { SwitchProvider } from './use-switch-context';
+export const SwitchRoot = (props) => {
+    const [switchProps, localProps] = createSplitProps()(props, [
+        'checked',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'invalid',
+        'label',
+        'name',
+        'onCheckedChange',
+        'required',
+        'value',
+    ]);
+    const api = useSwitch(switchProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<SwitchProvider value={api}>
+      <ark.label {...mergedProps}/>
+    </SwitchProvider>);
+};

package/dist/source/switch/switch-thumb.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useSwitchContext } from './use-switch-context';
+export const SwitchThumb = (props) => {
+    const api = useSwitchContext();
+    const mergedProps = mergeProps(() => api().thumbProps, props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/switch/switch.jsx

@@ -0,0 +1,6 @@
+import { SwitchContext as Context } from './switch-context';
+import { SwitchControl as Control } from './switch-control';
+import { SwitchLabel as Label } from './switch-label';
+import { SwitchRoot as Root } from './switch-root';
+import { SwitchThumb as Thumb } from './switch-thumb';
+export { Context, Control, Label, Root, Thumb };

package/dist/source/switch/use-switch-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [SwitchProvider, useSwitchContext] = createContext({
+    hookName: 'useSwitchContext',
+    providerName: '<SwitchProvider />',
+});

package/dist/source/switch/use-switch.js

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

package/dist/source/tabs/index.js

@@ -0,0 +1,9 @@
+import { TabContent } from './tab-content';
+import { TabIndicator } from './tab-indicator';
+import { TabList } from './tab-list';
+import { TabTrigger } from './tab-trigger';
+import { TabsContext } from './tabs-context';
+import { TabsRoot } from './tabs-root';
+import { useTabsContext } from './use-tabs-context';
+export * as Tabs from './tabs';
+export { TabContent, TabIndicator, TabList, TabTrigger, TabsContext, TabsRoot, useTabsContext };

package/dist/source/tabs/tab-content.jsx

@@ -0,0 +1,19 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, usePresence } from '../presence';
+import { useRenderStrategyContext } from '../render-strategy';
+import { useTabsContext } from './use-tabs-context';
+export const TabContent = (props) => {
+    const [contentProps, localProps] = createSplitProps()(props, ['value']);
+    const api = useTabsContext();
+    const renderStrategyProps = useRenderStrategyContext();
+    const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({ present: api().value === contentProps.value })));
+    const mergedProps = mergeProps(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
+    return (<PresenceProvider value={presenceApi}>
+      <Show when={!presenceApi().isUnmounted}>
+        <ark.div {...mergedProps}/>
+      </Show>
+    </PresenceProvider>);
+};

package/dist/source/tabs/tab-indicator.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTabsContext } from './use-tabs-context';
+export const TabIndicator = (props) => {
+    const api = useTabsContext();
+    const mergedProps = mergeProps(() => api().indicatorProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tabs/tab-list.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTabsContext } from './use-tabs-context';
+export const TabList = (props) => {
+    const api = useTabsContext();
+    const mergedProps = mergeProps(() => api().listProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tabs/tab-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useTabsContext } from './use-tabs-context';
+export const TabTrigger = (props) => {
+    const [triggerProps, localProps] = createSplitProps()(props, ['disabled', 'value']);
+    const api = useTabsContext();
+    const mergedProps = mergeProps(() => api().getTriggerProps(triggerProps), localProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/tabs/tabs-context.jsx

@@ -0,0 +1,2 @@
+import { useTabsContext } from './use-tabs-context';
+export const TabsContext = (props) => props.children(useTabsContext());

package/dist/source/tabs/tabs-root.jsx

@@ -0,0 +1,29 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { RenderStrategyProvider, splitRenderStrategyProps, } from '../render-strategy';
+import { useTabs } from './use-tabs';
+import { TabsProvider } from './use-tabs-context';
+export const TabsRoot = (props) => {
+    const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+    const [useTabsProps, restProps] = createSplitProps()(tabsProps, [
+        'activationMode',
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'loop',
+        'onFocusChange',
+        'onValueChange',
+        'orientation',
+        'translations',
+        'value',
+    ]);
+    const api = useTabs(useTabsProps);
+    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    return (<TabsProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <ark.div {...mergedProps}/>
+      </RenderStrategyProvider>
+    </TabsProvider>);
+};

package/dist/source/tabs/tabs.jsx

@@ -0,0 +1,7 @@
+import { TabContent as Content } from './tab-content';
+import { TabIndicator as Indicator, } from './tab-indicator';
+import { TabList as List } from './tab-list';
+import { TabTrigger as Trigger } from './tab-trigger';
+import { TabsContext as Context } from './tabs-context';
+import { TabsRoot as Root } from './tabs-root';
+export { Content, Context, Indicator, List, Root, Trigger };

package/dist/source/tabs/use-tabs-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [TabsProvider, useTabsContext] = createContext({
+    hookName: 'useTabsContext',
+    providerName: '<TabsProvider />',
+});

package/dist/source/tabs/use-tabs.js

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

package/dist/source/tags-input/index.js

@@ -0,0 +1,16 @@
+import { TagsInputClearTrigger } from './tags-input-clear-trigger';
+import { TagsInputContext } from './tags-input-context';
+import { TagsInputControl } from './tags-input-control';
+import { TagsInputInput } from './tags-input-input';
+import { TagsInputItem } from './tags-input-item';
+import { TagsInputItemContext } from './tags-input-item-context';
+import { TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger';
+import { TagsInputItemInput } from './tags-input-item-input';
+import { TagsInputItemPreview } from './tags-input-item-preview';
+import { TagsInputItemText } from './tags-input-item-text';
+import { TagsInputLabel } from './tags-input-label';
+import { TagsInputRoot } from './tags-input-root';
+import { useTagsInputContext } from './use-tags-input-context';
+import { useTagsInputItemContext, } from './use-tags-input-item-context';
+export * as TagsInput from './tags-input';
+export { TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, useTagsInputContext, useTagsInputItemContext, };

package/dist/source/tags-input/tags-input-clear-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputClearTrigger = (props) => {
+    const api = useTagsInputContext();
+    const mergedProps = mergeProps(() => api().clearTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-context.jsx

@@ -0,0 +1,2 @@
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputContext = (props) => props.children(useTagsInputContext());

package/dist/source/tags-input/tags-input-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputControl = (props) => {
+    const api = useTagsInputContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-input.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputInput = (props) => {
+    const api = useTagsInputContext();
+    const mergedProps = mergeProps(() => api().inputProps, props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-item-context.jsx

@@ -0,0 +1,2 @@
+import { useTagsInputItemContext, } from './use-tags-input-item-context';
+export const TagsInputItemContext = (props) => props.children(useTagsInputItemContext());

package/dist/source/tags-input/tags-input-item-delete-trigger.jsx

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

package/dist/source/tags-input/tags-input-item-input.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+import { useTagsInputItemPropsContext } from './use-tags-input-item-context';
+export const TagsInputItemInput = (props) => {
+    const api = useTagsInputContext();
+    const itemProps = useTagsInputItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemInputProps(itemProps), props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-item-preview.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+import { useTagsInputItemPropsContext } from './use-tags-input-item-context';
+export const TagsInputItemPreview = (props) => {
+    const api = useTagsInputContext();
+    const itemProps = useTagsInputItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemPreviewProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-item-text.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+import { useTagsInputItemPropsContext } from './use-tags-input-item-context';
+export const TagsInputItemText = (props) => {
+    const api = useTagsInputContext();
+    const itemProps = useTagsInputItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-item.jsx

@@ -0,0 +1,21 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+import { TagsInputItemPropsProvider, TagsInputItemProvider } from './use-tags-input-item-context';
+export const TagsInputItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, [
+        'disabled',
+        'index',
+        'value',
+    ]);
+    const api = useTagsInputContext();
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    const itemState = createMemo(() => api().getItemState(itemProps));
+    return (<TagsInputItemPropsProvider value={itemProps}>
+      <TagsInputItemProvider value={itemState}>
+        <ark.div {...mergedProps}/>
+      </TagsInputItemProvider>
+    </TagsInputItemPropsProvider>);
+};

package/dist/source/tags-input/tags-input-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputLabel = (props) => {
+    const api = useTagsInputContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/tags-input/tags-input-root.jsx

@@ -0,0 +1,42 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useTagsInput } from './use-tags-input';
+import { TagsInputProvider } from './use-tags-input-context';
+export const TagsInputRoot = (props) => {
+    const [useTagsInputProps, localProps] = 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(useTagsInputProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<TagsInputProvider value={api}>
+      <ark.div {...mergedProps}/>
+      <input {...api().hiddenInputProps}/>
+    </TagsInputProvider>);
+};

package/dist/source/tags-input/tags-input.jsx

@@ -0,0 +1,13 @@
+import { TagsInputClearTrigger as ClearTrigger, } from './tags-input-clear-trigger';
+import { TagsInputContext as Context, } from './tags-input-context';
+import { TagsInputControl as Control, } from './tags-input-control';
+import { TagsInputInput as Input } from './tags-input-input';
+import { TagsInputItem as Item } from './tags-input-item';
+import { TagsInputItemContext as ItemContext, } from './tags-input-item-context';
+import { TagsInputItemDeleteTrigger as ItemDeleteTrigger, } from './tags-input-item-delete-trigger';
+import { TagsInputItemInput as ItemInput, } from './tags-input-item-input';
+import { TagsInputItemPreview as ItemPreview, } from './tags-input-item-preview';
+import { TagsInputItemText as ItemText, } from './tags-input-item-text';
+import { TagsInputLabel as Label } from './tags-input-label';
+import { TagsInputRoot as Root } from './tags-input-root';
+export { ClearTrigger, Context, Control, Input, Item, ItemContext, ItemDeleteTrigger, ItemInput, ItemPreview, ItemText, Label, Root, };

package/dist/source/tags-input/use-tags-input-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [TagsInputProvider, useTagsInputContext] = createContext({
+    hookName: 'useTagsInputContext',
+    providerName: '<TagsInputProvider />',
+});

package/dist/source/tags-input/use-tags-input-item-context.js

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

package/dist/source/tags-input/use-tags-input.js

@@ -0,0 +1,10 @@
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import * as tagsInput from '@zag-js/tags-input';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useTagsInput = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(tagsInput.machine(context), { context });
+    return createMemo(() => tagsInput.connect(state, send, normalizeProps));
+};

package/dist/source/toast/create-toaster.jsx

@@ -0,0 +1,34 @@
+import { mergeProps, normalizeProps, useActor } from '@zag-js/solid';
+import * as toast from '@zag-js/toast';
+import { Index, createEffect, createMemo, onCleanup } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+import { ToastGroup } from './toast-group';
+import { ToastProvider } from './use-toast-context';
+export const createToaster = (props) => {
+    const service = toast.group.machine({ id: '1', ...props }).start();
+    const [state, send] = useActor(service);
+    const api = createMemo(() => toast.group.connect(state, send, normalizeProps));
+    const subscribe = (fn) => {
+        // @ts-expect-error FIX LATER IT EXISTS
+        return service.subscribe((state) => fn(state.context.toasts));
+    };
+    const Toaster = (toasterProps) => {
+        const getRootNode = useEnvironmentContext();
+        createEffect(() => {
+            service.setContext({ getRootNode });
+            onCleanup(() => service.stop());
+        });
+        const mergedProps = mergeProps(() => api().getGroupProps({ placement: props.placement }), toasterProps);
+        return (<ToastGroup {...mergedProps}>
+        <Index each={api().toastsByPlacement[props.placement]}>
+          {(toast) => <ToastProviderFactory service={toast()}/>}
+        </Index>
+      </ToastGroup>);
+    };
+    return [Toaster, createMemo(() => Object.assign(api(), { subscribe }))];
+};
+const ToastProviderFactory = (props) => {
+    const [state, send] = useActor(props.service);
+    const api = createMemo(() => toast.connect(state, send, normalizeProps));
+    return <ToastProvider value={api}>{state.context.render?.(api)}</ToastProvider>;
+};

package/dist/source/toast/index.js

@@ -0,0 +1,10 @@
+import { createToaster } from './create-toaster';
+import { ToastCloseTrigger } from './toast-close-trigger';
+import { ToastContext } from './toast-context';
+import { ToastDescription } from './toast-description';
+import { ToastGroup } from './toast-group';
+import { ToastRoot } from './toast-root';
+import { ToastTitle } from './toast-title';
+import { useToastContext } from './use-toast-context';
+export * as Toast from './toast';
+export { ToastCloseTrigger, ToastContext, ToastDescription, ToastGroup, ToastRoot, ToastTitle, createToaster, useToastContext, };

package/dist/source/toast/toast-close-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useToastContext } from './use-toast-context';
+export const ToastCloseTrigger = (props) => {
+    const api = useToastContext();
+    const mergedProps = mergeProps(() => api().closeTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/toast/toast-context.jsx

@@ -0,0 +1,2 @@
+import { useToastContext } from './use-toast-context';
+export const ToastContext = (props) => props.children(useToastContext());