@ark-ui/solid 1.1.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/CHANGELOG.md +40 -1
  2. package/README.md +25 -21
  3. package/cjs/index.js +229 -96
  4. package/cjs/index.js.map +1 -1
  5. package/esm/index.js +217 -96
  6. package/esm/index.js.map +1 -1
  7. package/package.json +56 -52
  8. package/source/combobox/use-combobox.js +3 -3
  9. package/source/date-picker/date-picker.jsx +1 -1
  10. package/source/editable/editable-area.jsx +2 -2
  11. package/source/editable/editable-cancel-trigger.jsx +2 -2
  12. package/source/editable/editable-control.jsx +2 -2
  13. package/source/editable/editable-edit-trigger.jsx +2 -2
  14. package/source/editable/editable-input.jsx +2 -2
  15. package/source/editable/editable-label.jsx +2 -2
  16. package/source/editable/editable-preview.jsx +2 -2
  17. package/source/editable/editable-submit-trigger.jsx +2 -2
  18. package/source/editable/editable.jsx +5 -7
  19. package/source/factory.jsx +1 -1
  20. package/source/file-upload/file-upload-item-preview-image.jsx +13 -0
  21. package/source/file-upload/file-upload-item-preview.jsx +3 -10
  22. package/source/file-upload/file-upload.jsx +5 -1
  23. package/source/file-upload/index.js +7 -5
  24. package/source/index.jsx +1 -0
  25. package/source/number-input/index.js +1 -1
  26. package/source/pagination/pagination-ellipsis.jsx +2 -2
  27. package/source/pagination/pagination.jsx +2 -4
  28. package/source/pin-input/index.js +1 -1
  29. package/source/pin-input/pin-input.jsx +2 -2
  30. package/source/popover/popover-description.jsx +1 -1
  31. package/source/progress/index.js +22 -0
  32. package/source/progress/progress-circle-range.jsx +8 -0
  33. package/source/progress/progress-circle-track.jsx +8 -0
  34. package/source/progress/progress-circle.jsx +8 -0
  35. package/source/progress/progress-context.js +5 -0
  36. package/source/progress/progress-indicator.jsx +10 -0
  37. package/source/progress/progress-label.jsx +8 -0
  38. package/source/progress/progress-range.jsx +8 -0
  39. package/source/progress/progress-track.jsx +8 -0
  40. package/source/progress/progress-value-text.jsx +10 -0
  41. package/source/progress/progress.jsx +24 -0
  42. package/source/progress/use-progress.js +10 -0
  43. package/source/radio-group/radio-group-item-context.js +2 -2
  44. package/source/radio-group/radio-group-item.jsx +9 -6
  45. package/source/rating-group/rating-group-control.jsx +1 -1
  46. package/source/rating-group/rating-group-item.jsx +2 -2
  47. package/source/rating-group/rating-group.jsx +2 -2
  48. package/source/segment-group/segment-group-item-context.js +2 -2
  49. package/source/segment-group/segment-group-item.jsx +9 -6
  50. package/source/select/select-indicator.jsx +1 -1
  51. package/source/select/select-item-group.jsx +2 -2
  52. package/source/select/select.jsx +2 -2
  53. package/source/select/use-select.js +3 -3
  54. package/source/spread.js +3 -2
  55. package/source/switch/switch-label.jsx +2 -2
  56. package/source/switch/switch-thumb.jsx +2 -2
  57. package/source/switch/switch.jsx +2 -2
  58. package/source/toast/create-toaster.jsx +3 -3
  59. package/source/toast/index.js +5 -3
  60. package/source/toast/toast-group.jsx +4 -0
  61. package/types/accordion/index.d.ts +2 -1
  62. package/types/avatar/index.d.ts +2 -1
  63. package/types/carousel/index.d.ts +2 -1
  64. package/types/checkbox/index.d.ts +2 -2
  65. package/types/color-picker/index.d.ts +2 -2
  66. package/types/combobox/index.d.ts +2 -1
  67. package/types/create-split-props.d.ts +1 -1
  68. package/types/date-picker/index.d.ts +2 -1
  69. package/types/dialog/index.d.ts +2 -1
  70. package/types/editable/index.d.ts +2 -1
  71. package/types/file-upload/file-upload-item-preview-image.d.ts +4 -0
  72. package/types/file-upload/file-upload-item-preview.d.ts +6 -1
  73. package/types/file-upload/index.d.ts +10 -7
  74. package/types/hover-card/index.d.ts +2 -1
  75. package/types/index.d.ts +1 -0
  76. package/types/menu/index.d.ts +2 -1
  77. package/types/number-input/index.d.ts +3 -2
  78. package/types/pagination/index.d.ts +2 -1
  79. package/types/pin-input/index.d.ts +3 -2
  80. package/types/popover/index.d.ts +2 -1
  81. package/types/popover/popover-description.d.ts +1 -1
  82. package/types/presence/split-presence-props.d.ts +1 -1
  83. package/types/progress/index.d.ts +23 -0
  84. package/types/progress/progress-circle-range.d.ts +4 -0
  85. package/types/progress/progress-circle-track.d.ts +4 -0
  86. package/types/progress/progress-circle.d.ts +4 -0
  87. package/types/progress/progress-context.d.ts +4 -0
  88. package/types/progress/progress-indicator.d.ts +6 -0
  89. package/types/progress/progress-label.d.ts +4 -0
  90. package/types/progress/progress-range.d.ts +4 -0
  91. package/types/progress/progress-track.d.ts +4 -0
  92. package/types/progress/progress-value-text.d.ts +4 -0
  93. package/types/progress/progress.d.ts +9 -0
  94. package/types/progress/use-progress.d.ts +9 -0
  95. package/types/radio-group/index.d.ts +2 -1
  96. package/types/radio-group/radio-group-item-context.d.ts +1 -1
  97. package/types/radio-group/radio-group-item.d.ts +6 -3
  98. package/types/rating-group/index.d.ts +2 -1
  99. package/types/rating-group/rating-group-item-context.d.ts +2 -3
  100. package/types/segment-group/index.d.ts +2 -1
  101. package/types/segment-group/segment-group-item-context.d.ts +3 -14
  102. package/types/segment-group/segment-group-item.d.ts +6 -2
  103. package/types/select/index.d.ts +2 -1
  104. package/types/slider/index.d.ts +2 -1
  105. package/types/splitter/index.d.ts +2 -1
  106. package/types/spread.d.ts +1 -1
  107. package/types/switch/index.d.ts +2 -1
  108. package/types/tabs/index.d.ts +2 -1
  109. package/types/tags-input/index.d.ts +2 -1
  110. package/types/toast/index.d.ts +6 -4
  111. package/types/toast/toast-group.d.ts +4 -0
  112. package/types/toggle-group/index.d.ts +2 -1
  113. package/types/tooltip/index.d.ts +2 -1
  114. /package/source/number-input/{number-input-field.jsx → number-input-input.jsx} +0 -0
  115. /package/source/pin-input/{pin-input-field.jsx → pin-input-input.jsx} +0 -0
  116. /package/types/number-input/{number-input-field.d.ts → number-input-input.d.ts} +0 -0
  117. /package/types/pin-input/{pin-input-field.d.ts → pin-input-input.d.ts} +0 -0
@@ -0,0 +1,23 @@
1
+ import { type ProgressProps } from './progress';
2
+ import { ProgressCircle, type ProgressCircleProps } from './progress-circle';
3
+ import { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
4
+ import { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
5
+ import { useProgressContext, type ProgressContext } from './progress-context';
6
+ import { ProgressIndicator, type ProgressIndicatorProps } from './progress-indicator';
7
+ import { ProgressLabel, type ProgressLabelProps } from './progress-label';
8
+ import { ProgressRange, type ProgressRangeProps } from './progress-range';
9
+ import { ProgressTrack, type ProgressTrackProps } from './progress-track';
10
+ import { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
11
+ declare const Progress: ((props: ProgressProps) => import("solid-js").JSX.Element) & {
12
+ Root: (props: ProgressProps) => import("solid-js").JSX.Element;
13
+ Label: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
14
+ Track: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
15
+ Range: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
16
+ ValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
17
+ Indicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;
18
+ Circle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
19
+ CircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
20
+ CircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
21
+ };
22
+ export { Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressIndicator, ProgressLabel, ProgressRange, ProgressTrack, ProgressValueText, useProgressContext, };
23
+ export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressIndicatorProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, };
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
3
+ }
4
+ export declare const ProgressCircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
3
+ }
4
+ export declare const ProgressCircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
3
+ }
4
+ export declare const ProgressCircle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type UseProgressReturn } from './use-progress';
2
+ export interface ProgressContext extends UseProgressReturn {
3
+ }
4
+ export declare const ProgressProvider: import("solid-js").ContextProviderComponent<ProgressContext>, useProgressContext: () => ProgressContext;
@@ -0,0 +1,6 @@
1
+ import type { IndicatorProps } from '@zag-js/progress';
2
+ import { type HTMLArkProps } from '../factory';
3
+ import type { Assign } from '../types';
4
+ export interface ProgressIndicatorProps extends Assign<HTMLArkProps<'span'>, IndicatorProps> {
5
+ }
6
+ export declare const ProgressIndicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressLabelProps extends HTMLArkProps<'label'> {
3
+ }
4
+ export declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressRangeProps extends HTMLArkProps<'div'> {
3
+ }
4
+ export declare const ProgressRange: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressTrackProps extends HTMLArkProps<'div'> {
3
+ }
4
+ export declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
3
+ }
4
+ export declare const ProgressValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import type { JSX } from 'solid-js';
2
+ import { type HTMLArkProps } from '../factory';
3
+ import { type Assign } from '../types';
4
+ import { type UseProgressProps, type UseProgressReturn } from './use-progress';
5
+ export interface ProgressProps extends Assign<Assign<HTMLArkProps<'div'>, {
6
+ children?: JSX.Element | ((api: UseProgressReturn) => JSX.Element);
7
+ }>, UseProgressProps> {
8
+ }
9
+ export declare const Progress: (props: ProgressProps) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ import * as progress from '@zag-js/progress';
2
+ import { type PropTypes } from '@zag-js/solid';
3
+ import { type Accessor } from 'solid-js';
4
+ import { type Optional } from '../types';
5
+ export interface UseProgressProps extends Optional<progress.Context, 'id'> {
6
+ }
7
+ export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
8
+ }
9
+ export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;
@@ -1,3 +1,4 @@
1
+ import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
1
2
  import { type RadioGroupProps } from './radio-group';
2
3
  import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
3
4
  import { type RadioGroupIndicatorProps } from './radio-group-indicator';
@@ -15,4 +16,4 @@ declare const RadioGroup: ((props: RadioGroupProps) => import("solid-js").JSX.El
15
16
  Label: (props: RadioGroupLabelProps) => import("solid-js").JSX.Element;
16
17
  };
17
18
  export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
18
- export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, };
19
+ export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, RadioGroupValueChangeDetails, };
@@ -1,4 +1,4 @@
1
1
  import type { ItemProps } from '@zag-js/radio-group';
2
2
  export interface RadioGroupItemContext extends ItemProps {
3
3
  }
4
- export declare const RadioProvider: import("solid-js").ContextProviderComponent<RadioGroupItemContext>, useRadioGroupItemContext: () => RadioGroupItemContext;
4
+ export declare const RadioGroupItemProvider: import("solid-js").ContextProviderComponent<RadioGroupItemContext>, useRadioGroupItemContext: () => RadioGroupItemContext;
@@ -1,6 +1,9 @@
1
- import type { ItemProps } from '@zag-js/radio-group';
1
+ import type { ItemProps, ItemState } from '@zag-js/radio-group';
2
+ import type { JSX } from 'solid-js/jsx-runtime';
2
3
  import { type HTMLArkProps } from '../factory';
3
4
  import type { Assign } from '../types';
4
- export interface RadioGroupItemProps extends Assign<HTMLArkProps<'label'>, ItemProps> {
5
+ export interface RadioGroupItemProps extends Assign<HTMLArkProps<'label'>, {
6
+ children?: ((state: ItemState) => JSX.Element) | JSX.Element;
7
+ }>, ItemProps {
5
8
  }
6
- export declare const RadioGroupItem: (props: RadioGroupItemProps) => import("solid-js").JSX.Element;
9
+ export declare const RadioGroupItem: (props: RadioGroupItemProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/rating-group';
1
2
  import { type RatingGroupProps } from './rating-group';
2
3
  import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
3
4
  import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
@@ -11,4 +12,4 @@ declare const RatingGroup: ((props: RatingGroupProps) => import("solid-js").JSX.
11
12
  Item: (props: RatingGroupItemProps) => import("solid-js").JSX.Element;
12
13
  };
13
14
  export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, useRatingGroupContext, useRatingGroupItemContext, };
14
- export type { RatingGroupContext, RatingGroupControlProps, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, };
15
+ export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, RatingGroupValueChangeDetails, };
@@ -1,5 +1,4 @@
1
- import { type ItemState } from '@zag-js/rating-group';
2
- import type { Accessor } from 'solid-js';
3
- export interface RatingGroupItemContext extends Accessor<ItemState> {
1
+ import { type ItemProps } from '@zag-js/rating-group';
2
+ export interface RatingGroupItemContext extends ItemProps {
4
3
  }
5
4
  export declare const RatingGroupItemProvider: import("solid-js").ContextProviderComponent<RatingGroupItemContext>, useRatingGroupItemContext: () => RatingGroupItemContext;
@@ -1,3 +1,4 @@
1
+ import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
1
2
  import { type SegmentGroupProps } from './segment-group';
2
3
  import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
3
4
  import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
@@ -15,4 +16,4 @@ declare const SegmentGroup: ((props: SegmentGroupProps) => import("solid-js").JS
15
16
  Label: (props: SegmentGroupLabelProps) => import("solid-js").JSX.Element;
16
17
  };
17
18
  export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, useSegmentGroupContext, useSegmentGroupItemContext, };
18
- export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, };
19
+ export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentGroupValueChangeDetails, };
@@ -1,15 +1,4 @@
1
- export interface ItemProps {
2
- value: string;
3
- disabled?: boolean;
4
- invalid?: boolean;
1
+ import type { ItemProps } from '@zag-js/radio-group';
2
+ export interface SegmentGroupItemContext extends ItemProps {
5
3
  }
6
- export interface ItemState {
7
- isInvalid: boolean;
8
- isDisabled: boolean;
9
- isChecked: boolean;
10
- isFocused: boolean;
11
- isHovered: boolean;
12
- isActive: boolean;
13
- }
14
- export type SegmentGroupItemContext = ItemProps;
15
- export declare const SegmentProvider: import("solid-js").ContextProviderComponent<ItemProps>, useSegmentGroupItemContext: () => ItemProps;
4
+ export declare const SegmentGroupItemProvider: import("solid-js").ContextProviderComponent<SegmentGroupItemContext>, useSegmentGroupItemContext: () => SegmentGroupItemContext;
@@ -1,6 +1,10 @@
1
+ import type { ItemState } from '@zag-js/radio-group';
2
+ import type { JSX } from 'solid-js/jsx-runtime';
1
3
  import { type HTMLArkProps } from '../factory';
2
4
  import type { Assign } from '../types';
3
5
  import { type SegmentGroupItemContext } from './segment-group-item-context';
4
- export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, SegmentGroupItemContext> {
6
+ export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, {
7
+ children?: ((state: ItemState) => JSX.Element) | JSX.Element;
8
+ }>, SegmentGroupItemContext {
5
9
  }
6
- export declare const SegmentGroupItem: (props: SegmentGroupItemProps) => import("solid-js").JSX.Element;
10
+ export declare const SegmentGroupItem: (props: SegmentGroupItemProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
1
2
  import type { CollectionItem } from '../types';
2
3
  import { type SelectProps } from './select';
3
4
  import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
@@ -32,4 +33,4 @@ declare const Select: (<T extends CollectionItem>(props: SelectProps<T>) => impo
32
33
  ValueText: (props: SelectValueTextProps) => import("solid-js").JSX.Element;
33
34
  };
34
35
  export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
35
- export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, };
36
+ export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };
@@ -1,3 +1,4 @@
1
+ import type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
1
2
  import { type SliderProps } from './slider';
2
3
  import { useSliderContext, type SliderContext } from './slider-context';
3
4
  import { SliderControl, type SliderControlProps } from './slider-control';
@@ -20,4 +21,4 @@ declare const Slider: ((props: SliderProps) => import("solid-js").JSX.Element) &
20
21
  ValueText: (props: SliderValueTextProps) => import("solid-js").JSX.Element;
21
22
  };
22
23
  export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
23
- export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, };
24
+ export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };
@@ -1,3 +1,4 @@
1
+ import type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
1
2
  import { type SplitterProps } from './splitter';
2
3
  import { useSplitterContext, type SplitterContext } from './splitter-context';
3
4
  import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
@@ -8,4 +9,4 @@ declare const Splitter: ((props: SplitterProps) => import("solid-js").JSX.Elemen
8
9
  ResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
9
10
  };
10
11
  export { Splitter, SplitterPanel, SplitterResizeTrigger, useSplitterContext };
11
- export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps };
12
+ export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps, SplitterSizeChangeDetails, };
package/types/spread.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const spread: (node: HTMLElement, props: any) => void;
1
+ export declare const spread: (node: HTMLElement | SVGElement, props: any) => void;
@@ -1,3 +1,4 @@
1
+ import type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
1
2
  import { type SwitchProps } from './switch';
2
3
  import { useSwitchContext, type SwitchContext } from './switch-context';
3
4
  import { SwitchControl, type SwitchControlProps } from './switch-control';
@@ -10,4 +11,4 @@ declare const Switch: ((props: SwitchProps) => import("solid-js").JSX.Element) &
10
11
  Thumb: (props: SwitchThumbProps) => import("solid-js").JSX.Element;
11
12
  };
12
13
  export { Switch, SwitchControl, SwitchLabel, SwitchThumb, useSwitchContext };
13
- export type { SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps };
14
+ export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };
@@ -1,3 +1,4 @@
1
+ import type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails } from '@zag-js/tabs';
1
2
  import { TabContent, type TabContentProps } from './tab-content';
2
3
  import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
3
4
  import { TabList, type TabListProps } from './tab-list';
@@ -12,4 +13,4 @@ declare const Tabs: ((props: TabsProps) => import("solid-js").JSX.Element) & {
12
13
  Trigger: (props: TabTriggerProps) => import("solid-js").JSX.Element;
13
14
  };
14
15
  export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, useTabsContext };
15
- export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsProps, };
16
+ export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsProps, TabsValueChangeDetails, };
@@ -1,3 +1,4 @@
1
+ import type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from '@zag-js/tags-input';
1
2
  import { type TagsInputProps } from './tags-input';
2
3
  import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
3
4
  import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
@@ -21,4 +22,4 @@ declare const TagsInput: ((props: TagsInputProps) => import("solid-js").JSX.Elem
21
22
  Label: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
22
23
  };
23
24
  export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
24
- export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, };
25
+ export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };
@@ -2,12 +2,14 @@ import { createToaster, type CreateToasterProps, type CreateToasterReturn } from
2
2
  import { type ToastProps } from './toast';
3
3
  import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
4
4
  import { ToastDescription, type ToastDescriptionProps } from './toast-description';
5
+ import { ToastGroup, type ToastGroupProps } from './toast-group';
5
6
  import { ToastTitle, type ToastTitleProps } from './toast-title';
6
7
  declare const Toast: ((props: ToastProps) => import("solid-js").JSX.Element) & {
7
8
  Root: (props: ToastProps) => import("solid-js").JSX.Element;
8
- Title: (props: ToastTitleProps) => import("solid-js").JSX.Element;
9
- Description: (props: ToastDescriptionProps) => import("solid-js").JSX.Element;
10
9
  CloseTrigger: (props: ToastCloseTriggerProps) => import("solid-js").JSX.Element;
10
+ Description: (props: ToastDescriptionProps) => import("solid-js").JSX.Element;
11
+ Group: (props: ToastGroupProps) => import("solid-js").JSX.Element;
12
+ Title: (props: ToastTitleProps) => import("solid-js").JSX.Element;
11
13
  };
12
- export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastTitle };
13
- export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastProps, ToastTitleProps, };
14
+ export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastTitle };
15
+ export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastProps, ToastTitleProps, };
@@ -0,0 +1,4 @@
1
+ import { type HTMLArkProps } from '../factory';
2
+ export interface ToastGroupProps extends HTMLArkProps<'ol'> {
3
+ }
4
+ export declare const ToastGroup: (props: ToastGroupProps) => import("solid-js").JSX.Element;
@@ -1,3 +1,4 @@
1
+ import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
1
2
  import { type ToggleGroupProps } from './toggle-group';
2
3
  import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
3
4
  import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
@@ -6,4 +7,4 @@ declare const ToggleGroup: ((props: ToggleGroupProps) => import("solid-js").JSX.
6
7
  Item: (props: ToggleGroupItemProps) => import("solid-js").JSX.Element;
7
8
  };
8
9
  export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
9
- export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps };
10
+ export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValueChangeDetails, };
@@ -1,3 +1,4 @@
1
+ import type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
1
2
  import { type TooltipProps } from './tooltip';
2
3
  import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
3
4
  import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
@@ -14,4 +15,4 @@ declare const Tooltip: ((props: TooltipProps) => import("solid-js").JSX.Element)
14
15
  Trigger: (props: TooltipTriggerProps) => import("solid-js").JSX.Element;
15
16
  };
16
17
  export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, useTooltipContext, };
17
- export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };
18
+ export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };