@ark-ui/solid 1.2.0 → 1.3.0

package/types/progress/index.d.ts

@@ -0,0 +1,23 @@
+import { type ProgressProps } from './progress';
+import { ProgressCircle, type ProgressCircleProps } from './progress-circle';
+import { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
+import { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
+import { useProgressContext, type ProgressContext } from './progress-context';
+import { ProgressIndicator, type ProgressIndicatorProps } from './progress-indicator';
+import { ProgressLabel, type ProgressLabelProps } from './progress-label';
+import { ProgressRange, type ProgressRangeProps } from './progress-range';
+import { ProgressTrack, type ProgressTrackProps } from './progress-track';
+import { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
+declare const Progress: ((props: ProgressProps) => import("solid-js").JSX.Element) & {
+    Root: (props: ProgressProps) => import("solid-js").JSX.Element;
+    Label: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
+    Track: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
+    Range: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
+    ValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
+    Indicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;
+    Circle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
+    CircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
+    CircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
+};
+export { Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressIndicator, ProgressLabel, ProgressRange, ProgressTrack, ProgressValueText, useProgressContext, };
+export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressIndicatorProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, };

package/types/progress/progress-circle-range.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
+}
+export declare const ProgressCircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;

package/types/progress/progress-circle-track.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
+}
+export declare const ProgressCircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;

package/types/progress/progress-circle.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
+}
+export declare const ProgressCircle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;

package/types/progress/progress-context.d.ts

@@ -0,0 +1,4 @@
+import { type UseProgressReturn } from './use-progress';
+export interface ProgressContext extends UseProgressReturn {
+}
+export declare const ProgressProvider: import("solid-js").ContextProviderComponent<ProgressContext>, useProgressContext: () => ProgressContext;

package/types/progress/progress-indicator.d.ts

@@ -0,0 +1,6 @@
+import type { IndicatorProps } from '@zag-js/progress';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface ProgressIndicatorProps extends Assign<HTMLArkProps<'span'>, IndicatorProps> {
+}
+export declare const ProgressIndicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;

package/types/progress/progress-label.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;

package/types/progress/progress-range.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressRange: (props: ProgressRangeProps) => import("solid-js").JSX.Element;

package/types/progress/progress-track.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;

package/types/progress/progress-value-text.d.ts

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

package/types/progress/progress.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseProgressProps, type UseProgressReturn } from './use-progress';
+export interface ProgressProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseProgressReturn) => JSX.Element);
+}>, UseProgressProps> {
+}
+export declare const Progress: (props: ProgressProps) => JSX.Element;

package/types/progress/use-progress.d.ts

@@ -0,0 +1,9 @@
+import * as progress from '@zag-js/progress';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import { type Optional } from '../types';
+export interface UseProgressProps extends Optional<progress.Context, 'id'> {
+}
+export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
+}
+export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;

package/types/radio-group/index.d.ts

@@ -1,3 +1,4 @@
+import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { type RadioGroupProps } from './radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
 import { type RadioGroupIndicatorProps } from './radio-group-indicator';
@@ -15,4 +16,4 @@ declare const RadioGroup: ((props: RadioGroupProps) => import("solid-js").JSX.El
     Label: (props: RadioGroupLabelProps) => import("solid-js").JSX.Element;
 };
 export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
-export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, };
+export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, RadioGroupValueChangeDetails, };

package/types/rating-group/index.d.ts

@@ -1,3 +1,4 @@
+import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/rating-group';
 import { type RatingGroupProps } from './rating-group';
 import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
 import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
@@ -11,4 +12,4 @@ declare const RatingGroup: ((props: RatingGroupProps) => import("solid-js").JSX.
     Item: (props: RatingGroupItemProps) => import("solid-js").JSX.Element;
 };
 export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, useRatingGroupContext, useRatingGroupItemContext, };
-export type { RatingGroupContext, RatingGroupControlProps, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, };
+export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, RatingGroupValueChangeDetails, };

package/types/segment-group/index.d.ts

@@ -1,3 +1,4 @@
+import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
 import { type SegmentGroupProps } from './segment-group';
 import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
 import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
@@ -15,4 +16,4 @@ declare const SegmentGroup: ((props: SegmentGroupProps) => import("solid-js").JS
     Label: (props: SegmentGroupLabelProps) => import("solid-js").JSX.Element;
 };
 export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, useSegmentGroupContext, useSegmentGroupItemContext, };
-export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, };
+export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentGroupValueChangeDetails, };

package/types/select/index.d.ts

@@ -1,3 +1,4 @@
+import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
 import type { CollectionItem } from '../types';
 import { type SelectProps } from './select';
 import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
@@ -32,4 +33,4 @@ declare const Select: (<T extends CollectionItem>(props: SelectProps<T>) => impo
     ValueText: (props: SelectValueTextProps) => import("solid-js").JSX.Element;
 };
 export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
-export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, };
+export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };

package/types/slider/index.d.ts

@@ -1,3 +1,4 @@
+import type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
 import { type SliderProps } from './slider';
 import { useSliderContext, type SliderContext } from './slider-context';
 import { SliderControl, type SliderControlProps } from './slider-control';
@@ -20,4 +21,4 @@ declare const Slider: ((props: SliderProps) => import("solid-js").JSX.Element) &
     ValueText: (props: SliderValueTextProps) => import("solid-js").JSX.Element;
 };
 export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
-export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, };
+export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };

package/types/splitter/index.d.ts

@@ -1,3 +1,4 @@
+import type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
 import { type SplitterProps } from './splitter';
 import { useSplitterContext, type SplitterContext } from './splitter-context';
 import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
@@ -8,4 +9,4 @@ declare const Splitter: ((props: SplitterProps) => import("solid-js").JSX.Elemen
     ResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
 };
 export { Splitter, SplitterPanel, SplitterResizeTrigger, useSplitterContext };
-export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps };
+export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps, SplitterSizeChangeDetails, };

package/types/spread.d.ts

@@ -1 +1 @@
-export declare const spread: (node: HTMLElement, props: any) => void;
+export declare const spread: (node: HTMLElement | SVGElement, props: any) => void;

package/types/switch/index.d.ts

@@ -1,3 +1,4 @@
+import type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 import { type SwitchProps } from './switch';
 import { useSwitchContext, type SwitchContext } from './switch-context';
 import { SwitchControl, type SwitchControlProps } from './switch-control';
@@ -10,4 +11,4 @@ declare const Switch: ((props: SwitchProps) => import("solid-js").JSX.Element) &
     Thumb: (props: SwitchThumbProps) => import("solid-js").JSX.Element;
 };
 export { Switch, SwitchControl, SwitchLabel, SwitchThumb, useSwitchContext };
-export type { SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps };
+export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };

package/types/tabs/index.d.ts

@@ -1,3 +1,4 @@
+import type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails } from '@zag-js/tabs';
 import { TabContent, type TabContentProps } from './tab-content';
 import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
 import { TabList, type TabListProps } from './tab-list';
@@ -12,4 +13,4 @@ declare const Tabs: ((props: TabsProps) => import("solid-js").JSX.Element) & {
     Trigger: (props: TabTriggerProps) => import("solid-js").JSX.Element;
 };
 export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, useTabsContext };
-export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsProps, };
+export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsProps, TabsValueChangeDetails, };

package/types/tags-input/index.d.ts

@@ -1,3 +1,4 @@
+import type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from '@zag-js/tags-input';
 import { type TagsInputProps } from './tags-input';
 import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
@@ -21,4 +22,4 @@ declare const TagsInput: ((props: TagsInputProps) => import("solid-js").JSX.Elem
     Label: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
 };
 export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
-export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, };
+export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };

package/types/toggle-group/index.d.ts

@@ -1,3 +1,4 @@
+import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
 import { type ToggleGroupProps } from './toggle-group';
 import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
@@ -6,4 +7,4 @@ declare const ToggleGroup: ((props: ToggleGroupProps) => import("solid-js").JSX.
     Item: (props: ToggleGroupItemProps) => import("solid-js").JSX.Element;
 };
 export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
-export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps };
+export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValueChangeDetails, };

package/types/tooltip/index.d.ts

@@ -1,3 +1,4 @@
+import type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
 import { type TooltipProps } from './tooltip';
 import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
 import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
@@ -14,4 +15,4 @@ declare const Tooltip: ((props: TooltipProps) => import("solid-js").JSX.Element)
     Trigger: (props: TooltipTriggerProps) => import("solid-js").JSX.Element;
 };
 export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, useTooltipContext, };
-export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };