@ark-ui/solid 1.0.0-beta.2 → 1.0.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.
- package/CHANGELOG.md +33 -1
- package/cjs/index.js +659 -381
- package/cjs/index.js.map +1 -1
- package/esm/index.js +655 -383
- package/esm/index.js.map +1 -1
- package/package.json +45 -45
- package/source/accordion/accordion-item-content.jsx +7 -6
- package/source/accordion/accordion-item-trigger.jsx +4 -1
- package/source/accordion/accordion-item.jsx +10 -6
- package/source/accordion/accordion.jsx +8 -4
- package/source/avatar/avatar-fallback.jsx +2 -2
- package/source/avatar/avatar-image.jsx +2 -2
- package/source/avatar/avatar.jsx +2 -2
- package/source/carousel/carousel.jsx +6 -4
- package/source/checkbox/checkbox-label.jsx +2 -2
- package/source/color-picker/color-picker-content.jsx +7 -2
- package/source/color-picker/color-picker-positioner.jsx +6 -1
- package/source/color-picker/color-picker-value-text.jsx +9 -0
- package/source/color-picker/color-picker-view.jsx +13 -0
- package/source/color-picker/color-picker.jsx +8 -3
- package/source/color-picker/index.js +5 -1
- package/source/combobox/combobox-content.jsx +6 -5
- package/source/combobox/combobox-item-group-label.jsx +2 -2
- package/source/combobox/combobox-positioner.jsx +8 -3
- package/source/combobox/combobox.jsx +8 -3
- package/source/date-picker/date-picker-content.jsx +7 -2
- package/source/date-picker/date-picker-positioner.jsx +6 -1
- package/source/date-picker/date-picker-view.jsx +4 -1
- package/source/date-picker/date-picker.jsx +9 -4
- package/source/dialog/dialog-backdrop.jsx +6 -5
- package/source/dialog/dialog-close-trigger.jsx +2 -2
- package/source/dialog/dialog-content.jsx +6 -5
- package/source/dialog/dialog-description.jsx +2 -2
- package/source/dialog/dialog-positioner.jsx +8 -3
- package/source/dialog/dialog-title.jsx +2 -2
- package/source/dialog/dialog-trigger.jsx +6 -3
- package/source/dialog/dialog.jsx +9 -3
- package/source/editable/editable-area.jsx +2 -2
- package/source/editable/editable-cancel-trigger.jsx +2 -2
- package/source/editable/editable-control.jsx +2 -2
- package/source/editable/editable-edit-trigger.jsx +2 -2
- package/source/editable/editable-input.jsx +2 -2
- package/source/editable/editable-label.jsx +2 -2
- package/source/editable/editable-preview.jsx +2 -2
- package/source/editable/editable-submit-trigger.jsx +2 -2
- package/source/editable/editable.jsx +2 -2
- package/source/hover-card/hover-card-arrow-tip.jsx +2 -2
- package/source/hover-card/hover-card-arrow.jsx +2 -2
- package/source/hover-card/hover-card-content.jsx +6 -5
- package/source/hover-card/hover-card-positioner.jsx +8 -3
- package/source/hover-card/hover-card-trigger.jsx +2 -2
- package/source/hover-card/hover-card.jsx +9 -3
- package/source/menu/menu-arrow-tip.jsx +2 -2
- package/source/menu/menu-arrow.jsx +2 -2
- package/source/menu/menu-content.jsx +6 -5
- package/source/menu/menu-context-trigger.jsx +2 -2
- package/source/menu/menu-item-group-label.jsx +3 -5
- package/source/menu/menu-item-group.jsx +2 -2
- package/source/menu/menu-item.jsx +2 -2
- package/source/menu/menu-option-item.jsx +2 -2
- package/source/menu/menu-positioner.jsx +8 -3
- package/source/menu/menu-separator.jsx +2 -2
- package/source/menu/menu-trigger-item.jsx +2 -2
- package/source/menu/menu-trigger.jsx +2 -2
- package/source/menu/menu.jsx +11 -12
- package/source/number-input/number-input-control.jsx +2 -2
- package/source/number-input/number-input-decrement-trigger.jsx +2 -2
- package/source/number-input/number-input-field.jsx +2 -2
- package/source/number-input/number-input-increment-trigger.jsx +2 -2
- package/source/number-input/number-input-label.jsx +2 -2
- package/source/number-input/number-input-scrubber.jsx +2 -2
- package/source/number-input/number-input.jsx +2 -2
- package/source/pagination/pagination.jsx +2 -2
- package/source/pin-input/pin-input-field.jsx +2 -2
- package/source/pin-input/pin-input-label.jsx +2 -2
- package/source/popover/popover-anchor.jsx +2 -2
- package/source/popover/popover-arrow-tip.jsx +2 -2
- package/source/popover/popover-arrow.jsx +2 -2
- package/source/popover/popover-close-trigger.jsx +2 -2
- package/source/popover/popover-content.jsx +6 -5
- package/source/popover/popover-description.jsx +2 -2
- package/source/popover/popover-positioner.jsx +7 -2
- package/source/popover/popover-title.jsx +2 -2
- package/source/popover/popover-trigger.jsx +5 -2
- package/source/popover/popover.jsx +10 -2
- package/source/presence/index.js +4 -1
- package/source/presence/presence-context.js +5 -0
- package/source/presence/presence-props-context.js +5 -0
- package/source/presence/presence.jsx +9 -28
- package/source/presence/use-presence.js +21 -4
- package/source/rating-group/rating-group-item.jsx +5 -4
- package/source/select/select-content.jsx +6 -5
- package/source/select/select-control.jsx +9 -1
- package/source/select/select-item-group-label.jsx +2 -2
- package/source/select/select-positioner.jsx +6 -1
- package/source/select/select.jsx +8 -3
- package/source/slider/index.js +3 -3
- package/source/slider/slider-thumb.jsx +2 -2
- package/source/slider/slider-value-text.jsx +10 -0
- package/source/splitter/splitter-panel.jsx +2 -2
- package/source/splitter/splitter-resize-trigger.jsx +2 -2
- package/source/splitter/splitter.jsx +2 -2
- package/source/switch/switch-label.jsx +2 -2
- package/source/switch/switch-thumb.jsx +2 -2
- package/source/tabs/tab-content.jsx +11 -8
- package/source/tabs/tab-indicator.jsx +2 -2
- package/source/tabs/tab-list.jsx +2 -2
- package/source/tabs/tab-trigger.jsx +2 -2
- package/source/tabs/tabs.jsx +7 -3
- package/source/toggle-group/toggle-group.jsx +2 -2
- package/source/tooltip/tooltip-arrow-tip.jsx +2 -2
- package/source/tooltip/tooltip-arrow.jsx +2 -2
- package/source/tooltip/tooltip-content.jsx +7 -6
- package/source/tooltip/tooltip-positioner.jsx +7 -2
- package/source/tooltip/tooltip-trigger.jsx +2 -2
- package/source/tooltip/tooltip.jsx +10 -2
- package/types/accordion/accordion-context.d.ts +3 -2
- package/types/accordion/accordion-item-content.d.ts +2 -2
- package/types/accordion/accordion-item-context.d.ts +3 -2
- package/types/accordion/accordion-item-indicator.d.ts +2 -1
- package/types/accordion/accordion-item-trigger.d.ts +2 -1
- package/types/accordion/accordion-item.d.ts +5 -4
- package/types/accordion/accordion.d.ts +3 -1
- package/types/accordion/use-accordion.d.ts +4 -2
- package/types/avatar/avatar-context.d.ts +3 -2
- package/types/avatar/avatar-fallback.d.ts +2 -1
- package/types/avatar/avatar-image.d.ts +2 -1
- package/types/avatar/avatar.d.ts +2 -1
- package/types/avatar/use-avatar.d.ts +4 -2
- package/types/carousel/carousel-context.d.ts +3 -2
- package/types/carousel/carousel-control.d.ts +2 -1
- package/types/carousel/carousel-indicator-group.d.ts +2 -1
- package/types/carousel/carousel-indicator.d.ts +2 -1
- package/types/carousel/carousel-next-trigger.d.ts +2 -1
- package/types/carousel/carousel-prev-trigger.d.ts +2 -1
- package/types/carousel/carousel-slide-group.d.ts +2 -1
- package/types/carousel/carousel-slide.d.ts +2 -1
- package/types/carousel/carousel-viewport.d.ts +2 -1
- package/types/carousel/carousel.d.ts +7 -3
- package/types/carousel/use-carousel.d.ts +4 -2
- package/types/checkbox/checkbox-context.d.ts +3 -2
- package/types/checkbox/checkbox-control.d.ts +2 -1
- package/types/checkbox/checkbox-indicator.d.ts +2 -1
- package/types/checkbox/checkbox-label.d.ts +2 -1
- package/types/checkbox/checkbox.d.ts +5 -5
- package/types/checkbox/use-checkbox.d.ts +4 -2
- package/types/color-picker/color-picker-transparency-grid.d.ts +2 -2
- package/types/color-picker/color-picker-value-text.d.ts +5 -0
- package/types/color-picker/color-picker-view.d.ts +7 -0
- package/types/color-picker/color-picker.d.ts +5 -3
- package/types/color-picker/index.d.ts +8 -4
- package/types/combobox/combobox-clear-trigger.d.ts +2 -1
- package/types/combobox/combobox-content.d.ts +2 -2
- package/types/combobox/combobox-context.d.ts +2 -1
- package/types/combobox/combobox-control.d.ts +2 -1
- package/types/combobox/combobox-input.d.ts +2 -1
- package/types/combobox/combobox-item-context.d.ts +3 -2
- package/types/combobox/combobox-item-group-label.d.ts +6 -2
- package/types/combobox/combobox-item-group.d.ts +2 -1
- package/types/combobox/combobox-item-indicator.d.ts +2 -1
- package/types/combobox/combobox-item-text.d.ts +2 -1
- package/types/combobox/combobox-item.d.ts +5 -4
- package/types/combobox/combobox-label.d.ts +2 -1
- package/types/combobox/combobox-positioner.d.ts +2 -1
- package/types/combobox/combobox-trigger.d.ts +2 -1
- package/types/combobox/combobox.d.ts +7 -6
- package/types/combobox/use-combobox.d.ts +2 -1
- package/types/date-picker/date-picker-context.d.ts +3 -2
- package/types/date-picker/date-picker-view.d.ts +4 -3
- package/types/date-picker/date-picker.d.ts +5 -3
- package/types/dialog/dialog-backdrop.d.ts +2 -2
- package/types/dialog/dialog-close-trigger.d.ts +2 -1
- package/types/dialog/dialog-content.d.ts +2 -2
- package/types/dialog/dialog-context.d.ts +3 -2
- package/types/dialog/dialog-description.d.ts +2 -1
- package/types/dialog/dialog-positioner.d.ts +2 -1
- package/types/dialog/dialog-title.d.ts +2 -1
- package/types/dialog/dialog-trigger.d.ts +2 -1
- package/types/dialog/dialog.d.ts +4 -3
- package/types/dialog/use-dialog.d.ts +4 -2
- package/types/editable/editable-area.d.ts +2 -1
- package/types/editable/editable-cancel-trigger.d.ts +2 -1
- package/types/editable/editable-context.d.ts +3 -2
- package/types/editable/editable-control.d.ts +2 -1
- package/types/editable/editable-edit-trigger.d.ts +2 -1
- package/types/editable/editable-input.d.ts +2 -1
- package/types/editable/editable-label.d.ts +2 -1
- package/types/editable/editable-preview.d.ts +2 -1
- package/types/editable/editable-submit-trigger.d.ts +2 -1
- package/types/editable/editable.d.ts +5 -5
- package/types/editable/use-editable.d.ts +4 -2
- package/types/environment/environment.d.ts +2 -2
- package/types/hover-card/hover-card-arrow-tip.d.ts +2 -1
- package/types/hover-card/hover-card-arrow.d.ts +2 -1
- package/types/hover-card/hover-card-content.d.ts +2 -2
- package/types/hover-card/hover-card-context.d.ts +3 -2
- package/types/hover-card/hover-card-positioner.d.ts +2 -1
- package/types/hover-card/hover-card-trigger.d.ts +2 -1
- package/types/hover-card/hover-card.d.ts +4 -3
- package/types/hover-card/use-hover-card.d.ts +4 -2
- package/types/menu/menu-arrow-tip.d.ts +2 -1
- package/types/menu/menu-arrow.d.ts +2 -1
- package/types/menu/menu-content.d.ts +2 -2
- package/types/menu/menu-context-trigger.d.ts +2 -1
- package/types/menu/menu-item-group-label.d.ts +5 -4
- package/types/menu/menu-item-group.d.ts +2 -1
- package/types/menu/menu-item.d.ts +2 -1
- package/types/menu/menu-option-item.d.ts +3 -2
- package/types/menu/menu-positioner.d.ts +2 -1
- package/types/menu/menu-separator.d.ts +2 -1
- package/types/menu/menu-trigger-item.d.ts +2 -1
- package/types/menu/menu-trigger.d.ts +2 -1
- package/types/menu/menu.d.ts +6 -9
- package/types/menu/use-menu.d.ts +2 -1
- package/types/number-input/number-input-context.d.ts +3 -2
- package/types/number-input/number-input-control.d.ts +2 -1
- package/types/number-input/number-input-decrement-trigger.d.ts +2 -1
- package/types/number-input/number-input-field.d.ts +2 -1
- package/types/number-input/number-input-increment-trigger.d.ts +2 -1
- package/types/number-input/number-input-label.d.ts +2 -1
- package/types/number-input/number-input-scrubber.d.ts +2 -1
- package/types/number-input/number-input.d.ts +2 -1
- package/types/number-input/use-number-input.d.ts +4 -2
- package/types/pagination/pagination-context.d.ts +3 -2
- package/types/pagination/pagination-ellipsis.d.ts +2 -1
- package/types/pagination/pagination-item.d.ts +2 -1
- package/types/pagination/pagination.d.ts +4 -3
- package/types/pagination/use-pagination.d.ts +4 -2
- package/types/pin-input/pin-input-context.d.ts +3 -2
- package/types/pin-input/pin-input-control.d.ts +2 -1
- package/types/pin-input/pin-input-field.d.ts +3 -2
- package/types/pin-input/pin-input-label.d.ts +2 -1
- package/types/pin-input/pin-input.d.ts +2 -1
- package/types/pin-input/use-pin-input.d.ts +4 -2
- package/types/popover/popover-anchor.d.ts +2 -1
- package/types/popover/popover-arrow-tip.d.ts +2 -1
- package/types/popover/popover-arrow.d.ts +2 -1
- package/types/popover/popover-close-trigger.d.ts +2 -1
- package/types/popover/popover-content.d.ts +2 -2
- package/types/popover/popover-context.d.ts +3 -2
- package/types/popover/popover-description.d.ts +2 -1
- package/types/popover/popover-indicator.d.ts +2 -1
- package/types/popover/popover-positioner.d.ts +2 -1
- package/types/popover/popover-title.d.ts +2 -1
- package/types/popover/popover-trigger.d.ts +2 -1
- package/types/popover/popover.d.ts +5 -4
- package/types/popover/use-popover.d.ts +4 -2
- package/types/presence/index.d.ts +5 -2
- package/types/presence/presence-context.d.ts +4 -0
- package/types/presence/presence-props-context.d.ts +4 -0
- package/types/presence/presence.d.ts +4 -15
- package/types/presence/split-presence-props.d.ts +2 -2
- package/types/presence/use-presence.d.ts +23 -2
- package/types/radio-group/radio-group-context.d.ts +3 -2
- package/types/radio-group/radio-group-indicator.d.ts +2 -1
- package/types/radio-group/radio-group-item-context.d.ts +3 -2
- package/types/radio-group/radio-group-item-control.d.ts +2 -1
- package/types/radio-group/radio-group-item-text.d.ts +2 -1
- package/types/radio-group/radio-group-item.d.ts +2 -1
- package/types/radio-group/radio-group-label.d.ts +2 -1
- package/types/radio-group/radio-group.d.ts +2 -1
- package/types/radio-group/use-radio-group.d.ts +4 -2
- package/types/rating-group/rating-group-context.d.ts +3 -2
- package/types/rating-group/rating-group-control.d.ts +6 -5
- package/types/rating-group/rating-group-item-context.d.ts +4 -2
- package/types/rating-group/rating-group-item.d.ts +6 -6
- package/types/rating-group/rating-group-label.d.ts +2 -1
- package/types/rating-group/rating-group.d.ts +2 -1
- package/types/rating-group/use-rating-group.d.ts +4 -2
- package/types/segment-group/segment-group-context.d.ts +3 -2
- package/types/segment-group/segment-group-indicator.d.ts +2 -1
- package/types/segment-group/segment-group-item-control.d.ts +2 -1
- package/types/segment-group/segment-group-item-text.d.ts +2 -1
- package/types/segment-group/segment-group-item.d.ts +2 -1
- package/types/segment-group/segment-group-label.d.ts +2 -1
- package/types/segment-group/segment-group.d.ts +2 -1
- package/types/segment-group/use-segment-group.d.ts +4 -2
- package/types/select/select-clear-trigger.d.ts +2 -1
- package/types/select/select-content.d.ts +2 -2
- package/types/select/select-context.d.ts +2 -1
- package/types/select/select-control.d.ts +2 -1
- package/types/select/select-indicator.d.ts +2 -1
- package/types/select/select-item-context.d.ts +2 -1
- package/types/select/select-item-group-label.d.ts +6 -2
- package/types/select/select-item-group.d.ts +2 -1
- package/types/select/select-item-indicator.d.ts +2 -1
- package/types/select/select-item-text.d.ts +2 -1
- package/types/select/select-item.d.ts +5 -4
- package/types/select/select-label.d.ts +2 -1
- package/types/select/select-positioner.d.ts +2 -1
- package/types/select/select-trigger.d.ts +2 -1
- package/types/select/select.d.ts +7 -6
- package/types/select/use-select.d.ts +2 -1
- package/types/slider/index.d.ts +4 -4
- package/types/slider/slider-context.d.ts +3 -2
- package/types/slider/slider-control.d.ts +2 -1
- package/types/slider/slider-label.d.ts +2 -1
- package/types/slider/slider-marker-group.d.ts +2 -1
- package/types/slider/slider-marker.d.ts +2 -1
- package/types/slider/slider-range.d.ts +2 -1
- package/types/slider/slider-thumb.d.ts +2 -1
- package/types/slider/slider-track.d.ts +2 -1
- package/types/slider/slider-value-text.d.ts +4 -0
- package/types/slider/slider.d.ts +4 -3
- package/types/slider/use-slider.d.ts +4 -2
- package/types/splitter/splitter-context.d.ts +3 -2
- package/types/splitter/splitter-panel.d.ts +2 -1
- package/types/splitter/splitter-resize-trigger.d.ts +2 -1
- package/types/splitter/splitter.d.ts +4 -3
- package/types/splitter/use-splitter.d.ts +4 -2
- package/types/switch/switch-context.d.ts +3 -2
- package/types/switch/switch-control.d.ts +2 -1
- package/types/switch/switch-label.d.ts +2 -1
- package/types/switch/switch-thumb.d.ts +2 -1
- package/types/switch/switch.d.ts +5 -5
- package/types/switch/use-switch.d.ts +4 -2
- package/types/tabs/tab-content.d.ts +2 -2
- package/types/tabs/tab-indicator.d.ts +2 -1
- package/types/tabs/tab-list.d.ts +2 -1
- package/types/tabs/tab-trigger.d.ts +2 -1
- package/types/tabs/tabs-context.d.ts +3 -2
- package/types/tabs/tabs.d.ts +3 -1
- package/types/tabs/use-tabs.d.ts +4 -2
- package/types/tags-input/tags-input-clear-trigger.d.ts +2 -1
- package/types/tags-input/tags-input-context.d.ts +3 -2
- package/types/tags-input/tags-input-control.d.ts +2 -1
- package/types/tags-input/tags-input-input.d.ts +2 -1
- package/types/tags-input/tags-input-item-context.d.ts +3 -2
- package/types/tags-input/tags-input-item-delete-trigger.d.ts +2 -1
- package/types/tags-input/tags-input-item-input.d.ts +2 -1
- package/types/tags-input/tags-input-item-text.d.ts +2 -1
- package/types/tags-input/tags-input-item.d.ts +5 -4
- package/types/tags-input/tags-input-label.d.ts +2 -1
- package/types/tags-input/tags-input.d.ts +5 -5
- package/types/tags-input/use-tags-input.d.ts +4 -2
- package/types/toast/toast-close-trigger.d.ts +2 -1
- package/types/toast/toast-description.d.ts +2 -1
- package/types/toast/toast-title.d.ts +2 -1
- package/types/toast/toast.d.ts +2 -1
- package/types/toggle-group/toggle-group-context.d.ts +3 -2
- package/types/toggle-group/toggle-group.d.ts +2 -1
- package/types/toggle-group/use-toggle-group.d.ts +4 -2
- package/types/tooltip/tooltip-arrow-tip.d.ts +2 -1
- package/types/tooltip/tooltip-arrow.d.ts +2 -1
- package/types/tooltip/tooltip-content.d.ts +2 -2
- package/types/tooltip/tooltip-context.d.ts +3 -2
- package/types/tooltip/tooltip-positioner.d.ts +2 -1
- package/types/tooltip/tooltip-trigger.d.ts +2 -1
- package/types/tooltip/tooltip.d.ts +6 -5
- package/types/tooltip/use-tooltip.d.ts +4 -2
- package/source/slider/slider-output.jsx +0 -10
- package/source/tabs/tab-presence.jsx +0 -6
- package/types/slider/slider-output.d.ts +0 -8
- package/types/tabs/tab-presence.d.ts +0 -4
- /package/source/date-picker/{use-date-picker.jsx → use-date-picker.js} +0 -0
- /package/source/radio-group/{use-radio-group.jsx → use-radio-group.js} +0 -0
- /package/source/rating-group/{use-rating-group.jsx → use-rating-group.js} +0 -0
- /package/source/segment-group/{use-segment-group.jsx → use-segment-group.js} +0 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ThumbProps } from '@zag-js/slider';
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
|
-
export
|
|
4
|
+
export interface SliderThumbProps extends Assign<HTMLArkProps<'div'>, ThumbProps> {
|
|
5
|
+
}
|
|
5
6
|
export declare const SliderThumb: (props: SliderThumbProps) => import("solid-js").JSX.Element;
|
package/types/slider/slider.d.ts
CHANGED
|
@@ -2,7 +2,8 @@ import { type JSX } from 'solid-js';
|
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
4
|
import { type UseSliderProps, type UseSliderReturn } from './use-slider';
|
|
5
|
-
export
|
|
6
|
-
children?: ((api: UseSliderReturn) => JSX.Element)
|
|
7
|
-
}
|
|
5
|
+
export interface SliderProps extends Assign<Assign<HTMLArkProps<'div'>, {
|
|
6
|
+
children?: JSX.Element | ((api: UseSliderReturn) => JSX.Element);
|
|
7
|
+
}>, UseSliderProps> {
|
|
8
|
+
}
|
|
8
9
|
export declare const Slider: (props: SliderProps) => JSX.Element;
|
|
@@ -2,6 +2,8 @@ import * as slider from '@zag-js/slider';
|
|
|
2
2
|
import { type PropTypes } from '@zag-js/solid';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseSliderProps extends Optional<slider.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseSliderReturn extends Accessor<slider.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useSlider: (props: UseSliderProps) => UseSliderReturn;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseSplitterReturn } from './use-splitter';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface SplitterContext extends UseSplitterReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const SplitterProvider: import("solid-js").ContextProviderComponent<SplitterContext>, useSplitterContext: () => SplitterContext;
|
|
@@ -2,6 +2,7 @@ import { type connect } from '@zag-js/splitter';
|
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
4
|
type PanelParams = Parameters<ReturnType<typeof connect>['getPanelProps']>[0];
|
|
5
|
-
export
|
|
5
|
+
export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, PanelParams> {
|
|
6
|
+
}
|
|
6
7
|
export declare const SplitterPanel: (props: SplitterPanelProps) => import("solid-js").JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -2,6 +2,7 @@ import { connect } from '@zag-js/splitter';
|
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
4
|
type TriggerParams = Parameters<ReturnType<typeof connect>['getResizeTriggerProps']>[0];
|
|
5
|
-
export
|
|
5
|
+
export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerParams> {
|
|
6
|
+
}
|
|
6
7
|
export declare const SplitterResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -2,7 +2,8 @@ import { type JSX } from 'solid-js';
|
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
4
|
import { type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
|
|
5
|
-
export
|
|
6
|
-
children?: JSX.Element | ((
|
|
7
|
-
}
|
|
5
|
+
export interface SplitterProps extends Assign<Assign<HTMLArkProps<'div'>, {
|
|
6
|
+
children?: JSX.Element | ((api: UseSplitterReturn) => JSX.Element);
|
|
7
|
+
}>, UseSplitterProps> {
|
|
8
|
+
}
|
|
8
9
|
export declare const Splitter: (props: SplitterProps) => JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as splitter from '@zag-js/splitter';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseSplitterProps extends Optional<splitter.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseSplitterReturn extends Accessor<splitter.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useSplitter: (props: UseSplitterProps) => UseSplitterReturn;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseSwitchReturn } from './use-switch';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface SwitchContext extends UseSwitchReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const SwitchProvider: import("solid-js").ContextProviderComponent<SwitchContext>, useSwitchContext: () => SwitchContext;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface SwitchControlProps extends HTMLArkProps<'span'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const SwitchControl: (props: SwitchControlProps) => import("solid-js").JSX.Element;
|
package/types/switch/switch.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { JSX } from 'solid-js';
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
|
-
import { type
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
4
|
+
import { type UseSwitchProps, type UseSwitchReturn } from './use-switch';
|
|
5
|
+
export interface SwitchProps extends Assign<Assign<HTMLArkProps<'label'>, {
|
|
6
|
+
children?: JSX.Element | ((api: UseSwitchReturn) => JSX.Element);
|
|
7
|
+
}>, UseSwitchProps> {
|
|
8
|
+
}
|
|
9
9
|
export declare const Switch: (props: SwitchProps) => JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as zagSwitch from '@zag-js/switch';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseSwitchProps extends Optional<zagSwitch.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseSwitchReturn extends Accessor<zagSwitch.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useSwitch: (props: UseSwitchProps) => UseSwitchReturn;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ContentProps } from '@zag-js/tabs';
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
export interface TabContentProps extends Assign<HTMLArkProps<'div'>, ContentProps> {
|
|
5
|
+
}
|
|
6
6
|
export declare const TabContent: (props: TabContentProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TabIndicatorProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TabIndicator: (props: TabIndicatorProps) => import("solid-js").JSX.Element;
|
package/types/tabs/tab-list.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type TriggerProps } from '@zag-js/tabs';
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
|
-
export
|
|
4
|
+
export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerProps> {
|
|
5
|
+
}
|
|
5
6
|
export declare const TabTrigger: (props: TabTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseTabsReturn } from './use-tabs';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface TabsContext extends UseTabsReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const TabsProvider: import("solid-js").ContextProviderComponent<TabsContext>, useTabsContext: () => TabsContext;
|
package/types/tabs/tabs.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
+
import { type UsePresenceProps } from '../presence';
|
|
2
3
|
import type { Assign } from '../types';
|
|
3
4
|
import { type UseTabsProps } from './use-tabs';
|
|
4
|
-
export
|
|
5
|
+
export interface TabsProps extends Assign<HTMLArkProps<'div'>, UseTabsProps>, UsePresenceProps {
|
|
6
|
+
}
|
|
5
7
|
export declare const Tabs: (props: TabsProps) => import("solid-js").JSX.Element;
|
package/types/tabs/use-tabs.d.ts
CHANGED
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as tabs from '@zag-js/tabs';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseTabsProps extends Optional<tabs.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseTabsReturn extends Accessor<tabs.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useTabs: (props: UseTabsProps) => UseTabsReturn;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputClearTriggerProps extends HTMLArkProps<'button'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputClearTrigger: (props: TagsInputClearTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseTagsInputReturn } from './use-tags-input';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface TagsInputContext extends UseTagsInputReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const TagsInputProvider: import("solid-js").ContextProviderComponent<TagsInputContext>, useTagsInputContext: () => TagsInputContext;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputControlProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputControl: (props: TagsInputControlProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputInputProps extends HTMLArkProps<'input'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputInput: (props: TagsInputInputProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { ItemProps } from '@zag-js/tags-input';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface TagsInputItemContext extends ItemProps {
|
|
3
|
+
}
|
|
4
|
+
export declare const TagsInputItemProvider: import("solid-js").ContextProviderComponent<TagsInputItemContext>, useTagsInputItemContext: () => TagsInputItemContext;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputItemDeleteTriggerProps extends HTMLArkProps<'button'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputItemInputProps extends HTMLArkProps<'input'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputItemInput: (props: TagsInputItemInputProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputItemTextProps extends HTMLArkProps<'span'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputItemText: (props: TagsInputItemTextProps) => import("solid-js").JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { ItemProps, ItemState } from '@zag-js/tags-input';
|
|
2
|
-
import { type JSX } from 'solid-js';
|
|
2
|
+
import { type Accessor, type JSX } from 'solid-js';
|
|
3
3
|
import { type HTMLArkProps } from '../factory';
|
|
4
4
|
import type { Assign } from '../types';
|
|
5
|
-
export
|
|
6
|
-
children?: JSX.Element | ((state:
|
|
7
|
-
}
|
|
5
|
+
export interface TagsInputItemProps extends Assign<HTMLArkProps<'div'>, {
|
|
6
|
+
children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
|
|
7
|
+
}>, ItemProps {
|
|
8
|
+
}
|
|
8
9
|
export declare const TagsInputItem: (props: TagsInputItemProps) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TagsInputLabelProps extends HTMLArkProps<'label'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TagsInputLabel: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type JSX } from 'solid-js
|
|
1
|
+
import { type JSX } from 'solid-js';
|
|
2
2
|
import { type HTMLArkProps } from '../factory';
|
|
3
3
|
import type { Assign } from '../types';
|
|
4
4
|
import { type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
|
|
5
|
-
export
|
|
6
|
-
children
|
|
7
|
-
}
|
|
8
|
-
|
|
5
|
+
export interface TagsInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
|
|
6
|
+
children?: JSX.Element | ((api: UseTagsInputReturn) => JSX.Element);
|
|
7
|
+
}>, UseTagsInputProps> {
|
|
8
|
+
}
|
|
9
9
|
export declare const TagsInput: (props: TagsInputProps) => JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as tagsInput from '@zag-js/tags-input';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseTagsInputProps extends Optional<tagsInput.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseTagsInputReturn extends Accessor<tagsInput.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useTagsInput: (props: UseTagsInputProps) => UseTagsInputReturn;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface ToastCloseTriggerProps extends HTMLArkProps<'button'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const ToastCloseTrigger: (props: ToastCloseTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface ToastDescriptionProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const ToastDescription: (props: ToastDescriptionProps) => import("solid-js").JSX.Element;
|
package/types/toast/toast.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseToggleGroupReturn } from './use-toggle-group';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface ToggleGroupContext extends UseToggleGroupReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const ToggleGroupProvider: import("solid-js").ContextProviderComponent<ToggleGroupContext>, useToggleGroupContext: () => ToggleGroupContext;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
2
|
import type { Assign } from '../types';
|
|
3
3
|
import { type UseToggleGroupProps } from './use-toggle-group';
|
|
4
|
-
export
|
|
4
|
+
export interface ToggleGroupProps extends Assign<HTMLArkProps<'div'>, UseToggleGroupProps> {
|
|
5
|
+
}
|
|
5
6
|
export declare const ToggleGroup: (props: ToggleGroupProps) => import("solid-js").JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as toggleGroup from '@zag-js/toggle-group';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseToggleGroupProps extends Optional<toggleGroup.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseToggleGroupReturn extends Accessor<toggleGroup.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useToggleGroup: (props: UseToggleGroupProps) => UseToggleGroupReturn;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TooltipArrowTipProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TooltipArrowTip: (props: TooltipArrowTipProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TooltipArrowProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TooltipArrow: (props: TooltipArrowProps) => import("solid-js").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
export interface TooltipContentProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
4
4
|
export declare const TooltipContent: (props: TooltipContentProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type UseTooltipReturn } from './use-tooltip';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface TooltipContext extends UseTooltipReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const TooltipProvider: import("solid-js").ContextProviderComponent<TooltipContext>, useTooltipContext: () => TooltipContext;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TooltipPositionerProps extends HTMLArkProps<'div'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TooltipPositioner: (props: TooltipPositionerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type HTMLArkProps } from '../factory';
|
|
2
|
-
export
|
|
2
|
+
export interface TooltipTriggerProps extends HTMLArkProps<'button'> {
|
|
3
|
+
}
|
|
3
4
|
export declare const TooltipTrigger: (props: TooltipTriggerProps) => import("solid-js").JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { type JSX } from 'solid-js
|
|
2
|
-
import { type
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { type JSX } from 'solid-js';
|
|
2
|
+
import { type UsePresenceProps } from '../presence';
|
|
3
|
+
import { type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
|
|
4
|
+
export interface TooltipProps extends UseTooltipProps, UsePresenceProps {
|
|
5
|
+
children?: JSX.Element | ((api: UseTooltipReturn) => JSX.Element);
|
|
6
|
+
}
|
|
6
7
|
export declare const Tooltip: (props: TooltipProps) => JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { type PropTypes } from '@zag-js/solid';
|
|
|
2
2
|
import * as tooltip from '@zag-js/tooltip';
|
|
3
3
|
import { type Accessor } from 'solid-js';
|
|
4
4
|
import { type Optional } from '../types';
|
|
5
|
-
export
|
|
6
|
-
|
|
5
|
+
export interface UseTooltipProps extends Optional<tooltip.Context, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
|
|
8
|
+
}
|
|
7
9
|
export declare const useTooltip: (props: UseTooltipProps) => UseTooltipReturn;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { mergeProps } from '@zag-js/solid';
|
|
2
|
-
import { ark } from '../factory';
|
|
3
|
-
import { runIfFn } from '../run-if-fn';
|
|
4
|
-
import { useSliderContext } from './slider-context';
|
|
5
|
-
export const SliderOutput = (props) => {
|
|
6
|
-
const slider = useSliderContext();
|
|
7
|
-
const getChildren = () => runIfFn(props.children, slider);
|
|
8
|
-
const outputProps = mergeProps(() => slider().outputProps, props);
|
|
9
|
-
return <ark.output {...outputProps}>{getChildren()}</ark.output>;
|
|
10
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type JSX } from 'solid-js';
|
|
2
|
-
import { type HTMLArkProps } from '../factory';
|
|
3
|
-
import type { Assign } from '../types';
|
|
4
|
-
import { type UseSliderReturn } from './use-slider';
|
|
5
|
-
export type SliderOutputProps = Assign<HTMLArkProps<'output'>, {
|
|
6
|
-
children?: ((pages: UseSliderReturn) => JSX.Element) | JSX.Element;
|
|
7
|
-
}>;
|
|
8
|
-
export declare const SliderOutput: (props: SliderOutputProps) => JSX.Element;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|