@ark-ui/solid 0.8.1 → 0.9.0

package/slider/index.d.ts

@@ -1,4 +1,5 @@
 export { Slider, type SliderProps } from './slider';
+export { useSliderContext } from './slider-context';
 export { SliderControl, type SliderControlProps } from './slider-control';
 export { SliderLabel, type SliderLabelProps } from './slider-label';
 export { SliderMarker, type SliderMarkerProps } from './slider-marker';

package/slider/index.mjs

@@ -1,4 +1,5 @@
 export { Slider } from './slider.mjs';
+export { useSliderContext } from './slider-context.mjs';
 export { SliderControl } from './slider-control.mjs';
 export { SliderLabel } from './slider-label.mjs';
 export { SliderMarker } from './slider-marker.mjs';

package/slider/slider-context.d.ts

@@ -1,51 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/slider';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSliderReturn } from './use-slider';
 export type SliderContext = UseSliderReturn;
-export declare const SliderProvider: ContextProviderComponent<Accessor<{
-    isFocused: boolean;
-    isDragging: boolean;
-    value: number;
-    percent: number;
-    setValue(value: number): void;
-    getPercentValue: (percent: number) => number;
-    getValuePercent: (value: number) => number;
-    focus(): void;
-    increment(): void;
-    decrement(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>>, useSliderContext: () => Accessor<{
-    isFocused: boolean;
-    isDragging: boolean;
-    value: number;
-    percent: number;
-    setValue(value: number): void;
-    getPercentValue: (percent: number) => number;
-    getValuePercent: (value: number) => number;
-    focus(): void;
-    increment(): void;
-    decrement(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>;
+export declare const SliderProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSliderContext: () => Accessor<PublicApi<PropTypes>>;

package/slider/use-slider.d.ts

@@ -1,29 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as slider from '@zag-js/slider';
 import { type Optional } from '../types';
 export type UseSliderProps = Optional<slider.Context, 'id'>;
 export type UseSliderReturn = ReturnType<typeof useSlider>;
-export declare const useSlider: (props: UseSliderProps) => Accessor<{
-    isFocused: boolean;
-    isDragging: boolean;
-    value: number;
-    percent: number;
-    setValue(value: number): void;
-    getPercentValue: (percent: number) => number;
-    getValuePercent: (value: number) => number;
-    focus(): void;
-    increment(): void;
-    decrement(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>;
+export declare const useSlider: (props: UseSliderProps) => Accessor<slider.PublicApi<PropTypes>>;

package/splitter/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const splitter = require('./splitter.cjs');
+const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
 const splitter$1 = require('@zag-js/splitter');
@@ -10,6 +11,7 @@ const splitter$1 = require('@zag-js/splitter');
 
 
 exports.Splitter = splitter.Splitter;
+exports.useSplitterContext = splitterContext.useSplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
 Object.defineProperty(exports, 'splitterAnatomy', {

package/splitter/index.d.ts

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

package/splitter/index.mjs

@@ -1,4 +1,5 @@
 export { Splitter } from './splitter.mjs';
+export { useSplitterContext } from './splitter-context.mjs';
 export { SplitterPanel } from './splitter-panel.mjs';
 export { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
 export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/splitter/splitter-context.d.ts

@@ -1,49 +1,7 @@
-import type { ResizeTriggerProps, PanelProps } from '@zag-js/splitter';
-import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/splitter';
+import type { Accessor } 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;
-    setToMinSize(id: PanelId): void;
-    setToMaxSize(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;
-    setToMinSize(id: PanelId): void;
-    setToMaxSize(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>;
-}>;
+export declare const SplitterProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSplitterContext: () => Accessor<PublicApi<PropTypes>>;

package/splitter/use-splitter.d.ts

@@ -1,28 +1,7 @@
-import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
-import type { Accessor, JSX } from 'solid-js';
-import type { ResizeTriggerProps, PanelProps, type Context } from '@zag-js/splitter';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
+import type { PublicApi, 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;
-    setToMinSize(id: PanelId): void;
-    setToMaxSize(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>;
-}>;
+export declare const useSplitter: (props: UseSplitterProps) => Accessor<PublicApi<PropTypes>>;

package/switch/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const _switch = require('./switch.cjs');
+const switchContext = require('./switch-context.cjs');
 const switchControl = require('./switch-control.cjs');
 const switchInput = require('./switch-input.cjs');
 const switchLabel = require('./switch-label.cjs');
@@ -12,6 +13,7 @@ const zagSwitch = require('@zag-js/switch');
 
 
 exports.Switch = _switch.Switch;
+exports.useSwitchContext = switchContext.useSwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchInput = switchInput.SwitchInput;
 exports.SwitchLabel = switchLabel.SwitchLabel;

package/switch/index.d.ts

@@ -1,4 +1,5 @@
 export { Switch, type SwitchProps } from './switch';
+export { useSwitchContext } from './switch-context';
 export { SwitchControl, type SwitchControlProps } from './switch-control';
 export { SwitchInput, type SwitchInputProps } from './switch-input';
 export { SwitchLabel, type SwitchLabelProps } from './switch-label';

package/switch/index.mjs

@@ -1,4 +1,5 @@
 export { Switch } from './switch.mjs';
+export { useSwitchContext } from './switch-context.mjs';
 export { SwitchControl } from './switch-control.mjs';
 export { SwitchInput } from './switch-input.mjs';
 export { SwitchLabel } from './switch-label.mjs';

package/switch/switch-context.d.ts

@@ -1,27 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/switch';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSwitchReturn } from './use-switch';
 export type SwitchContext = UseSwitchReturn;
-export declare const SwitchProvider: ContextProviderComponent<Accessor<{
-    isChecked: boolean;
-    isDisabled: boolean | undefined;
-    isFocused: boolean | undefined;
-    setChecked(checked: boolean): void;
-    toggleChecked(): void;
-    rootProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-}>>, useSwitchContext: () => Accessor<{
-    isChecked: boolean;
-    isDisabled: boolean | undefined;
-    isFocused: boolean | undefined;
-    setChecked(checked: boolean): void;
-    toggleChecked(): void;
-    rootProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const SwitchProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSwitchContext: () => Accessor<PublicApi<PropTypes>>;

package/switch/use-switch.d.ts

@@ -1,17 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as zagSwitch from '@zag-js/switch';
 import { type Optional } from '../types';
 export type UseSwitchProps = Optional<zagSwitch.Context, 'id'>;
 export type UseSwitchReturn = ReturnType<typeof useSwitch>;
-export declare const useSwitch: (props: UseSwitchProps) => Accessor<{
-    isChecked: boolean;
-    isDisabled: boolean | undefined;
-    isFocused: boolean | undefined;
-    setChecked(checked: boolean): void;
-    toggleChecked(): void;
-    rootProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    thumbProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const useSwitch: (props: UseSwitchProps) => Accessor<zagSwitch.PublicApi<PropTypes>>;

package/tabs/index.cjs

@@ -7,6 +7,7 @@ const tabIndicator = require('./tab-indicator.cjs');
 const tabList = require('./tab-list.cjs');
 const tabTrigger = require('./tab-trigger.cjs');
 const tabs = require('./tabs.cjs');
+const tabsContext = require('./tabs-context.cjs');
 const tabs$1 = require('@zag-js/tabs');
 
 
@@ -16,6 +17,7 @@ exports.TabIndicator = tabIndicator.TabIndicator;
 exports.TabList = tabList.TabList;
 exports.TabTrigger = tabTrigger.TabTrigger;
 exports.Tabs = tabs.Tabs;
+exports.useTabsContext = tabsContext.useTabsContext;
 Object.defineProperty(exports, 'tabsAnatomy', {
 	enumerable: true,
 	get: () => tabs$1.anatomy

package/tabs/index.d.ts

@@ -3,4 +3,5 @@ export { TabIndicator, type TabIndicatorProps } from './tab-indicator';
 export { TabList, type TabListProps } from './tab-list';
 export { TabTrigger, type TabTriggerProps } from './tab-trigger';
 export { Tabs, type TabsProps } from './tabs';
+export { useTabsContext } from './tabs-context';
 export { tabsAnatomy } from './tabs.anatomy';

package/tabs/index.mjs

@@ -3,4 +3,5 @@ export { TabIndicator } from './tab-indicator.mjs';
 export { TabList } from './tab-list.mjs';
 export { TabTrigger } from './tab-trigger.mjs';
 export { Tabs } from './tabs.mjs';
+export { useTabsContext } from './tabs-context.mjs';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/tabs/tabs-context.d.ts

@@ -1,32 +1,7 @@
-import type { TriggerProps, ContentProps } from '@zag-js/tabs';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/tabs';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseTabsReturn } from './use-tabs';
 export type TabsContext = UseTabsReturn;
-export declare const TabsProvider: ContextProviderComponent<Accessor<{
-    value: string | null;
-    focusedValue: string | null;
-    previousValues: string[];
-    setValue(value: string): void;
-    clearValue(): void;
-    setIndicatorRect(id: string | null | undefined): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: ContentProps): JSX.HTMLAttributes<any>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>>, useTabsContext: () => Accessor<{
-    value: string | null;
-    focusedValue: string | null;
-    previousValues: string[];
-    setValue(value: string): void;
-    clearValue(): void;
-    setIndicatorRect(id: string | null | undefined): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: ContentProps): JSX.HTMLAttributes<any>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const TabsProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useTabsContext: () => Accessor<PublicApi<PropTypes>>;

package/tabs/use-tabs.d.ts

@@ -1,19 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as tabs from '@zag-js/tabs';
 import { type Optional } from '../types';
 export type UseTabsProps = Optional<tabs.Context, 'id'>;
 export type UseTabsReturn = ReturnType<typeof useTabs>;
-export declare const useTabs: (props: UseTabsProps) => Accessor<{
-    value: string | null;
-    focusedValue: string | null;
-    previousValues: string[];
-    setValue(value: string): void;
-    clearValue(): void;
-    setIndicatorRect(id: string | null | undefined): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    tablistProps: JSX.HTMLAttributes<any>;
-    getTriggerProps(props: tabs.TriggerProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    contentGroupProps: JSX.HTMLAttributes<any>;
-    getContentProps({ value }: tabs.ContentProps): JSX.HTMLAttributes<any>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const useTabs: (props: UseTabsProps) => Accessor<tabs.PublicApi<PropTypes>>;

package/tags-input/index.cjs

@@ -7,6 +7,7 @@ const tagDeleteTrigger = require('./tag-delete-trigger.cjs');
 const tagInput = require('./tag-input.cjs');
 const tagsInput = 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');
@@ -19,6 +20,7 @@ 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;

package/tags-input/index.d.ts

@@ -3,6 +3,7 @@ export { TagDeleteTrigger, type TagDeleteTriggerProps } from './tag-delete-trigg
 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';

package/tags-input/index.mjs

@@ -3,6 +3,7 @@ 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';
+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';

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

@@ -1,52 +1,7 @@
-import type { TagProps } from '@zag-js/tags-input/dist/tags-input.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/tags-input';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseTagsInputReturn } from './use-tags-input';
 export type TagsInputContext = UseTagsInputReturn;
-export declare const TagsInputProvider: ContextProviderComponent<Accessor<{
-    isEmpty: boolean;
-    inputValue: string;
-    value: string[];
-    valueAsString: string;
-    count: number;
-    isAtMax: boolean;
-    setValue(value: string[]): void;
-    clearValue(id?: string | undefined): void;
-    addValue(value: string): void;
-    setValueAtIndex(index: number, value: string): void;
-    setInputValue(value: string): void;
-    clearInputValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagProps(options: TagProps): JSX.HTMLAttributes<any>;
-    getTagInputProps(options: TagProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagDeleteTriggerProps(options: TagProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, useTagsInputContext: () => Accessor<{
-    isEmpty: boolean;
-    inputValue: string;
-    value: string[];
-    valueAsString: string;
-    count: number;
-    isAtMax: boolean;
-    setValue(value: string[]): void;
-    clearValue(id?: string | undefined): void;
-    addValue(value: string): void;
-    setValueAtIndex(index: number, value: string): void;
-    setInputValue(value: string): void;
-    clearInputValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagProps(options: TagProps): JSX.HTMLAttributes<any>;
-    getTagInputProps(options: TagProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagDeleteTriggerProps(options: TagProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const TagsInputProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useTagsInputContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,30 +1,7 @@
-import type { TagProps } from '@zag-js/tags-input/dist/tags-input.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as tagsInput from '@zag-js/tags-input';
 import { type Optional } from '../types';
 export type UseTagsInputProps = Optional<tagsInput.Context, 'id'>;
 export type UseTagsInputReturn = ReturnType<typeof useTagsInput>;
-export declare const useTagsInput: (props: UseTagsInputProps) => Accessor<{
-    isEmpty: boolean;
-    inputValue: string;
-    value: string[];
-    valueAsString: string;
-    count: number;
-    isAtMax: boolean;
-    setValue(value: string[]): void;
-    clearValue(id?: string | undefined): void;
-    addValue(value: string): void;
-    setValueAtIndex(index: number, value: string): void;
-    setInputValue(value: string): void;
-    clearInputValue(): void;
-    focus(): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagProps(options: TagProps): JSX.HTMLAttributes<any>;
-    getTagInputProps(options: TagProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    getTagDeleteTriggerProps(options: TagProps): JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    clearTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const useTagsInput: (props: UseTagsInputProps) => Accessor<tagsInput.PublicApi<PropTypes>>;

package/toast/index.cjs

@@ -6,6 +6,7 @@ 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');
@@ -17,6 +18,7 @@ exports.Toast = toast.Toast;
 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;

package/toast/index.d.ts

@@ -2,6 +2,7 @@ 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';

package/toast/index.mjs

@@ -2,6 +2,7 @@ export { Toast } from './toast.mjs';
 export { ToastCloseTrigger } from './toast-close-trigger.mjs';
 export { ToastDescription } from './toast-description.mjs';
 export { 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';

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

@@ -1,38 +1,7 @@
-import type { Type, Placement } from '@zag-js/toast';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/toast';
+import type { Accessor } 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>;
-}>;
+export declare const ToastItemProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useToastItemContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,23 +1,8 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as toast from '@zag-js/toast';
 export type UseToastItemProps = {
     toast: toast.Service;
 };
 export type UseToastItemReturn = ReturnType<typeof useToastItem>;
-export declare const useToastItem: (props: UseToastItemProps) => Accessor<{
-    type: toast.Type;
-    title: string | undefined;
-    description: string | undefined;
-    placement: toast.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>;
-}>;
+export declare const useToastItem: (props: UseToastItemProps) => Accessor<toast.PublicApi<PropTypes>>;