@ark-ui/solid 0.10.1 → 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 +40 -2
- package/accordion/accordion-item-content.cjs +29 -0
- package/accordion/accordion-item-content.d.ts +5 -0
- package/accordion/accordion-item-content.mjs +25 -0
- package/accordion/{accordion-content.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-trigger.cjs → accordion-item-trigger.cjs} +5 -5
- package/accordion/accordion-item-trigger.d.ts +4 -0
- package/accordion/{accordion-content.mjs → accordion-item-trigger.mjs} +5 -5
- 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-next-slide-trigger.cjs → carousel-next-trigger.cjs} +4 -4
- package/carousel/carousel-next-trigger.d.ts +4 -0
- package/carousel/{carousel-next-slide-trigger.mjs → carousel-next-trigger.mjs} +4 -4
- package/carousel/{carousel-prev-slide-trigger.cjs → carousel-prev-trigger.cjs} +4 -4
- package/carousel/carousel-prev-trigger.d.ts +4 -0
- package/carousel/{carousel-prev-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 +14 -3
- package/combobox/combobox-content.d.ts +2 -1
- package/combobox/combobox-content.mjs +15 -4
- 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-backdrop.cjs +14 -3
- package/dialog/dialog-backdrop.d.ts +2 -1
- package/dialog/dialog-backdrop.mjs +15 -4
- package/dialog/dialog-content.cjs +14 -3
- package/dialog/dialog-content.d.ts +2 -1
- package/dialog/dialog-content.mjs +15 -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/factory.cjs +0 -1
- package/factory.d.ts +0 -1
- package/factory.mjs +1 -1
- package/hover-card/hover-card-content.cjs +14 -3
- package/hover-card/hover-card-content.d.ts +2 -1
- package/hover-card/hover-card-content.mjs +15 -4
- 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 +164 -274
- package/index.d.ts +3 -3
- package/index.mjs +74 -94
- package/menu/index.cjs +3 -8
- package/menu/index.d.ts +3 -4
- package/menu/index.mjs +0 -1
- package/menu/menu-content.cjs +14 -3
- package/menu/menu-content.d.ts +2 -1
- package/menu/menu-content.mjs +15 -4
- 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 +63 -62
- 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-content.cjs +13 -2
- package/popover/popover-content.d.ts +2 -1
- package/popover/popover-content.mjs +14 -3
- 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/index.cjs +13 -0
- package/presence/index.d.ts +8 -0
- package/presence/index.mjs +8 -0
- package/presence/presence.cjs +33 -0
- package/presence/presence.d.ts +17 -0
- package/presence/presence.mjs +29 -0
- package/presence/presence.stories.d.ts +10 -0
- package/presence/presence.test.d.ts +1 -0
- package/presence/split-presence-props.cjs +16 -0
- package/presence/split-presence-props.d.ts +2 -0
- package/presence/split-presence-props.mjs +12 -0
- package/{toast/use-toast-item.cjs → presence/use-presence.cjs} +8 -6
- package/presence/use-presence.d.ts +5 -0
- package/presence/use-presence.mjs +12 -0
- 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-content.cjs +13 -2
- package/select/select-content.d.ts +2 -1
- package/select/select-content.mjs +14 -3
- 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/tab-content.cjs +11 -3
- package/tabs/tab-content.d.ts +3 -4
- package/tabs/tab-content.mjs +12 -4
- package/tabs/tab-presence.cjs +18 -0
- package/tabs/tab-presence.d.ts +5 -0
- package/tabs/tab-presence.mjs +14 -0
- package/tabs/tabs.cjs +1 -1
- package/tabs/tabs.mjs +1 -1
- package/tabs/tabs.test.d.ts +1 -0
- 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-content.cjs +13 -2
- package/tooltip/tooltip-content.d.ts +2 -1
- package/tooltip/tooltip-content.mjs +14 -3
- package/tooltip/tooltip-positioner.cjs +1 -9
- package/tooltip/tooltip-positioner.mjs +1 -9
- 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 -4
- 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.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,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 { useColorPickerAreaContext } from './color-picker-area-context.mjs';
|
|
5
|
-
import { useColorPickerContext } from './color-picker-context.mjs';
|
|
6
|
-
|
|
7
|
-
const ColorPickerAreaGradient = props => {
|
|
8
|
-
const colorPicker = useColorPickerContext();
|
|
9
|
-
const area = useColorPickerAreaContext();
|
|
10
|
-
const areaGradientProps = mergeProps(() => colorPicker().getAreaGradientProps(area), props);
|
|
11
|
-
return createComponent(ark.div, areaGradientProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ColorPickerAreaGradient };
|
|
@@ -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 factory = require('../factory.cjs');
|
|
8
|
-
const colorPickerChannelSliderContext = require('./color-picker-channel-slider-context.cjs');
|
|
9
|
-
const colorPickerContext = require('./color-picker-context.cjs');
|
|
10
|
-
|
|
11
|
-
const ColorPickerChannelSliderBackground = props => {
|
|
12
|
-
const api = colorPickerContext.useColorPickerContext();
|
|
13
|
-
const colorChannelProps = colorPickerChannelSliderContext.useColorPickerChannelSliderContext();
|
|
14
|
-
const mergedProps = solid.mergeProps(api().getChannelSliderBackgroundProps(colorChannelProps), props);
|
|
15
|
-
return web.createComponent(factory.ark.div, mergedProps);
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.ColorPickerChannelSliderBackground = ColorPickerChannelSliderBackground;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import { type HTMLArkProps } from '../factory';
|
|
3
|
-
export type ColorPickerChannelSliderBackgroundProps = HTMLArkProps<'div'>;
|
|
4
|
-
export declare const ColorPickerChannelSliderBackground: (props: ColorPickerChannelSliderBackgroundProps) => JSX.Element;
|
|
@@ -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 { useColorPickerChannelSliderContext } from './color-picker-channel-slider-context.mjs';
|
|
5
|
-
import { useColorPickerContext } from './color-picker-context.mjs';
|
|
6
|
-
|
|
7
|
-
const ColorPickerChannelSliderBackground = props => {
|
|
8
|
-
const api = useColorPickerContext();
|
|
9
|
-
const colorChannelProps = useColorPickerChannelSliderContext();
|
|
10
|
-
const mergedProps = mergeProps(api().getChannelSliderBackgroundProps(colorChannelProps), props);
|
|
11
|
-
return createComponent(ark.div, mergedProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ColorPickerChannelSliderBackground };
|
|
@@ -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 { useColorPickerContext } from './color-picker-context.mjs';
|
|
5
|
-
import { useColorPickerSwatchContext } from './color-picker-swatch-context.mjs';
|
|
6
|
-
|
|
7
|
-
const ColorPickerSwatchBackground = props => {
|
|
8
|
-
const api = useColorPickerContext();
|
|
9
|
-
const colorChannelProps = useColorPickerSwatchContext();
|
|
10
|
-
const mergedProps = mergeProps(api().getSwatchBackgroundProps(colorChannelProps), props);
|
|
11
|
-
return createComponent(ark.div, mergedProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ColorPickerSwatchBackground };
|
|
@@ -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 [ColorPickerSwatchProvider, useColorPickerSwatchContext] = createContext.createContext({
|
|
8
|
-
hookName: "useColorPickerSwatchContext",
|
|
9
|
-
providerName: "<ColorPickerSwatchProvider />"
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
exports.ColorPickerSwatchProvider = ColorPickerSwatchProvider;
|
|
13
|
-
exports.useColorPickerSwatchContext = useColorPickerSwatchContext;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { createContext } from '../create-context.mjs';
|
|
2
|
-
|
|
3
|
-
const [ColorPickerSwatchProvider, useColorPickerSwatchContext] = createContext({
|
|
4
|
-
hookName: "useColorPickerSwatchContext",
|
|
5
|
-
providerName: "<ColorPickerSwatchProvider />"
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
export { ColorPickerSwatchProvider, useColorPickerSwatchContext };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const colorPicker = require('@zag-js/color-picker');
|
|
6
|
-
|
|
7
|
-
const colorPickerAnatomy = colorPicker.anatomy.extendWith("swatchGroup");
|
|
8
|
-
const parts = colorPickerAnatomy.build();
|
|
9
|
-
|
|
10
|
-
exports.colorPickerAnatomy = colorPickerAnatomy;
|
|
11
|
-
exports.parts = parts;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
|
|
2
|
-
export declare const colorPickerAnatomy: AnatomyInstance<"label" | "area" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBackground" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBackground" | "eyeDropperTrigger" | "swatchGroup">;
|
|
3
|
-
export declare const parts: Record<"label" | "area" | "content" | "areaThumb" | "areaGradient" | "channelSliderTrack" | "channelSliderTrackBackground" | "channelSliderThumb" | "channelInput" | "swatch" | "swatchBackground" | "eyeDropperTrigger" | "swatchGroup", AnatomyPart>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { OptionGroupLabelProps } from '@zag-js/select';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type ComboboxOptionGroupLabelProps = Assign<HTMLArkProps<'div'>, OptionGroupLabelProps>;
|
|
6
|
-
export declare const ComboboxOptionGroupLabel: (props: ComboboxOptionGroupLabelProps) => JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { OptionGroupProps } from '@zag-js/combobox';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type ComboboxOptionGroupProps = Assign<HTMLArkProps<'div'>, OptionGroupProps>;
|
|
6
|
-
export declare const ComboboxOptionGroup: (props: ComboboxOptionGroupProps) => JSX.Element;
|
|
@@ -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 solidJs = require('solid-js');
|
|
8
|
-
const createSplitProps = require('../create-split-props.cjs');
|
|
9
|
-
const factory = require('../factory.cjs');
|
|
10
|
-
const comboboxContext = require('./combobox-context.cjs');
|
|
11
|
-
|
|
12
|
-
const ComboboxOption = props => {
|
|
13
|
-
const [optionProps, localProps] = createSplitProps.createSplitProps()(props, ['count', 'disabled', 'label', 'value', 'index']);
|
|
14
|
-
const [childrenProps, restProps] = solidJs.splitProps(localProps, ['children']);
|
|
15
|
-
const combobox = comboboxContext.useComboboxContext();
|
|
16
|
-
const mergedProps = solid.mergeProps(() => combobox().getOptionProps(optionProps), restProps);
|
|
17
|
-
return web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
|
|
18
|
-
get children() {
|
|
19
|
-
return childrenProps.children || optionProps.label;
|
|
20
|
-
}
|
|
21
|
-
}));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.ComboboxOption = ComboboxOption;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { OptionProps } from '@zag-js/combobox';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type ComboboxOptionProps = Assign<HTMLArkProps<'div'>, OptionProps>;
|
|
6
|
-
export declare const ComboboxOption: (props: ComboboxOptionProps) => JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { splitProps } from 'solid-js';
|
|
4
|
-
import { createSplitProps } from '../create-split-props.mjs';
|
|
5
|
-
import { ark } from '../factory.mjs';
|
|
6
|
-
import { useComboboxContext } from './combobox-context.mjs';
|
|
7
|
-
|
|
8
|
-
const ComboboxOption = props => {
|
|
9
|
-
const [optionProps, localProps] = createSplitProps()(props, ['count', 'disabled', 'label', 'value', 'index']);
|
|
10
|
-
const [childrenProps, restProps] = splitProps(localProps, ['children']);
|
|
11
|
-
const combobox = useComboboxContext();
|
|
12
|
-
const mergedProps = mergeProps(() => combobox().getOptionProps(optionProps), restProps);
|
|
13
|
-
return createComponent(ark.div, mergeProps$1(mergedProps, {
|
|
14
|
-
get children() {
|
|
15
|
-
return childrenProps.children || optionProps.label;
|
|
16
|
-
}
|
|
17
|
-
}));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { ComboboxOption };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
|
|
@@ -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 [DatePickerCellProvider, useDatePickerCellContext] = createContext.createContext({
|
|
8
|
-
hookName: "useDatePickerCellContext",
|
|
9
|
-
providerName: "<DatePickerCellProvider />"
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
exports.DatePickerCellProvider = DatePickerCellProvider;
|
|
13
|
-
exports.useDatePickerCellContext = useDatePickerCellContext;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { createContext } from '../create-context.mjs';
|
|
2
|
-
|
|
3
|
-
const [DatePickerCellProvider, useDatePickerCellContext] = createContext({
|
|
4
|
-
hookName: "useDatePickerCellContext",
|
|
5
|
-
providerName: "<DatePickerCellProvider />"
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
export { DatePickerCellProvider, useDatePickerCellContext };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const factory = require('../factory.cjs');
|
|
7
|
-
const datePicker_anatomy = require('./date-picker.anatomy.cjs');
|
|
8
|
-
|
|
9
|
-
const DatePickerColumnHeader = props => web.createComponent(factory.ark.div, web.mergeProps({
|
|
10
|
-
role: "columnheader"
|
|
11
|
-
}, () => datePicker_anatomy.parts.columnHeader.attrs, props));
|
|
12
|
-
|
|
13
|
-
exports.DatePickerColumnHeader = DatePickerColumnHeader;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createComponent, mergeProps } from 'solid-js/web';
|
|
2
|
-
import { ark } from '../factory.mjs';
|
|
3
|
-
import { parts } from './date-picker.anatomy.mjs';
|
|
4
|
-
|
|
5
|
-
const DatePickerColumnHeader = props => createComponent(ark.div, mergeProps({
|
|
6
|
-
role: "columnheader"
|
|
7
|
-
}, () => parts.columnHeader.attrs, props));
|
|
8
|
-
|
|
9
|
-
export { DatePickerColumnHeader };
|
|
@@ -1,15 +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 [DatePickerDayCellProvider, useDatePickerDayCellContext] = createContext.createContext(
|
|
8
|
-
{
|
|
9
|
-
hookName: "useDatePickerDayCellContext",
|
|
10
|
-
providerName: "<DatePickerDayCellProvider />"
|
|
11
|
-
}
|
|
12
|
-
);
|
|
13
|
-
|
|
14
|
-
exports.DatePickerDayCellProvider = DatePickerDayCellProvider;
|
|
15
|
-
exports.useDatePickerDayCellContext = useDatePickerDayCellContext;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createContext } from '../create-context.mjs';
|
|
2
|
-
|
|
3
|
-
const [DatePickerDayCellProvider, useDatePickerDayCellContext] = createContext(
|
|
4
|
-
{
|
|
5
|
-
hookName: "useDatePickerDayCellContext",
|
|
6
|
-
providerName: "<DatePickerDayCellProvider />"
|
|
7
|
-
}
|
|
8
|
-
);
|
|
9
|
-
|
|
10
|
-
export { DatePickerDayCellProvider, useDatePickerDayCellContext };
|
|
@@ -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 factory = require('../factory.cjs');
|
|
8
|
-
const datePickerContext = require('./date-picker-context.cjs');
|
|
9
|
-
const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
|
|
10
|
-
|
|
11
|
-
const DatePickerDayCellTrigger = props => {
|
|
12
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
13
|
-
const cellProps = datePickerDayCellContext.useDatePickerDayCellContext();
|
|
14
|
-
const mergedProps = solid.mergeProps(() => datePicker().getDayCellTriggerProps(cellProps), props);
|
|
15
|
-
return web.createComponent(factory.ark.button, mergedProps);
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.DatePickerDayCellTrigger = DatePickerDayCellTrigger;
|
|
@@ -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 { useDatePickerContext } from './date-picker-context.mjs';
|
|
5
|
-
import { useDatePickerDayCellContext } from './date-picker-day-cell-context.mjs';
|
|
6
|
-
|
|
7
|
-
const DatePickerDayCellTrigger = props => {
|
|
8
|
-
const datePicker = useDatePickerContext();
|
|
9
|
-
const cellProps = useDatePickerDayCellContext();
|
|
10
|
-
const mergedProps = mergeProps(() => datePicker().getDayCellTriggerProps(cellProps), props);
|
|
11
|
-
return createComponent(ark.button, mergedProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { DatePickerDayCellTrigger };
|
|
@@ -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 datePickerContext = require('./date-picker-context.cjs');
|
|
10
|
-
const datePickerDayCellContext = require('./date-picker-day-cell-context.cjs');
|
|
11
|
-
|
|
12
|
-
const DatePickerDayCell = props => {
|
|
13
|
-
const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled', 'offset']);
|
|
14
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
15
|
-
const mergedProps = solid.mergeProps(() => datePicker().getDayCellProps(cellProps), localProps);
|
|
16
|
-
return web.createComponent(datePickerDayCellContext.DatePickerDayCellProvider, {
|
|
17
|
-
value: cellProps,
|
|
18
|
-
get children() {
|
|
19
|
-
return web.createComponent(factory.ark.div, mergedProps);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.DatePickerDayCell = DatePickerDayCell;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { DayCellProps } from '@zag-js/date-picker';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type DatePickerDayCellProps = Assign<HTMLArkProps<'div'>, DayCellProps>;
|
|
6
|
-
export declare const DatePickerDayCell: (props: DatePickerDayCellProps) => JSX.Element;
|
|
@@ -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 { useDatePickerContext } from './date-picker-context.mjs';
|
|
6
|
-
import { DatePickerDayCellProvider } from './date-picker-day-cell-context.mjs';
|
|
7
|
-
|
|
8
|
-
const DatePickerDayCell = props => {
|
|
9
|
-
const [cellProps, localProps] = createSplitProps()(props, ['value', 'disabled', 'offset']);
|
|
10
|
-
const datePicker = useDatePickerContext();
|
|
11
|
-
const mergedProps = mergeProps(() => datePicker().getDayCellProps(cellProps), localProps);
|
|
12
|
-
return createComponent(DatePickerDayCellProvider, {
|
|
13
|
-
value: cellProps,
|
|
14
|
-
get children() {
|
|
15
|
-
return createComponent(ark.div, mergedProps);
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { DatePickerDayCell };
|
|
@@ -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 solidJs = require('solid-js');
|
|
8
|
-
const createSplitProps = require('../create-split-props.cjs');
|
|
9
|
-
const factory = require('../factory.cjs');
|
|
10
|
-
const datePickerContext = require('./date-picker-context.cjs');
|
|
11
|
-
|
|
12
|
-
const DatePickerGrid = props => {
|
|
13
|
-
const [gridProps, localProps] = createSplitProps.createSplitProps()(props, ['view', 'columns', 'id']);
|
|
14
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
15
|
-
const mergedProps = solid.mergeProps(() => datePicker().getGridProps({
|
|
16
|
-
view: datePicker().view,
|
|
17
|
-
id: solidJs.createUniqueId(),
|
|
18
|
-
...gridProps
|
|
19
|
-
}), localProps);
|
|
20
|
-
return web.createComponent(factory.ark.div, mergedProps);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
exports.DatePickerGrid = DatePickerGrid;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { GridProps } from '@zag-js/date-picker';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type DatePickerGridProps = Assign<HTMLArkProps<'div'>, GridProps>;
|
|
6
|
-
export declare const DatePickerGrid: (props: DatePickerGridProps) => JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { createComponent } from 'solid-js/web';
|
|
2
|
-
import { mergeProps } from '@zag-js/solid';
|
|
3
|
-
import { createUniqueId } from 'solid-js';
|
|
4
|
-
import { createSplitProps } from '../create-split-props.mjs';
|
|
5
|
-
import { ark } from '../factory.mjs';
|
|
6
|
-
import { useDatePickerContext } from './date-picker-context.mjs';
|
|
7
|
-
|
|
8
|
-
const DatePickerGrid = props => {
|
|
9
|
-
const [gridProps, localProps] = createSplitProps()(props, ['view', 'columns', 'id']);
|
|
10
|
-
const datePicker = useDatePickerContext();
|
|
11
|
-
const mergedProps = mergeProps(() => datePicker().getGridProps({
|
|
12
|
-
view: datePicker().view,
|
|
13
|
-
id: createUniqueId(),
|
|
14
|
-
...gridProps
|
|
15
|
-
}), localProps);
|
|
16
|
-
return createComponent(ark.div, mergedProps);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { DatePickerGrid };
|
|
@@ -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 factory = require('../factory.cjs');
|
|
8
|
-
const datePickerCellContext = require('./date-picker-cell-context.cjs');
|
|
9
|
-
const datePickerContext = require('./date-picker-context.cjs');
|
|
10
|
-
|
|
11
|
-
const DatePickerMonthCellTrigger = props => {
|
|
12
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
13
|
-
const cellProps = datePickerCellContext.useDatePickerCellContext();
|
|
14
|
-
const mergedProps = solid.mergeProps(() => datePicker().getMonthCellTriggerProps(cellProps), props);
|
|
15
|
-
return web.createComponent(factory.ark.button, mergedProps);
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.DatePickerMonthCellTrigger = DatePickerMonthCellTrigger;
|
|
@@ -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 { useDatePickerCellContext } from './date-picker-cell-context.mjs';
|
|
5
|
-
import { useDatePickerContext } from './date-picker-context.mjs';
|
|
6
|
-
|
|
7
|
-
const DatePickerMonthCellTrigger = props => {
|
|
8
|
-
const datePicker = useDatePickerContext();
|
|
9
|
-
const cellProps = useDatePickerCellContext();
|
|
10
|
-
const mergedProps = mergeProps(() => datePicker().getMonthCellTriggerProps(cellProps), props);
|
|
11
|
-
return createComponent(ark.button, mergedProps);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { DatePickerMonthCellTrigger };
|
|
@@ -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 datePickerCellContext = require('./date-picker-cell-context.cjs');
|
|
10
|
-
const datePickerContext = require('./date-picker-context.cjs');
|
|
11
|
-
|
|
12
|
-
const DatePickerMonthCell = props => {
|
|
13
|
-
const [cellProps, localProps] = createSplitProps.createSplitProps()(props, ['value', 'disabled']);
|
|
14
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
15
|
-
const mergedProps = solid.mergeProps(() => datePicker().getMonthCellProps(cellProps), localProps);
|
|
16
|
-
return web.createComponent(datePickerCellContext.DatePickerCellProvider, {
|
|
17
|
-
value: cellProps,
|
|
18
|
-
get children() {
|
|
19
|
-
return web.createComponent(factory.ark.div, mergedProps);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.DatePickerMonthCell = DatePickerMonthCell;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { JSX } from 'solid-js';
|
|
2
|
-
import type { CellProps } from '@zag-js/date-picker';
|
|
3
|
-
import { type HTMLArkProps } from '../factory';
|
|
4
|
-
import type { Assign } from '../types';
|
|
5
|
-
export type DatePickerMonthCellProps = Assign<HTMLArkProps<'div'>, CellProps>;
|
|
6
|
-
export declare const DatePickerMonthCell: (props: DatePickerMonthCellProps) => JSX.Element;
|
|
@@ -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 { DatePickerCellProvider } from './date-picker-cell-context.mjs';
|
|
6
|
-
import { useDatePickerContext } from './date-picker-context.mjs';
|
|
7
|
-
|
|
8
|
-
const DatePickerMonthCell = props => {
|
|
9
|
-
const [cellProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
|
|
10
|
-
const datePicker = useDatePickerContext();
|
|
11
|
-
const mergedProps = mergeProps(() => datePicker().getMonthCellProps(cellProps), localProps);
|
|
12
|
-
return createComponent(DatePickerCellProvider, {
|
|
13
|
-
value: cellProps,
|
|
14
|
-
get children() {
|
|
15
|
-
return createComponent(ark.div, mergedProps);
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { DatePickerMonthCell };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const web = require('solid-js/web');
|
|
6
|
-
const factory = require('../factory.cjs');
|
|
7
|
-
const datePicker_anatomy = require('./date-picker.anatomy.cjs');
|
|
8
|
-
|
|
9
|
-
const DatePickerRowGroup = props => web.createComponent(factory.ark.div, web.mergeProps({
|
|
10
|
-
role: "rowgroup"
|
|
11
|
-
}, () => datePicker_anatomy.parts.rowGroup.attrs, props));
|
|
12
|
-
|
|
13
|
-
exports.DatePickerRowGroup = DatePickerRowGroup;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createComponent, mergeProps } from 'solid-js/web';
|
|
2
|
-
import { ark } from '../factory.mjs';
|
|
3
|
-
import { parts } from './date-picker.anatomy.mjs';
|
|
4
|
-
|
|
5
|
-
const DatePickerRowGroup = props => createComponent(ark.div, mergeProps({
|
|
6
|
-
role: "rowgroup"
|
|
7
|
-
}, () => parts.rowGroup.attrs, props));
|
|
8
|
-
|
|
9
|
-
export { DatePickerRowGroup };
|
|
@@ -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 datePickerContext = require('./date-picker-context.cjs');
|
|
9
|
-
|
|
10
|
-
const DatePickerRowHeader = props => {
|
|
11
|
-
const datePicker = datePickerContext.useDatePickerContext();
|
|
12
|
-
const mergedProps = solid.mergeProps(() => datePicker().getHeaderProps({
|
|
13
|
-
view: 'day'
|
|
14
|
-
}), props);
|
|
15
|
-
return web.createComponent(factory.ark.div, web.mergeProps({
|
|
16
|
-
role: "row"
|
|
17
|
-
}, mergedProps, {
|
|
18
|
-
"aria-hidden": false
|
|
19
|
-
}));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.DatePickerRowHeader = DatePickerRowHeader;
|
|
@@ -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 { useDatePickerContext } from './date-picker-context.mjs';
|
|
5
|
-
|
|
6
|
-
const DatePickerRowHeader = props => {
|
|
7
|
-
const datePicker = useDatePickerContext();
|
|
8
|
-
const mergedProps = mergeProps(() => datePicker().getHeaderProps({
|
|
9
|
-
view: 'day'
|
|
10
|
-
}), props);
|
|
11
|
-
return createComponent(ark.div, mergeProps$1({
|
|
12
|
-
role: "row"
|
|
13
|
-
}, mergedProps, {
|
|
14
|
-
"aria-hidden": false
|
|
15
|
-
}));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { DatePickerRowHeader };
|