@ark-ui/solid 0.11.0 → 1.0.0-beta.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 +27 -1
- package/accordion/{accordion-content.cjs → accordion-item-content.cjs} +3 -3
- package/accordion/accordion-item-content.d.ts +5 -0
- package/accordion/{accordion-content.mjs → accordion-item-content.mjs} +3 -3
- package/accordion/{accordion-trigger.cjs → accordion-item-indicator.cjs} +4 -4
- package/accordion/accordion-item-indicator.d.ts +4 -0
- package/accordion/{accordion-trigger.mjs → accordion-item-indicator.mjs} +4 -4
- package/accordion/accordion-item-trigger.cjs +18 -0
- package/accordion/accordion-item-trigger.d.ts +4 -0
- package/accordion/accordion-item-trigger.mjs +14 -0
- package/accordion/accordion-item.d.ts +2 -4
- package/accordion/accordion.cjs +1 -1
- package/accordion/accordion.mjs +1 -1
- package/accordion/index.cjs +12 -14
- package/accordion/index.d.ts +10 -9
- package/accordion/index.mjs +7 -6
- package/avatar/avatar.cjs +1 -1
- package/avatar/avatar.mjs +1 -1
- package/avatar/index.cjs +3 -8
- package/avatar/index.d.ts +3 -4
- package/avatar/index.mjs +0 -1
- package/carousel/carousel-control.cjs +6 -1
- package/carousel/carousel-control.mjs +6 -1
- package/carousel/carousel-indicator-group.cjs +3 -3
- package/carousel/carousel-indicator-group.mjs +3 -3
- package/carousel/carousel-indicator.cjs +2 -2
- package/carousel/carousel-indicator.d.ts +2 -2
- package/carousel/carousel-indicator.mjs +2 -2
- package/carousel/{carousel-prev-slide-trigger.cjs → carousel-next-trigger.cjs} +4 -4
- package/carousel/carousel-next-trigger.d.ts +4 -0
- package/carousel/{carousel-prev-slide-trigger.mjs → carousel-next-trigger.mjs} +4 -4
- package/carousel/{carousel-next-slide-trigger.cjs → carousel-prev-trigger.cjs} +4 -4
- package/carousel/carousel-prev-trigger.d.ts +4 -0
- package/carousel/{carousel-next-slide-trigger.mjs → carousel-prev-trigger.mjs} +4 -4
- package/carousel/carousel-slide-group.cjs +5 -5
- package/carousel/carousel-slide-group.d.ts +2 -2
- package/carousel/carousel-slide-group.mjs +5 -5
- package/carousel/carousel-slide.cjs +5 -5
- package/carousel/carousel-slide.d.ts +3 -3
- package/carousel/carousel-slide.mjs +5 -5
- package/carousel/carousel-viewport.cjs +3 -3
- package/carousel/carousel-viewport.mjs +3 -3
- package/carousel/carousel.cjs +1 -1
- package/carousel/carousel.mjs +1 -1
- package/carousel/index.cjs +10 -12
- package/carousel/index.d.ts +11 -12
- package/carousel/index.mjs +9 -10
- package/checkbox/checkbox-control.cjs +4 -4
- package/checkbox/checkbox-control.mjs +4 -4
- package/checkbox/checkbox-indicator.cjs +16 -0
- package/checkbox/checkbox-indicator.d.ts +4 -0
- package/checkbox/checkbox-indicator.mjs +12 -0
- package/checkbox/checkbox.cjs +3 -3
- package/checkbox/checkbox.mjs +3 -3
- package/checkbox/index.cjs +7 -9
- package/checkbox/index.d.ts +5 -4
- package/checkbox/index.mjs +4 -3
- package/color-picker/color-picker-area-background.cjs +18 -0
- package/color-picker/color-picker-area-background.d.ts +5 -0
- package/color-picker/color-picker-area-background.mjs +14 -0
- package/color-picker/color-picker-area-context.d.ts +4 -2
- package/color-picker/color-picker-area-thumb.cjs +4 -4
- package/color-picker/color-picker-area-thumb.d.ts +2 -1
- package/color-picker/color-picker-area-thumb.mjs +4 -4
- package/color-picker/color-picker-area.cjs +5 -5
- package/color-picker/color-picker-area.d.ts +4 -2
- package/color-picker/color-picker-area.mjs +5 -5
- package/color-picker/color-picker-channel-input.cjs +4 -4
- package/color-picker/color-picker-channel-input.d.ts +3 -2
- package/color-picker/color-picker-channel-input.mjs +4 -4
- package/color-picker/color-picker-channel-slider-context.d.ts +4 -2
- package/color-picker/color-picker-channel-slider-thumb.cjs +3 -3
- package/color-picker/color-picker-channel-slider-thumb.d.ts +2 -1
- package/color-picker/color-picker-channel-slider-thumb.mjs +3 -3
- package/color-picker/color-picker-channel-slider-track.cjs +3 -9
- package/color-picker/color-picker-channel-slider-track.d.ts +2 -3
- package/color-picker/color-picker-channel-slider-track.mjs +4 -10
- package/color-picker/color-picker-channel-slider.cjs +24 -0
- package/color-picker/color-picker-channel-slider.d.ts +7 -0
- package/color-picker/color-picker-channel-slider.mjs +20 -0
- package/color-picker/color-picker-content.cjs +3 -3
- package/color-picker/color-picker-content.d.ts +2 -1
- package/color-picker/color-picker-content.mjs +3 -3
- package/color-picker/color-picker-context.d.ts +3 -2
- package/color-picker/color-picker-control.cjs +16 -0
- package/color-picker/color-picker-control.d.ts +5 -0
- package/color-picker/color-picker-control.mjs +12 -0
- package/color-picker/color-picker-eye-dropper-trigger.cjs +3 -3
- package/color-picker/color-picker-eye-dropper-trigger.d.ts +2 -1
- package/color-picker/color-picker-eye-dropper-trigger.mjs +3 -3
- package/color-picker/color-picker-label.cjs +16 -0
- package/color-picker/color-picker-label.d.ts +5 -0
- package/color-picker/color-picker-label.mjs +12 -0
- package/color-picker/color-picker-positioner.cjs +16 -0
- package/color-picker/color-picker-positioner.d.ts +5 -0
- package/color-picker/color-picker-positioner.mjs +12 -0
- package/color-picker/color-picker-swatch-group.cjs +4 -3
- package/color-picker/color-picker-swatch-group.d.ts +2 -1
- package/color-picker/color-picker-swatch-group.mjs +4 -3
- package/color-picker/color-picker-swatch-trigger.cjs +18 -0
- package/color-picker/color-picker-swatch-trigger.d.ts +11 -0
- package/color-picker/color-picker-swatch-trigger.mjs +14 -0
- package/color-picker/color-picker-swatch.cjs +2 -12
- package/color-picker/color-picker-swatch.d.ts +3 -2
- package/color-picker/color-picker-swatch.mjs +3 -13
- package/color-picker/{color-picker-swatch-background.cjs → color-picker-transparency-grid.cjs} +5 -5
- package/color-picker/color-picker-transparency-grid.d.ts +10 -0
- package/color-picker/color-picker-transparency-grid.mjs +14 -0
- package/color-picker/color-picker-trigger.cjs +16 -0
- package/color-picker/color-picker-trigger.d.ts +5 -0
- package/color-picker/color-picker-trigger.mjs +12 -0
- package/color-picker/color-picker.cjs +16 -4
- package/color-picker/color-picker.d.ts +2 -2
- package/color-picker/color-picker.mjs +17 -5
- package/color-picker/color-picker.stories.d.ts +3 -2
- package/color-picker/index.cjs +27 -14
- package/color-picker/index.d.ts +21 -12
- package/color-picker/index.mjs +19 -10
- package/color-picker/use-color-picker.cjs +9 -1
- package/color-picker/use-color-picker.d.ts +5 -2
- package/color-picker/use-color-picker.mjs +10 -2
- package/combobox/combobox-clear-trigger.cjs +2 -2
- package/combobox/combobox-clear-trigger.mjs +2 -2
- package/combobox/combobox-content.cjs +2 -2
- package/combobox/combobox-content.mjs +2 -2
- package/combobox/combobox-context.d.ts +3 -2
- package/combobox/combobox-control.cjs +2 -2
- package/combobox/combobox-control.mjs +2 -2
- package/combobox/combobox-input.cjs +2 -2
- package/combobox/combobox-input.mjs +2 -2
- package/combobox/combobox-item-context.cjs +13 -0
- package/combobox/combobox-item-context.d.ts +4 -0
- package/combobox/combobox-item-context.mjs +8 -0
- package/combobox/{combobox-option-group-label.cjs → combobox-item-group-label.cjs} +5 -5
- package/combobox/combobox-item-group-label.d.ts +6 -0
- package/combobox/{combobox-option-group-label.mjs → combobox-item-group-label.mjs} +5 -5
- package/combobox/{combobox-option-group.cjs → combobox-item-group.cjs} +4 -4
- package/combobox/combobox-item-group.d.ts +6 -0
- package/combobox/{combobox-option-group.mjs → combobox-item-group.mjs} +4 -4
- package/combobox/combobox-item-indicator.cjs +18 -0
- package/combobox/combobox-item-indicator.d.ts +4 -0
- package/combobox/combobox-item-indicator.mjs +14 -0
- package/combobox/combobox-item-text.cjs +18 -0
- package/combobox/combobox-item-text.d.ts +4 -0
- package/combobox/combobox-item-text.mjs +14 -0
- package/combobox/combobox-item.cjs +30 -0
- package/combobox/combobox-item.d.ts +8 -0
- package/combobox/combobox-item.mjs +26 -0
- package/combobox/combobox-label.cjs +2 -2
- package/combobox/combobox-label.mjs +2 -2
- package/combobox/combobox-positioner.cjs +2 -2
- package/combobox/combobox-positioner.mjs +2 -2
- package/combobox/combobox-trigger.cjs +2 -2
- package/combobox/combobox-trigger.mjs +2 -2
- package/combobox/combobox.cjs +6 -6
- package/combobox/combobox.d.ts +6 -6
- package/combobox/combobox.mjs +6 -6
- package/combobox/index.cjs +18 -17
- package/combobox/index.d.ts +16 -12
- package/combobox/index.mjs +11 -8
- package/combobox/use-combobox.cjs +12 -2
- package/combobox/use-combobox.d.ts +6 -4
- package/combobox/use-combobox.mjs +12 -2
- package/date-picker/date-picker-clear-trigger.cjs +3 -3
- package/date-picker/date-picker-clear-trigger.d.ts +2 -1
- package/date-picker/date-picker-clear-trigger.mjs +3 -3
- package/date-picker/date-picker-content.cjs +2 -2
- package/date-picker/date-picker-content.d.ts +2 -1
- package/date-picker/date-picker-content.mjs +2 -2
- package/date-picker/date-picker-control.cjs +2 -2
- package/date-picker/date-picker-control.d.ts +2 -1
- package/date-picker/date-picker-control.mjs +2 -2
- package/date-picker/date-picker-input.cjs +2 -2
- package/date-picker/date-picker-input.d.ts +2 -1
- package/date-picker/date-picker-input.mjs +2 -2
- package/date-picker/date-picker-label.cjs +16 -0
- package/date-picker/date-picker-label.d.ts +5 -0
- package/date-picker/date-picker-label.mjs +12 -0
- package/date-picker/date-picker-month-select.cjs +8 -14
- package/date-picker/date-picker-month-select.d.ts +2 -1
- package/date-picker/date-picker-month-select.mjs +8 -14
- package/date-picker/date-picker-next-trigger.cjs +4 -4
- package/date-picker/date-picker-next-trigger.d.ts +2 -1
- package/date-picker/date-picker-next-trigger.mjs +4 -4
- package/date-picker/date-picker-positioner.cjs +2 -2
- package/date-picker/date-picker-positioner.d.ts +2 -1
- package/date-picker/date-picker-positioner.mjs +2 -2
- package/date-picker/date-picker-prev-trigger.cjs +4 -4
- package/date-picker/date-picker-prev-trigger.d.ts +2 -1
- package/date-picker/date-picker-prev-trigger.mjs +4 -4
- package/date-picker/date-picker-range-text.cjs +20 -0
- package/date-picker/date-picker-range-text.d.ts +5 -0
- package/date-picker/date-picker-range-text.mjs +16 -0
- package/date-picker/date-picker-table-body.cjs +18 -0
- package/date-picker/date-picker-table-body.d.ts +5 -0
- package/date-picker/date-picker-table-body.mjs +14 -0
- package/date-picker/date-picker-table-cell-context.cjs +13 -0
- package/date-picker/date-picker-table-cell-context.d.ts +10 -0
- package/date-picker/date-picker-table-cell-context.mjs +8 -0
- package/date-picker/date-picker-table-cell-trigger.cjs +26 -0
- package/date-picker/date-picker-table-cell-trigger.d.ts +5 -0
- package/date-picker/date-picker-table-cell-trigger.mjs +22 -0
- package/date-picker/date-picker-table-cell.cjs +32 -0
- package/date-picker/date-picker-table-cell.d.ts +6 -0
- package/date-picker/date-picker-table-cell.mjs +28 -0
- package/date-picker/date-picker-table-context.cjs +13 -0
- package/date-picker/date-picker-table-context.d.ts +5 -0
- package/date-picker/date-picker-table-context.mjs +8 -0
- package/date-picker/date-picker-table-head.cjs +18 -0
- package/date-picker/date-picker-table-head.d.ts +5 -0
- package/date-picker/date-picker-table-head.mjs +14 -0
- package/date-picker/date-picker-table-header.cjs +18 -0
- package/date-picker/date-picker-table-header.d.ts +5 -0
- package/date-picker/date-picker-table-header.mjs +14 -0
- package/date-picker/date-picker-table-row.cjs +18 -0
- package/date-picker/date-picker-table-row.d.ts +5 -0
- package/date-picker/date-picker-table-row.mjs +14 -0
- package/date-picker/date-picker-table.cjs +34 -0
- package/date-picker/date-picker-table.d.ts +7 -0
- package/date-picker/date-picker-table.mjs +30 -0
- package/date-picker/date-picker-trigger.cjs +2 -2
- package/date-picker/date-picker-trigger.d.ts +2 -1
- package/date-picker/date-picker-trigger.mjs +2 -2
- package/date-picker/date-picker-view-context.cjs +13 -0
- package/date-picker/date-picker-view-context.d.ts +5 -0
- package/date-picker/date-picker-view-context.mjs +8 -0
- package/date-picker/date-picker-view-control.cjs +18 -0
- package/date-picker/date-picker-view-control.d.ts +5 -0
- package/date-picker/date-picker-view-control.mjs +14 -0
- package/date-picker/date-picker-view-trigger.cjs +4 -6
- package/date-picker/date-picker-view-trigger.d.ts +2 -3
- package/date-picker/date-picker-view-trigger.mjs +4 -6
- package/date-picker/date-picker-view.cjs +31 -0
- package/date-picker/date-picker-view.d.ts +9 -0
- package/date-picker/date-picker-view.mjs +27 -0
- package/date-picker/date-picker-year-select.cjs +11 -18
- package/date-picker/date-picker-year-select.d.ts +2 -6
- package/date-picker/date-picker-year-select.mjs +12 -18
- package/date-picker/date-picker.cjs +10 -3
- package/date-picker/date-picker.d.ts +4 -2
- package/date-picker/date-picker.mjs +11 -4
- package/date-picker/date-picker.stories.d.ts +0 -2
- package/date-picker/index.cjs +39 -39
- package/date-picker/index.d.ts +28 -28
- package/date-picker/index.mjs +26 -26
- package/date-picker/use-date-picker.cjs +5 -3
- package/date-picker/use-date-picker.d.ts +5 -2
- package/date-picker/use-date-picker.mjs +6 -4
- package/dialog/{dialog-container.cjs → dialog-positioner.cjs} +4 -4
- package/dialog/dialog-positioner.d.ts +4 -0
- package/dialog/{dialog-container.mjs → dialog-positioner.mjs} +4 -4
- package/dialog/dialog.cjs +1 -1
- package/dialog/dialog.mjs +1 -1
- package/dialog/index.cjs +6 -11
- package/dialog/index.d.ts +5 -6
- package/dialog/index.mjs +3 -4
- package/editable/editable.cjs +1 -1
- package/editable/editable.mjs +1 -1
- package/editable/index.cjs +3 -8
- package/editable/index.d.ts +3 -4
- package/editable/index.mjs +0 -1
- package/editable/use-editable.d.ts +2 -2
- package/environment/index.d.ts +2 -2
- package/hover-card/hover-card.cjs +1 -1
- package/hover-card/hover-card.mjs +1 -1
- package/hover-card/index.cjs +3 -8
- package/hover-card/index.d.ts +3 -4
- package/hover-card/index.mjs +0 -1
- package/index.cjs +162 -278
- package/index.d.ts +1 -3
- package/index.mjs +71 -94
- package/menu/index.cjs +3 -8
- package/menu/index.d.ts +3 -4
- package/menu/index.mjs +0 -1
- package/menu/menu-context.d.ts +1 -1
- package/menu/menu-option-item.cjs +2 -4
- package/menu/menu-option-item.d.ts +3 -7
- package/menu/menu-option-item.mjs +2 -4
- package/menu/menu.cjs +1 -1
- package/menu/menu.mjs +1 -1
- package/number-input/index.cjs +3 -8
- package/number-input/index.d.ts +3 -4
- package/number-input/index.mjs +0 -1
- package/number-input/number-input.cjs +1 -1
- package/number-input/number-input.mjs +1 -1
- package/package.json +58 -64
- package/pagination/index.cjs +9 -17
- package/pagination/index.d.ts +9 -14
- package/pagination/index.mjs +7 -12
- package/pagination/pagination-ellipsis.cjs +3 -3
- package/pagination/pagination-ellipsis.mjs +3 -3
- package/pagination/pagination-item.cjs +18 -0
- package/pagination/pagination-item.d.ts +6 -0
- package/pagination/pagination-item.mjs +14 -0
- package/pagination/pagination-next-trigger.cjs +16 -0
- package/pagination/pagination-next-trigger.d.ts +5 -0
- package/pagination/pagination-next-trigger.mjs +12 -0
- package/pagination/pagination-prev-trigger.cjs +16 -0
- package/pagination/pagination-prev-trigger.d.ts +5 -0
- package/pagination/pagination-prev-trigger.mjs +12 -0
- package/pagination/pagination.cjs +1 -1
- package/pagination/pagination.mjs +1 -1
- package/pin-input/index.cjs +3 -8
- package/pin-input/index.d.ts +3 -4
- package/pin-input/index.mjs +0 -1
- package/pin-input/pin-input-control.cjs +2 -13
- package/pin-input/pin-input-control.mjs +3 -14
- package/pin-input/pin-input.cjs +8 -3
- package/pin-input/pin-input.mjs +9 -4
- package/popover/index.cjs +6 -8
- package/popover/index.d.ts +5 -4
- package/popover/index.mjs +3 -2
- package/popover/popover-indicator.cjs +16 -0
- package/popover/popover-indicator.d.ts +4 -0
- package/popover/popover-indicator.mjs +12 -0
- package/popover/popover.cjs +1 -1
- package/popover/popover.mjs +1 -1
- package/presence/presence.stories.d.ts +1 -1
- package/radio-group/index.cjs +14 -17
- package/radio-group/index.d.ts +12 -11
- package/radio-group/index.mjs +11 -10
- package/radio-group/{radio-label.cjs → radio-group-indicator.cjs} +4 -6
- package/radio-group/radio-group-indicator.d.ts +4 -0
- package/radio-group/radio-group-indicator.mjs +12 -0
- package/radio-group/{radio-context.cjs → radio-group-item-context.cjs} +3 -4
- package/radio-group/radio-group-item-context.d.ts +4 -0
- package/radio-group/radio-group-item-context.mjs +8 -0
- package/radio-group/radio-group-item-control.cjs +23 -0
- package/radio-group/radio-group-item-control.d.ts +4 -0
- package/radio-group/radio-group-item-control.mjs +19 -0
- package/radio-group/radio-group-item-text.cjs +18 -0
- package/radio-group/radio-group-item-text.d.ts +4 -0
- package/radio-group/radio-group-item-text.mjs +14 -0
- package/radio-group/radio-group-item.cjs +24 -0
- package/radio-group/radio-group-item.d.ts +6 -0
- package/radio-group/radio-group-item.mjs +20 -0
- package/radio-group/radio-group-label.cjs +2 -2
- package/radio-group/radio-group-label.mjs +2 -2
- package/radio-group/radio-group.cjs +4 -4
- package/radio-group/radio-group.mjs +4 -4
- package/radio-group/radio-group.stories.d.ts +0 -1
- package/rating-group/index.cjs +5 -10
- package/rating-group/index.d.ts +6 -7
- package/rating-group/index.mjs +4 -5
- package/rating-group/rating-group-control.cjs +2 -2
- package/rating-group/rating-group-control.mjs +2 -2
- package/rating-group/rating-group-item-context.cjs +14 -0
- package/rating-group/rating-group-item-context.d.ts +4 -0
- package/rating-group/rating-group-item-context.mjs +9 -0
- package/rating-group/{rating.cjs → rating-group-item.cjs} +11 -11
- package/rating-group/rating-group-item.d.ts +9 -0
- package/rating-group/{rating.mjs → rating-group-item.mjs} +11 -11
- package/rating-group/rating-group-label.cjs +3 -3
- package/rating-group/rating-group-label.mjs +3 -3
- package/rating-group/rating-group.cjs +1 -1
- package/rating-group/rating-group.mjs +1 -1
- package/segment-group/index.cjs +12 -14
- package/segment-group/index.d.ts +11 -12
- package/segment-group/index.mjs +9 -10
- package/segment-group/segment-group-indicator.cjs +3 -3
- package/segment-group/segment-group-indicator.d.ts +1 -1
- package/segment-group/segment-group-indicator.mjs +4 -4
- package/segment-group/segment-group-item-context.cjs +15 -0
- package/segment-group/segment-group-item-context.d.ts +16 -0
- package/segment-group/segment-group-item-context.mjs +10 -0
- package/segment-group/segment-group-item-control.cjs +24 -0
- package/segment-group/segment-group-item-control.d.ts +4 -0
- package/segment-group/segment-group-item-control.mjs +20 -0
- package/segment-group/segment-group-item-text.cjs +19 -0
- package/segment-group/segment-group-item-text.d.ts +4 -0
- package/segment-group/segment-group-item-text.mjs +15 -0
- package/segment-group/segment-group-item.cjs +25 -0
- package/segment-group/segment-group-item.d.ts +6 -0
- package/segment-group/segment-group-item.mjs +21 -0
- package/segment-group/segment-group-label.cjs +3 -3
- package/segment-group/segment-group-label.mjs +4 -4
- package/segment-group/segment-group.cjs +4 -4
- package/segment-group/segment-group.mjs +5 -5
- package/select/index.cjs +33 -18
- package/select/index.d.ts +25 -12
- package/select/index.mjs +21 -9
- package/select/select-clear-trigger.cjs +16 -0
- package/select/select-clear-trigger.d.ts +4 -0
- package/select/select-clear-trigger.mjs +12 -0
- package/select/select-context.d.ts +3 -2
- package/select/select-control.cjs +16 -0
- package/select/select-control.d.ts +4 -0
- package/select/select-control.mjs +12 -0
- package/select/select-indicator.cjs +16 -0
- package/select/select-indicator.d.ts +4 -0
- package/select/select-indicator.mjs +12 -0
- package/select/select-item-context.cjs +13 -0
- package/select/select-item-context.d.ts +4 -0
- package/select/select-item-context.mjs +8 -0
- package/select/{select-option-group-label.cjs → select-item-group-label.cjs} +5 -5
- package/select/select-item-group-label.d.ts +6 -0
- package/select/{select-option-group-label.mjs → select-item-group-label.mjs} +5 -5
- package/select/{select-option-group.cjs → select-item-group.cjs} +5 -5
- package/select/select-item-group.d.ts +6 -0
- package/select/{select-option-group.mjs → select-item-group.mjs} +5 -5
- package/select/select-item-indicator.cjs +18 -0
- package/select/select-item-indicator.d.ts +4 -0
- package/select/select-item-indicator.mjs +14 -0
- package/select/select-item-text.cjs +18 -0
- package/select/select-item-text.d.ts +4 -0
- package/select/select-item-text.mjs +14 -0
- package/select/select-item.cjs +30 -0
- package/select/select-item.d.ts +8 -0
- package/select/select-item.mjs +26 -0
- package/select/select-label.cjs +2 -2
- package/select/select-label.mjs +2 -2
- package/select/select-positioner.cjs +2 -2
- package/select/select-positioner.mjs +2 -2
- package/select/select-trigger.cjs +2 -2
- package/select/select-trigger.mjs +2 -2
- package/select/select-value-text.cjs +21 -0
- package/select/select-value-text.d.ts +6 -0
- package/select/select-value-text.mjs +17 -0
- package/select/select.cjs +11 -4
- package/select/select.d.ts +6 -5
- package/select/select.mjs +12 -5
- package/select/select.test.d.ts +1 -0
- package/select/use-select.cjs +9 -1
- package/select/use-select.d.ts +6 -4
- package/select/use-select.mjs +9 -1
- package/setup-test.d.ts +2 -0
- package/slider/index.cjs +3 -8
- package/slider/index.d.ts +3 -4
- package/slider/index.mjs +0 -1
- package/slider/slider-control.cjs +2 -2
- package/slider/slider-control.mjs +2 -2
- package/slider/slider-label.cjs +2 -2
- package/slider/slider-label.mjs +2 -2
- package/slider/slider-marker-group.cjs +2 -2
- package/slider/slider-marker-group.mjs +2 -2
- package/slider/slider-marker.cjs +3 -3
- package/slider/slider-marker.d.ts +2 -5
- package/slider/slider-marker.mjs +3 -3
- package/slider/slider-range.cjs +3 -3
- package/slider/slider-range.mjs +3 -3
- package/slider/slider-thumb.cjs +4 -7
- package/slider/slider-thumb.d.ts +3 -1
- package/slider/slider-thumb.mjs +5 -8
- package/slider/slider-track.cjs +3 -3
- package/slider/slider-track.mjs +3 -3
- package/slider/slider.cjs +3 -3
- package/slider/slider.mjs +3 -3
- package/splitter/index.cjs +3 -8
- package/splitter/index.d.ts +3 -4
- package/splitter/index.mjs +0 -1
- package/splitter/splitter.cjs +1 -1
- package/splitter/splitter.mjs +1 -1
- package/spread.cjs +18 -14
- package/spread.mjs +18 -14
- package/spread.test.d.ts +1 -0
- package/switch/index.cjs +0 -5
- package/switch/index.d.ts +3 -4
- package/switch/index.mjs +0 -1
- package/switch/switch-control.cjs +2 -2
- package/switch/switch-control.mjs +2 -2
- package/switch/switch.cjs +3 -3
- package/switch/switch.mjs +3 -3
- package/switch/switch.stories.d.ts +1 -1
- package/tabs/index.cjs +3 -8
- package/tabs/index.d.ts +3 -4
- package/tabs/index.mjs +0 -1
- package/tabs/tabs.cjs +1 -1
- package/tabs/tabs.mjs +1 -1
- package/tags-input/index.cjs +21 -21
- package/tags-input/index.d.ts +13 -13
- package/tags-input/index.mjs +12 -10
- package/tags-input/tags-input-clear-trigger.cjs +3 -3
- package/tags-input/tags-input-clear-trigger.mjs +3 -3
- package/tags-input/tags-input-control.cjs +1 -6
- package/tags-input/tags-input-control.mjs +2 -7
- package/tags-input/{tags-input-field.cjs → tags-input-input.cjs} +2 -2
- package/tags-input/{tags-input-field.mjs → tags-input-input.mjs} +2 -2
- package/tags-input/tags-input-item-context.cjs +15 -0
- package/tags-input/tags-input-item-context.d.ts +4 -0
- package/tags-input/tags-input-item-context.mjs +10 -0
- package/tags-input/tags-input-item-delete-trigger.cjs +18 -0
- package/tags-input/tags-input-item-delete-trigger.d.ts +4 -0
- package/tags-input/tags-input-item-delete-trigger.mjs +14 -0
- package/tags-input/tags-input-item-input.cjs +19 -0
- package/tags-input/tags-input-item-input.d.ts +4 -0
- package/tags-input/tags-input-item-input.mjs +15 -0
- package/tags-input/tags-input-item-text.cjs +19 -0
- package/tags-input/tags-input-item-text.d.ts +4 -0
- package/tags-input/tags-input-item-text.mjs +15 -0
- package/tags-input/tags-input-item.cjs +30 -0
- package/tags-input/tags-input-item.d.ts +8 -0
- package/tags-input/tags-input-item.mjs +26 -0
- package/tags-input/tags-input-label.cjs +2 -2
- package/tags-input/tags-input-label.mjs +2 -2
- package/tags-input/tags-input.cjs +9 -4
- package/tags-input/tags-input.mjs +10 -5
- package/toast/create-toaster.cjs +88 -0
- package/toast/create-toaster.d.ts +16 -0
- package/toast/create-toaster.mjs +65 -0
- package/toast/index.cjs +4 -20
- package/toast/index.d.ts +5 -12
- package/toast/index.mjs +4 -12
- package/toast/toast-close-trigger.cjs +4 -4
- package/toast/toast-close-trigger.mjs +4 -4
- package/toast/toast-context.cjs +14 -0
- package/toast/toast-context.d.ts +6 -0
- package/toast/toast-context.mjs +9 -0
- package/toast/toast-description.cjs +4 -8
- package/toast/toast-description.d.ts +1 -1
- package/toast/toast-description.mjs +5 -9
- package/toast/toast-title.cjs +4 -8
- package/toast/toast-title.d.ts +1 -1
- package/toast/toast-title.mjs +5 -9
- package/toast/toast.cjs +4 -17
- package/toast/toast.d.ts +1 -3
- package/toast/toast.mjs +5 -18
- package/toast/toast.stories.d.ts +2 -7
- package/toast/toast.test.d.ts +2 -0
- package/toggle-group/index.cjs +16 -0
- package/toggle-group/index.d.ts +10 -0
- package/toggle-group/index.mjs +10 -0
- package/toggle-group/toggle-group-context.cjs +13 -0
- package/toggle-group/toggle-group-context.d.ts +4 -0
- package/toggle-group/toggle-group-context.mjs +8 -0
- package/toggle-group/toggle-group-item.cjs +18 -0
- package/toggle-group/toggle-group-item.d.ts +7 -0
- package/toggle-group/toggle-group-item.mjs +14 -0
- package/toggle-group/toggle-group.cjs +24 -0
- package/toggle-group/toggle-group.d.ts +6 -0
- package/toggle-group/toggle-group.mjs +20 -0
- package/toggle-group/toggle-group.stories.d.ts +9 -0
- package/toggle-group/toggle-group.test.d.ts +1 -0
- package/{range-slider/use-range-slider.cjs → toggle-group/use-toggle-group.cjs} +7 -7
- package/toggle-group/use-toggle-group.d.ts +7 -0
- package/toggle-group/use-toggle-group.mjs +16 -0
- package/tooltip/index.cjs +3 -8
- package/tooltip/index.d.ts +3 -4
- package/tooltip/index.mjs +0 -1
- package/tooltip/tooltip.cjs +1 -1
- package/tooltip/tooltip.mjs +1 -1
- package/types.d.ts +1 -0
- package/accordion/accordion-content.d.ts +0 -5
- package/accordion/accordion-trigger.d.ts +0 -4
- package/accordion/accordion.anatomy.d.ts +0 -1
- package/avatar/avatar.anatomy.d.ts +0 -1
- package/carousel/carousel-next-slide-trigger.d.ts +0 -4
- package/carousel/carousel-prev-slide-trigger.d.ts +0 -4
- package/carousel/carousel.anatomy.cjs +0 -10
- package/carousel/carousel.anatomy.d.ts +0 -3
- package/carousel/carousel.anatomy.mjs +0 -6
- package/checkbox/checkbox.anatomy.d.ts +0 -1
- package/color-picker/color-picker-area-gradient.cjs +0 -18
- package/color-picker/color-picker-area-gradient.d.ts +0 -4
- package/color-picker/color-picker-area-gradient.mjs +0 -14
- package/color-picker/color-picker-channel-slider-background.cjs +0 -18
- package/color-picker/color-picker-channel-slider-background.d.ts +0 -4
- package/color-picker/color-picker-channel-slider-background.mjs +0 -14
- package/color-picker/color-picker-swatch-background.d.ts +0 -4
- package/color-picker/color-picker-swatch-background.mjs +0 -14
- package/color-picker/color-picker-swatch-context.cjs +0 -13
- package/color-picker/color-picker-swatch-context.d.ts +0 -3
- package/color-picker/color-picker-swatch-context.mjs +0 -8
- package/color-picker/color-picker.anatomy.cjs +0 -11
- package/color-picker/color-picker.anatomy.d.ts +0 -3
- package/color-picker/color-picker.anatomy.mjs +0 -6
- package/combobox/combobox-option-group-label.d.ts +0 -6
- package/combobox/combobox-option-group.d.ts +0 -6
- package/combobox/combobox-option.cjs +0 -24
- package/combobox/combobox-option.d.ts +0 -6
- package/combobox/combobox-option.mjs +0 -20
- package/combobox/combobox.anatomy.d.ts +0 -1
- package/date-picker/date-picker-cell-context.cjs +0 -13
- package/date-picker/date-picker-cell-context.d.ts +0 -3
- package/date-picker/date-picker-cell-context.mjs +0 -8
- package/date-picker/date-picker-column-header.cjs +0 -13
- package/date-picker/date-picker-column-header.d.ts +0 -4
- package/date-picker/date-picker-column-header.mjs +0 -9
- package/date-picker/date-picker-day-cell-context.cjs +0 -15
- package/date-picker/date-picker-day-cell-context.d.ts +0 -3
- package/date-picker/date-picker-day-cell-context.mjs +0 -10
- package/date-picker/date-picker-day-cell-trigger.cjs +0 -18
- package/date-picker/date-picker-day-cell-trigger.d.ts +0 -4
- package/date-picker/date-picker-day-cell-trigger.mjs +0 -14
- package/date-picker/date-picker-day-cell.cjs +0 -24
- package/date-picker/date-picker-day-cell.d.ts +0 -6
- package/date-picker/date-picker-day-cell.mjs +0 -20
- package/date-picker/date-picker-grid.cjs +0 -23
- package/date-picker/date-picker-grid.d.ts +0 -6
- package/date-picker/date-picker-grid.mjs +0 -19
- package/date-picker/date-picker-month-cell-trigger.cjs +0 -18
- package/date-picker/date-picker-month-cell-trigger.d.ts +0 -4
- package/date-picker/date-picker-month-cell-trigger.mjs +0 -14
- package/date-picker/date-picker-month-cell.cjs +0 -24
- package/date-picker/date-picker-month-cell.d.ts +0 -6
- package/date-picker/date-picker-month-cell.mjs +0 -20
- package/date-picker/date-picker-row-group.cjs +0 -13
- package/date-picker/date-picker-row-group.d.ts +0 -4
- package/date-picker/date-picker-row-group.mjs +0 -9
- package/date-picker/date-picker-row-header.cjs +0 -22
- package/date-picker/date-picker-row-header.d.ts +0 -4
- package/date-picker/date-picker-row-header.mjs +0 -18
- package/date-picker/date-picker-row.cjs +0 -13
- package/date-picker/date-picker-row.d.ts +0 -4
- package/date-picker/date-picker-row.mjs +0 -9
- package/date-picker/date-picker-year-cell-trigger.cjs +0 -18
- package/date-picker/date-picker-year-cell-trigger.d.ts +0 -4
- package/date-picker/date-picker-year-cell-trigger.mjs +0 -14
- package/date-picker/date-picker-year-cell.cjs +0 -24
- package/date-picker/date-picker-year-cell.d.ts +0 -6
- package/date-picker/date-picker-year-cell.mjs +0 -20
- package/date-picker/date-picker.anatomy.cjs +0 -11
- package/date-picker/date-picker.anatomy.d.ts +0 -3
- package/date-picker/date-picker.anatomy.mjs +0 -6
- package/dialog/dialog-container.d.ts +0 -4
- package/dialog/dialog.anatomy.d.ts +0 -1
- package/editable/editable.anatomy.d.ts +0 -1
- package/filter-props.cjs +0 -28
- package/filter-props.d.ts +0 -2
- package/filter-props.mjs +0 -23
- package/hover-card/hover-card.anatomy.d.ts +0 -1
- package/menu/menu.anatomy.d.ts +0 -1
- package/number-input/number-input.anatomy.d.ts +0 -1
- package/pagination/pagination-list-item.cjs +0 -11
- package/pagination/pagination-list-item.d.ts +0 -4
- package/pagination/pagination-list-item.mjs +0 -7
- package/pagination/pagination-list.cjs +0 -11
- package/pagination/pagination-list.d.ts +0 -4
- package/pagination/pagination-list.mjs +0 -7
- package/pagination/pagination-next-page-trigger.cjs +0 -26
- package/pagination/pagination-next-page-trigger.d.ts +0 -6
- package/pagination/pagination-next-page-trigger.mjs +0 -22
- package/pagination/pagination-page-trigger.cjs +0 -31
- package/pagination/pagination-page-trigger.d.ts +0 -10
- package/pagination/pagination-page-trigger.mjs +0 -27
- package/pagination/pagination-prev-page-trigger.cjs +0 -26
- package/pagination/pagination-prev-page-trigger.d.ts +0 -6
- package/pagination/pagination-prev-page-trigger.mjs +0 -22
- package/pagination/pagination.anatomy.cjs +0 -11
- package/pagination/pagination.anatomy.d.ts +0 -3
- package/pagination/pagination.anatomy.mjs +0 -6
- package/pin-input/pin-input.anatomy.d.ts +0 -1
- package/popover/popover.anatomy.d.ts +0 -1
- package/pressable/index.cjs +0 -13
- package/pressable/index.d.ts +0 -8
- package/pressable/index.mjs +0 -8
- package/pressable/pressable.cjs +0 -18
- package/pressable/pressable.d.ts +0 -6
- package/pressable/pressable.mjs +0 -14
- package/pressable/pressable.stories.d.ts +0 -5
- package/pressable/use-pressable.cjs +0 -42
- package/pressable/use-pressable.d.ts +0 -7
- package/pressable/use-pressable.mjs +0 -19
- package/prop-trap.cjs +0 -37
- package/prop-trap.mjs +0 -33
- package/radio-group/radio-context.d.ts +0 -14
- package/radio-group/radio-context.mjs +0 -9
- package/radio-group/radio-control.cjs +0 -23
- package/radio-group/radio-control.d.ts +0 -4
- package/radio-group/radio-control.mjs +0 -19
- package/radio-group/radio-group.anatomy.d.ts +0 -1
- package/radio-group/radio-label.d.ts +0 -4
- package/radio-group/radio-label.mjs +0 -14
- package/radio-group/radio.cjs +0 -24
- package/radio-group/radio.d.ts +0 -6
- package/radio-group/radio.mjs +0 -20
- package/range-slider/index.cjs +0 -42
- package/range-slider/index.d.ts +0 -25
- package/range-slider/index.mjs +0 -25
- package/range-slider/range-slider-context.cjs +0 -13
- package/range-slider/range-slider-context.d.ts +0 -4
- package/range-slider/range-slider-context.mjs +0 -8
- package/range-slider/range-slider-control.cjs +0 -16
- package/range-slider/range-slider-control.d.ts +0 -4
- package/range-slider/range-slider-control.mjs +0 -12
- package/range-slider/range-slider-label.cjs +0 -16
- package/range-slider/range-slider-label.d.ts +0 -4
- package/range-slider/range-slider-label.mjs +0 -12
- package/range-slider/range-slider-marker-group.cjs +0 -16
- package/range-slider/range-slider-marker-group.d.ts +0 -4
- package/range-slider/range-slider-marker-group.mjs +0 -12
- package/range-slider/range-slider-marker.cjs +0 -18
- package/range-slider/range-slider-marker.d.ts +0 -9
- package/range-slider/range-slider-marker.mjs +0 -14
- package/range-slider/range-slider-output.cjs +0 -22
- package/range-slider/range-slider-output.d.ts +0 -8
- package/range-slider/range-slider-output.mjs +0 -18
- package/range-slider/range-slider-range.cjs +0 -16
- package/range-slider/range-slider-range.d.ts +0 -4
- package/range-slider/range-slider-range.mjs +0 -12
- package/range-slider/range-slider-thumb.cjs +0 -23
- package/range-slider/range-slider-thumb.d.ts +0 -9
- package/range-slider/range-slider-thumb.mjs +0 -19
- package/range-slider/range-slider-track.cjs +0 -16
- package/range-slider/range-slider-track.d.ts +0 -4
- package/range-slider/range-slider-track.mjs +0 -12
- package/range-slider/range-slider.anatomy.d.ts +0 -1
- package/range-slider/range-slider.cjs +0 -28
- package/range-slider/range-slider.d.ts +0 -8
- package/range-slider/range-slider.mjs +0 -24
- package/range-slider/range-slider.stories.d.ts +0 -5
- package/range-slider/use-range-slider.d.ts +0 -7
- package/range-slider/use-range-slider.mjs +0 -16
- package/rating-group/rating-context.cjs +0 -14
- package/rating-group/rating-context.d.ts +0 -4
- package/rating-group/rating-context.mjs +0 -9
- package/rating-group/rating-group.anatomy.d.ts +0 -1
- package/rating-group/rating.d.ts +0 -10
- package/segment-group/segment-context.cjs +0 -14
- package/segment-group/segment-context.d.ts +0 -14
- package/segment-group/segment-context.mjs +0 -9
- package/segment-group/segment-control.cjs +0 -24
- package/segment-group/segment-control.d.ts +0 -4
- package/segment-group/segment-control.mjs +0 -20
- package/segment-group/segment-group.anatomy.cjs +0 -11
- package/segment-group/segment-group.anatomy.d.ts +0 -3
- package/segment-group/segment-group.anatomy.mjs +0 -6
- package/segment-group/segment-label.cjs +0 -19
- package/segment-group/segment-label.d.ts +0 -4
- package/segment-group/segment-label.mjs +0 -15
- package/segment-group/segment.cjs +0 -25
- package/segment-group/segment.d.ts +0 -6
- package/segment-group/segment.mjs +0 -21
- package/select/select-option-group-label.d.ts +0 -9
- package/select/select-option-group.d.ts +0 -9
- package/select/select-option.cjs +0 -22
- package/select/select-option.d.ts +0 -6
- package/select/select-option.mjs +0 -18
- package/select/select.anatomy.d.ts +0 -1
- package/slider/slider.anatomy.d.ts +0 -1
- package/splitter/splitter.anatomy.d.ts +0 -1
- package/switch/switch.anatomy.d.ts +0 -1
- package/tabs/tabs.anatomy.d.ts +0 -1
- package/tags-input/tag-delete-trigger.cjs +0 -18
- package/tags-input/tag-delete-trigger.d.ts +0 -6
- package/tags-input/tag-delete-trigger.mjs +0 -14
- package/tags-input/tag-input.cjs +0 -18
- package/tags-input/tag-input.d.ts +0 -6
- package/tags-input/tag-input.mjs +0 -14
- package/tags-input/tag.cjs +0 -18
- package/tags-input/tag.d.ts +0 -9
- package/tags-input/tag.mjs +0 -14
- package/tags-input/tags-input.anatomy.d.ts +0 -1
- package/toast/toast-group.cjs +0 -27
- package/toast/toast-group.d.ts +0 -13
- package/toast/toast-group.mjs +0 -23
- package/toast/toast-item-context.cjs +0 -13
- package/toast/toast-item-context.d.ts +0 -4
- package/toast/toast-item-context.mjs +0 -8
- package/toast/toast-placements.cjs +0 -17
- package/toast/toast-placements.d.ts +0 -6
- package/toast/toast-placements.mjs +0 -13
- package/toast/toast-provider.cjs +0 -53
- package/toast/toast-provider.d.ts +0 -12
- package/toast/toast-provider.mjs +0 -28
- package/toast/toast.anatomy.d.ts +0 -1
- package/toast/use-toast-item.cjs +0 -33
- package/toast/use-toast-item.d.ts +0 -8
- package/toast/use-toast-item.mjs +0 -10
- /package/{pressable/pressable.test.d.ts → avatar/avatar.test.d.ts} +0 -0
- /package/{range-slider/range-slider.test.d.ts → date-picker/date-picker.test.d.ts} +0 -0
- /package/tags-input/{tags-input-field.d.ts → tags-input-input.d.ts} +0 -0
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const pressable = require('@zag-js/pressable');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const solidJs = require('solid-js');
|
|
8
|
-
require('../environment/index.cjs');
|
|
9
|
-
const environmentContext = require('../environment/environment-context.cjs');
|
|
10
|
-
|
|
11
|
-
function _interopNamespaceDefault(e) {
|
|
12
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
13
|
-
if (e) {
|
|
14
|
-
for (const k in e) {
|
|
15
|
-
if (k !== 'default') {
|
|
16
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
17
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: () => e[k]
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
n.default = e;
|
|
25
|
-
return Object.freeze(n);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
const pressable__namespace = /*#__PURE__*/_interopNamespaceDefault(pressable);
|
|
29
|
-
|
|
30
|
-
const usePressable = props => {
|
|
31
|
-
const getRootNode = environmentContext.useEnvironmentContext();
|
|
32
|
-
const context = solid.mergeProps({
|
|
33
|
-
id: solidJs.createUniqueId(),
|
|
34
|
-
getRootNode
|
|
35
|
-
}, props);
|
|
36
|
-
const [state, send] = solid.useMachine(pressable__namespace.machine(context), {
|
|
37
|
-
context
|
|
38
|
-
});
|
|
39
|
-
return solidJs.createMemo(() => pressable__namespace.connect(state, send, solid.normalizeProps));
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
exports.usePressable = usePressable;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as pressable from '@zag-js/pressable';
|
|
2
|
-
import { type PropTypes } from '@zag-js/solid';
|
|
3
|
-
import { type Accessor } from 'solid-js';
|
|
4
|
-
import { type Optional } from '../types';
|
|
5
|
-
export type UsePressableProps = Optional<pressable.Context, 'id'>;
|
|
6
|
-
export type UsePressableReturn = Accessor<pressable.Api<PropTypes>>;
|
|
7
|
-
export declare const usePressable: (props: UsePressableProps) => UsePressableReturn;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as pressable from '@zag-js/pressable';
|
|
2
|
-
import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
|
|
3
|
-
import { createUniqueId, createMemo } from 'solid-js';
|
|
4
|
-
import '../environment/index.mjs';
|
|
5
|
-
import { useEnvironmentContext } from '../environment/environment-context.mjs';
|
|
6
|
-
|
|
7
|
-
const usePressable = props => {
|
|
8
|
-
const getRootNode = useEnvironmentContext();
|
|
9
|
-
const context = mergeProps({
|
|
10
|
-
id: createUniqueId(),
|
|
11
|
-
getRootNode
|
|
12
|
-
}, props);
|
|
13
|
-
const [state, send] = useMachine(pressable.machine(context), {
|
|
14
|
-
context
|
|
15
|
-
});
|
|
16
|
-
return createMemo(() => pressable.connect(state, send, normalizeProps));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { usePressable };
|
package/prop-trap.cjs
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const solidJs = require('solid-js');
|
|
6
|
-
|
|
7
|
-
function trueFn() {
|
|
8
|
-
return true;
|
|
9
|
-
}
|
|
10
|
-
const propTraps = {
|
|
11
|
-
get(_, property, receiver) {
|
|
12
|
-
if (property === solidJs.$PROXY)
|
|
13
|
-
return receiver;
|
|
14
|
-
return _.get(property);
|
|
15
|
-
},
|
|
16
|
-
has(_, property) {
|
|
17
|
-
return _.has(property);
|
|
18
|
-
},
|
|
19
|
-
set: trueFn,
|
|
20
|
-
deleteProperty: trueFn,
|
|
21
|
-
getOwnPropertyDescriptor(_, property) {
|
|
22
|
-
return {
|
|
23
|
-
configurable: true,
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get() {
|
|
26
|
-
return _.get(property);
|
|
27
|
-
},
|
|
28
|
-
set: trueFn,
|
|
29
|
-
deleteProperty: trueFn
|
|
30
|
-
};
|
|
31
|
-
},
|
|
32
|
-
ownKeys(_) {
|
|
33
|
-
return _.keys();
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
exports.propTraps = propTraps;
|
package/prop-trap.mjs
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { $PROXY } from 'solid-js';
|
|
2
|
-
|
|
3
|
-
function trueFn() {
|
|
4
|
-
return true;
|
|
5
|
-
}
|
|
6
|
-
const propTraps = {
|
|
7
|
-
get(_, property, receiver) {
|
|
8
|
-
if (property === $PROXY)
|
|
9
|
-
return receiver;
|
|
10
|
-
return _.get(property);
|
|
11
|
-
},
|
|
12
|
-
has(_, property) {
|
|
13
|
-
return _.has(property);
|
|
14
|
-
},
|
|
15
|
-
set: trueFn,
|
|
16
|
-
deleteProperty: trueFn,
|
|
17
|
-
getOwnPropertyDescriptor(_, property) {
|
|
18
|
-
return {
|
|
19
|
-
configurable: true,
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get() {
|
|
22
|
-
return _.get(property);
|
|
23
|
-
},
|
|
24
|
-
set: trueFn,
|
|
25
|
-
deleteProperty: trueFn
|
|
26
|
-
};
|
|
27
|
-
},
|
|
28
|
-
ownKeys(_) {
|
|
29
|
-
return _.keys();
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export { propTraps };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ContextProviderComponent } from 'solid-js';
|
|
2
|
-
import { type connect } from '@zag-js/radio-group';
|
|
3
|
-
export type RadioContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
|
|
4
|
-
export declare const RadioProvider: ContextProviderComponent<{
|
|
5
|
-
value: string;
|
|
6
|
-
disabled?: boolean | undefined;
|
|
7
|
-
readOnly?: boolean | undefined;
|
|
8
|
-
invalid?: boolean | undefined;
|
|
9
|
-
}>, useRadioContext: () => {
|
|
10
|
-
value: string;
|
|
11
|
-
disabled?: boolean | undefined;
|
|
12
|
-
readOnly?: boolean | undefined;
|
|
13
|
-
invalid?: boolean | undefined;
|
|
14
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import '@zag-js/radio-group';
|
|
2
|
-
import { createContext } from '../create-context.mjs';
|
|
3
|
-
|
|
4
|
-
const [RadioProvider, useRadioContext] = createContext({
|
|
5
|
-
hookName: "useRadioContext",
|
|
6
|
-
providerName: "<RadioProvider />"
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
export { RadioProvider, useRadioContext };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const factory = require('../factory.cjs');
|
|
8
|
-
const radioContext = require('./radio-context.cjs');
|
|
9
|
-
const radioGroupContext = require('./radio-group-context.cjs');
|
|
10
|
-
|
|
11
|
-
const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
|
|
12
|
-
const RadioControl = props => {
|
|
13
|
-
const api = radioGroupContext.useRadioGroupContext();
|
|
14
|
-
const context = radioContext.useRadioContext();
|
|
15
|
-
const controlProps = solid.mergeProps(() => api().getRadioControlProps(context), props);
|
|
16
|
-
return [web.createComponent(factory.ark.div, controlProps), (() => {
|
|
17
|
-
const _el$ = _tmpl$();
|
|
18
|
-
web.spread(_el$, web.mergeProps(() => api().getRadioHiddenInputProps(context)), false, false);
|
|
19
|
-
return _el$;
|
|
20
|
-
})()];
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
exports.RadioControl = RadioControl;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { createComponent, spread, mergeProps as mergeProps$1, template } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { useRadioContext } from './radio-context.mjs';
|
|
5
|
-
import { useRadioGroupContext } from './radio-group-context.mjs';
|
|
6
|
-
|
|
7
|
-
const _tmpl$ = /*#__PURE__*/template(`<input>`);
|
|
8
|
-
const RadioControl = props => {
|
|
9
|
-
const api = useRadioGroupContext();
|
|
10
|
-
const context = useRadioContext();
|
|
11
|
-
const controlProps = mergeProps(() => api().getRadioControlProps(context), props);
|
|
12
|
-
return [createComponent(ark.div, controlProps), (() => {
|
|
13
|
-
const _el$ = _tmpl$();
|
|
14
|
-
spread(_el$, mergeProps$1(() => api().getRadioHiddenInputProps(context)), false, false);
|
|
15
|
-
return _el$;
|
|
16
|
-
})()];
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { RadioControl };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { useRadioContext } from './radio-context.mjs';
|
|
5
|
-
import { useRadioGroupContext } from './radio-group-context.mjs';
|
|
6
|
-
|
|
7
|
-
const RadioLabel = props => {
|
|
8
|
-
const api = useRadioGroupContext();
|
|
9
|
-
const radioParams = useRadioContext();
|
|
10
|
-
const labelProps = mergeProps(() => api().getRadioLabelProps(radioParams), props);
|
|
11
|
-
return createComponent(ark.span, labelProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { RadioLabel };
|
package/radio-group/radio.cjs
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const createSplitProps = require('../create-split-props.cjs');
|
|
8
|
-
const factory = require('../factory.cjs');
|
|
9
|
-
const radioContext = require('./radio-context.cjs');
|
|
10
|
-
const radioGroupContext = require('./radio-group-context.cjs');
|
|
11
|
-
|
|
12
|
-
const Radio = props => {
|
|
13
|
-
const [contextProps, restProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled', 'invalid', 'readOnly']);
|
|
14
|
-
const api = radioGroupContext.useRadioGroupContext();
|
|
15
|
-
const radioProps = solid.mergeProps(() => api().getRadioProps(contextProps), restProps);
|
|
16
|
-
return web.createComponent(radioContext.RadioProvider, {
|
|
17
|
-
value: contextProps,
|
|
18
|
-
get children() {
|
|
19
|
-
return web.createComponent(factory.ark.label, radioProps);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.Radio = Radio;
|
package/radio-group/radio.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import { type HTMLArkProps } from '../factory';
|
|
3
|
-
import type { Assign } from '../types';
|
|
4
|
-
import { type RadioContext } from './radio-context';
|
|
5
|
-
export type RadioProps = Assign<HTMLArkProps<'label'>, RadioContext>;
|
|
6
|
-
export declare const Radio: (props: RadioProps) => JSX.Element;
|
package/radio-group/radio.mjs
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { createSplitProps } from '../create-split-props.mjs';
|
|
4
|
-
import { ark } from '../factory.mjs';
|
|
5
|
-
import { RadioProvider } from './radio-context.mjs';
|
|
6
|
-
import { useRadioGroupContext } from './radio-group-context.mjs';
|
|
7
|
-
|
|
8
|
-
const Radio = props => {
|
|
9
|
-
const [contextProps, restProps] = createSplitProps()(props, ['value', 'disabled', 'invalid', 'readOnly']);
|
|
10
|
-
const api = useRadioGroupContext();
|
|
11
|
-
const radioProps = mergeProps(() => api().getRadioProps(contextProps), restProps);
|
|
12
|
-
return createComponent(RadioProvider, {
|
|
13
|
-
value: contextProps,
|
|
14
|
-
get children() {
|
|
15
|
-
return createComponent(ark.label, radioProps);
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { Radio };
|
package/range-slider/index.cjs
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const rangeSlider$1 = require('./range-slider.cjs');
|
|
6
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
7
|
-
const rangeSliderControl = require('./range-slider-control.cjs');
|
|
8
|
-
const rangeSliderLabel = require('./range-slider-label.cjs');
|
|
9
|
-
const rangeSliderMarker = require('./range-slider-marker.cjs');
|
|
10
|
-
const rangeSliderMarkerGroup = require('./range-slider-marker-group.cjs');
|
|
11
|
-
const rangeSliderOutput = require('./range-slider-output.cjs');
|
|
12
|
-
const rangeSliderRange = require('./range-slider-range.cjs');
|
|
13
|
-
const rangeSliderThumb = require('./range-slider-thumb.cjs');
|
|
14
|
-
const rangeSliderTrack = require('./range-slider-track.cjs');
|
|
15
|
-
const rangeSlider = require('@zag-js/range-slider');
|
|
16
|
-
|
|
17
|
-
const RangeSlider = Object.assign(rangeSlider$1.RangeSlider, {
|
|
18
|
-
Root: rangeSlider$1.RangeSlider,
|
|
19
|
-
Control: rangeSliderControl.RangeSliderControl,
|
|
20
|
-
Label: rangeSliderLabel.RangeSliderLabel,
|
|
21
|
-
Marker: rangeSliderMarker.RangeSliderMarker,
|
|
22
|
-
MarkerGroup: rangeSliderMarkerGroup.RangeSliderMarkerGroup,
|
|
23
|
-
Output: rangeSliderOutput.RangeSliderOutput,
|
|
24
|
-
Range: rangeSliderRange.RangeSliderRange,
|
|
25
|
-
Thumb: rangeSliderThumb.RangeSliderThumb,
|
|
26
|
-
Track: rangeSliderTrack.RangeSliderTrack
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
exports.useRangeSliderContext = rangeSliderContext.useRangeSliderContext;
|
|
30
|
-
exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
|
|
31
|
-
exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
|
|
32
|
-
exports.RangeSliderMarker = rangeSliderMarker.RangeSliderMarker;
|
|
33
|
-
exports.RangeSliderMarkerGroup = rangeSliderMarkerGroup.RangeSliderMarkerGroup;
|
|
34
|
-
exports.RangeSliderOutput = rangeSliderOutput.RangeSliderOutput;
|
|
35
|
-
exports.RangeSliderRange = rangeSliderRange.RangeSliderRange;
|
|
36
|
-
exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
|
|
37
|
-
exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
|
|
38
|
-
Object.defineProperty(exports, 'rangeSliderAnatomy', {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
get: () => rangeSlider.anatomy
|
|
41
|
-
});
|
|
42
|
-
exports.RangeSlider = RangeSlider;
|
package/range-slider/index.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import { type RangeSliderProps } from './range-slider';
|
|
3
|
-
import { useRangeSliderContext } from './range-slider-context';
|
|
4
|
-
import { RangeSliderControl, type RangeSliderControlProps } from './range-slider-control';
|
|
5
|
-
import { RangeSliderLabel, type RangeSliderLabelProps } from './range-slider-label';
|
|
6
|
-
import { RangeSliderMarker, type RangeSliderMarkerProps } from './range-slider-marker';
|
|
7
|
-
import { RangeSliderMarkerGroup, type RangeSliderMarkerGroupProps } from './range-slider-marker-group';
|
|
8
|
-
import { RangeSliderOutput, type RangeSliderOutputProps } from './range-slider-output';
|
|
9
|
-
import { RangeSliderRange, type RangeSliderRangeProps } from './range-slider-range';
|
|
10
|
-
import { RangeSliderThumb, type RangeSliderThumbProps } from './range-slider-thumb';
|
|
11
|
-
import { RangeSliderTrack, type RangeSliderTrackProps } from './range-slider-track';
|
|
12
|
-
import { rangeSliderAnatomy } from './range-slider.anatomy';
|
|
13
|
-
declare const RangeSlider: ((props: RangeSliderProps) => JSX.Element) & {
|
|
14
|
-
Root: (props: RangeSliderProps) => JSX.Element;
|
|
15
|
-
Control: (props: RangeSliderControlProps) => JSX.Element;
|
|
16
|
-
Label: (props: RangeSliderLabelProps) => JSX.Element;
|
|
17
|
-
Marker: (props: RangeSliderMarkerProps) => JSX.Element;
|
|
18
|
-
MarkerGroup: (props: RangeSliderMarkerGroupProps) => JSX.Element;
|
|
19
|
-
Output: (props: RangeSliderOutputProps) => JSX.Element;
|
|
20
|
-
Range: (props: RangeSliderRangeProps) => JSX.Element;
|
|
21
|
-
Thumb: (props: RangeSliderThumbProps) => JSX.Element;
|
|
22
|
-
Track: (props: RangeSliderTrackProps) => JSX.Element;
|
|
23
|
-
};
|
|
24
|
-
export { RangeSlider, RangeSliderControl, RangeSliderLabel, RangeSliderMarker, RangeSliderMarkerGroup, RangeSliderOutput, RangeSliderRange, RangeSliderThumb, RangeSliderTrack, rangeSliderAnatomy, useRangeSliderContext, };
|
|
25
|
-
export type { RangeSliderControlProps, RangeSliderLabelProps, RangeSliderMarkerGroupProps, RangeSliderMarkerProps, RangeSliderOutputProps, RangeSliderProps, RangeSliderRangeProps, RangeSliderThumbProps, RangeSliderTrackProps, };
|
package/range-slider/index.mjs
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { RangeSlider as RangeSlider$1 } from './range-slider.mjs';
|
|
2
|
-
export { useRangeSliderContext } from './range-slider-context.mjs';
|
|
3
|
-
import { RangeSliderControl } from './range-slider-control.mjs';
|
|
4
|
-
import { RangeSliderLabel } from './range-slider-label.mjs';
|
|
5
|
-
import { RangeSliderMarker } from './range-slider-marker.mjs';
|
|
6
|
-
import { RangeSliderMarkerGroup } from './range-slider-marker-group.mjs';
|
|
7
|
-
import { RangeSliderOutput } from './range-slider-output.mjs';
|
|
8
|
-
import { RangeSliderRange } from './range-slider-range.mjs';
|
|
9
|
-
import { RangeSliderThumb } from './range-slider-thumb.mjs';
|
|
10
|
-
import { RangeSliderTrack } from './range-slider-track.mjs';
|
|
11
|
-
export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
|
|
12
|
-
|
|
13
|
-
const RangeSlider = Object.assign(RangeSlider$1, {
|
|
14
|
-
Root: RangeSlider$1,
|
|
15
|
-
Control: RangeSliderControl,
|
|
16
|
-
Label: RangeSliderLabel,
|
|
17
|
-
Marker: RangeSliderMarker,
|
|
18
|
-
MarkerGroup: RangeSliderMarkerGroup,
|
|
19
|
-
Output: RangeSliderOutput,
|
|
20
|
-
Range: RangeSliderRange,
|
|
21
|
-
Thumb: RangeSliderThumb,
|
|
22
|
-
Track: RangeSliderTrack
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
export { RangeSlider, RangeSliderControl, RangeSliderLabel, RangeSliderMarker, RangeSliderMarkerGroup, RangeSliderOutput, RangeSliderRange, RangeSliderThumb, RangeSliderTrack };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const createContext = require('../create-context.cjs');
|
|
6
|
-
|
|
7
|
-
const [RangeSliderProvider, useRangeSliderContext] = createContext.createContext({
|
|
8
|
-
hookName: "useRangeSliderContext",
|
|
9
|
-
providerName: "<RangeSliderProvider />"
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
exports.RangeSliderProvider = RangeSliderProvider;
|
|
13
|
-
exports.useRangeSliderContext = useRangeSliderContext;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextProviderComponent } from 'solid-js';
|
|
2
|
-
import { type UseRangeSliderReturn } from './use-range-slider';
|
|
3
|
-
export type RangeSliderContext = UseRangeSliderReturn;
|
|
4
|
-
export declare const RangeSliderProvider: ContextProviderComponent<UseRangeSliderReturn>, useRangeSliderContext: () => UseRangeSliderReturn;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { createContext } from '../create-context.mjs';
|
|
2
|
-
|
|
3
|
-
const [RangeSliderProvider, useRangeSliderContext] = createContext({
|
|
4
|
-
hookName: "useRangeSliderContext",
|
|
5
|
-
providerName: "<RangeSliderProvider />"
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
export { RangeSliderProvider, useRangeSliderContext };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const factory = require('../factory.cjs');
|
|
8
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
9
|
-
|
|
10
|
-
const RangeSliderControl = props => {
|
|
11
|
-
const slider = rangeSliderContext.useRangeSliderContext();
|
|
12
|
-
const controlProps = solid.mergeProps(() => slider().controlProps, props);
|
|
13
|
-
return web.createComponent(factory.ark.div, controlProps);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.RangeSliderControl = RangeSliderControl;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { useRangeSliderContext } from './range-slider-context.mjs';
|
|
5
|
-
|
|
6
|
-
const RangeSliderControl = props => {
|
|
7
|
-
const slider = useRangeSliderContext();
|
|
8
|
-
const controlProps = mergeProps(() => slider().controlProps, props);
|
|
9
|
-
return createComponent(ark.div, controlProps);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { RangeSliderControl };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const factory = require('../factory.cjs');
|
|
8
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
9
|
-
|
|
10
|
-
const RangeSliderLabel = props => {
|
|
11
|
-
const slider = rangeSliderContext.useRangeSliderContext();
|
|
12
|
-
const labelProps = solid.mergeProps(() => slider().labelProps, props);
|
|
13
|
-
return web.createComponent(factory.ark.label, labelProps);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.RangeSliderLabel = RangeSliderLabel;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { useRangeSliderContext } from './range-slider-context.mjs';
|
|
5
|
-
|
|
6
|
-
const RangeSliderLabel = props => {
|
|
7
|
-
const slider = useRangeSliderContext();
|
|
8
|
-
const labelProps = mergeProps(() => slider().labelProps, props);
|
|
9
|
-
return createComponent(ark.label, labelProps);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { RangeSliderLabel };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const factory = require('../factory.cjs');
|
|
8
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
9
|
-
|
|
10
|
-
const RangeSliderMarkerGroup = props => {
|
|
11
|
-
const slider = rangeSliderContext.useRangeSliderContext();
|
|
12
|
-
const groupProps = solid.mergeProps(() => slider().markerGroupProps, props);
|
|
13
|
-
return web.createComponent(factory.ark.div, groupProps);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.RangeSliderMarkerGroup = RangeSliderMarkerGroup;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { useRangeSliderContext } from './range-slider-context.mjs';
|
|
5
|
-
|
|
6
|
-
const RangeSliderMarkerGroup = props => {
|
|
7
|
-
const slider = useRangeSliderContext();
|
|
8
|
-
const groupProps = mergeProps(() => slider().markerGroupProps, props);
|
|
9
|
-
return createComponent(ark.div, groupProps);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { RangeSliderMarkerGroup };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const createSplitProps = require('../create-split-props.cjs');
|
|
8
|
-
const factory = require('../factory.cjs');
|
|
9
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
10
|
-
|
|
11
|
-
const RangeSliderMarker = props => {
|
|
12
|
-
const [markerParams, spanProps] = createSplitProps.createSplitProps()(props, ['value']);
|
|
13
|
-
const api = rangeSliderContext.useRangeSliderContext();
|
|
14
|
-
const markerProps = solid.mergeProps(() => api().getMarkerProps(markerParams), spanProps);
|
|
15
|
-
return web.createComponent(factory.ark.span, markerProps);
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.RangeSliderMarker = RangeSliderMarker;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import { type HTMLArkProps } from '../factory';
|
|
3
|
-
import type { Assign } from '../types';
|
|
4
|
-
type GetMarkerPropsArgs = {
|
|
5
|
-
value: number;
|
|
6
|
-
};
|
|
7
|
-
export type RangeSliderMarkerProps = Assign<HTMLArkProps<'span'>, GetMarkerPropsArgs>;
|
|
8
|
-
export declare const RangeSliderMarker: (props: RangeSliderMarkerProps) => JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { createSplitProps } from '../create-split-props.mjs';
|
|
4
|
-
import { ark } from '../factory.mjs';
|
|
5
|
-
import { useRangeSliderContext } from './range-slider-context.mjs';
|
|
6
|
-
|
|
7
|
-
const RangeSliderMarker = props => {
|
|
8
|
-
const [markerParams, spanProps] = createSplitProps()(props, ['value']);
|
|
9
|
-
const api = useRangeSliderContext();
|
|
10
|
-
const markerProps = mergeProps(() => api().getMarkerProps(markerParams), spanProps);
|
|
11
|
-
return createComponent(ark.span, markerProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { RangeSliderMarker };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const solid = require('@zag-js/solid');
|
|
7
|
-
const factory = require('../factory.cjs');
|
|
8
|
-
const runIfFn = require('../run-if-fn.cjs');
|
|
9
|
-
const rangeSliderContext = require('./range-slider-context.cjs');
|
|
10
|
-
|
|
11
|
-
const RangeSliderOutput = props => {
|
|
12
|
-
const api = rangeSliderContext.useRangeSliderContext();
|
|
13
|
-
const getChildren = () => runIfFn.runIfFn(props.children, api);
|
|
14
|
-
const outputProps = solid.mergeProps(() => api().outputProps, props);
|
|
15
|
-
return web.createComponent(factory.ark.output, web.mergeProps(outputProps, {
|
|
16
|
-
get children() {
|
|
17
|
-
return getChildren();
|
|
18
|
-
}
|
|
19
|
-
}));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.RangeSliderOutput = RangeSliderOutput;
|
|
@@ -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 UseRangeSliderReturn } from './use-range-slider';
|
|
5
|
-
export type RangeSliderOutputProps = Assign<HTMLArkProps<'output'>, {
|
|
6
|
-
children?: JSX.Element | ((api: UseRangeSliderReturn) => JSX.Element);
|
|
7
|
-
}>;
|
|
8
|
-
export declare const RangeSliderOutput: (props: RangeSliderOutputProps) => JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { ark } from '../factory.mjs';
|
|
4
|
-
import { runIfFn } from '../run-if-fn.mjs';
|
|
5
|
-
import { useRangeSliderContext } from './range-slider-context.mjs';
|
|
6
|
-
|
|
7
|
-
const RangeSliderOutput = props => {
|
|
8
|
-
const api = useRangeSliderContext();
|
|
9
|
-
const getChildren = () => runIfFn(props.children, api);
|
|
10
|
-
const outputProps = mergeProps(() => api().outputProps, props);
|
|
11
|
-
return createComponent(ark.output, mergeProps$1(outputProps, {
|
|
12
|
-
get children() {
|
|
13
|
-
return getChildren();
|
|
14
|
-
}
|
|
15
|
-
}));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { RangeSliderOutput };
|