@ark-ui/solid 0.8.0 → 0.9.0

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

@@ -0,0 +1,20 @@
+'use strict';
+
+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');
+
+
+
+exports.Splitter = splitter.Splitter;
+exports.useSplitterContext = splitterContext.useSplitterContext;
+exports.SplitterPanel = splitterPanel.SplitterPanel;
+exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
+Object.defineProperty(exports, 'splitterAnatomy', {
+	enumerable: true,
+	get: () => splitter$1.anatomy
+});

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

@@ -0,0 +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/ssr-spread.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('solid-js');
 const filterObject = require('./filter-object.cjs');
 const mergeStyle = require('./merge-style.cjs');
 const parseTemplate = require('./parse-template.cjs');

package/ssr-spread.mjs

@@ -1,3 +1,4 @@
+import 'solid-js';
 import { filterBooleanAttributeValues, filterFunctionValues, filterEmptyValues } from './filter-object.mjs';
 import { mergeStyle } from './merge-style.mjs';
 import { parse, render } from './parse-template.mjs';

package/switch/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+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');
+const switchThumb = require('./switch-thumb.cjs');
+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;
+exports.SwitchThumb = switchThumb.SwitchThumb;
+Object.defineProperty(exports, 'switchAnatomy', {
+	enumerable: true,
+	get: () => zagSwitch.anatomy
+});

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

@@ -0,0 +1,7 @@
+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';
+export { SwitchThumb } from './switch-thumb.mjs';
+export { anatomy as switchAnatomy } from '@zag-js/switch';

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const tabContent = require('./tab-content.cjs');
+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');
+
+
+
+exports.TabContent = tabContent.TabContent;
+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

@@ -0,0 +1,7 @@
+export { TabContent } from './tab-content.mjs';
+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

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

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

@@ -0,0 +1,10 @@
+export { Tag } from './tag.mjs';
+export { TagDeleteTrigger } from './tag-delete-trigger.mjs';
+export { TagInput } from './tag-input.mjs';
+export { TagsInput } from './tags-input.mjs';
+export { TagsInputClearTrigger } from './tags-input-clear-trigger.mjs';
+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';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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');
+
+
+
+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;
+exports.ToastTitle = toastTitle.ToastTitle;
+Object.defineProperty(exports, 'toastAnatomy', {
+	enumerable: true,
+	get: () => toast$1.anatomy
+});

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

@@ -0,0 +1,9 @@
+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';
+export { anatomy as toastAnatomy } from '@zag-js/toast';