ui-ingredients 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +73 -0
- package/dist/accordion/context.svelte.d.ts +10 -0
- package/dist/accordion/context.svelte.js +20 -0
- package/dist/accordion/index.d.ts +5 -0
- package/dist/accordion/index.js +5 -0
- package/dist/accordion/item-content.svelte +13 -0
- package/dist/accordion/item-content.svelte.d.ts +22 -0
- package/dist/accordion/item-indicator.svelte +13 -0
- package/dist/accordion/item-indicator.svelte.d.ts +22 -0
- package/dist/accordion/item-trigger.svelte +13 -0
- package/dist/accordion/item-trigger.svelte.d.ts +22 -0
- package/dist/accordion/item.svelte +24 -0
- package/dist/accordion/item.svelte.d.ts +23 -0
- package/dist/accordion/root.svelte +40 -0
- package/dist/accordion/root.svelte.d.ts +25 -0
- package/dist/avatar/context.svelte.d.ts +8 -0
- package/dist/avatar/context.svelte.js +14 -0
- package/dist/avatar/fallback.svelte +12 -0
- package/dist/avatar/fallback.svelte.d.ts +22 -0
- package/dist/avatar/image.svelte +10 -0
- package/dist/avatar/image.svelte.d.ts +22 -0
- package/dist/avatar/index.d.ts +3 -0
- package/dist/avatar/index.js +3 -0
- package/dist/avatar/root.svelte +29 -0
- package/dist/avatar/root.svelte.d.ts +25 -0
- package/dist/carousel/context.svelte.d.ts +8 -0
- package/dist/carousel/context.svelte.js +14 -0
- package/dist/carousel/index.d.ts +8 -0
- package/dist/carousel/index.js +8 -0
- package/dist/carousel/indicator-group.svelte +12 -0
- package/dist/carousel/indicator-group.svelte.d.ts +22 -0
- package/dist/carousel/indicator.svelte +20 -0
- package/dist/carousel/indicator.svelte.d.ts +23 -0
- package/dist/carousel/item-group.svelte +12 -0
- package/dist/carousel/item-group.svelte.d.ts +22 -0
- package/dist/carousel/item.svelte +12 -0
- package/dist/carousel/item.svelte.d.ts +23 -0
- package/dist/carousel/next-trigger.svelte +12 -0
- package/dist/carousel/next-trigger.svelte.d.ts +22 -0
- package/dist/carousel/prev-trigger.svelte +12 -0
- package/dist/carousel/prev-trigger.svelte.d.ts +22 -0
- package/dist/carousel/root.svelte +40 -0
- package/dist/carousel/root.svelte.d.ts +25 -0
- package/dist/carousel/viewport.svelte +12 -0
- package/dist/carousel/viewport.svelte.d.ts +22 -0
- package/dist/checkbox/context.svelte.d.ts +8 -0
- package/dist/checkbox/context.svelte.js +14 -0
- package/dist/checkbox/control.svelte +12 -0
- package/dist/checkbox/control.svelte.d.ts +22 -0
- package/dist/checkbox/hidden-input.svelte +10 -0
- package/dist/checkbox/hidden-input.svelte.d.ts +22 -0
- package/dist/checkbox/index.d.ts +5 -0
- package/dist/checkbox/index.js +5 -0
- package/dist/checkbox/indicator.svelte +12 -0
- package/dist/checkbox/indicator.svelte.d.ts +22 -0
- package/dist/checkbox/label.svelte +12 -0
- package/dist/checkbox/label.svelte.d.ts +22 -0
- package/dist/checkbox/root.svelte +44 -0
- package/dist/checkbox/root.svelte.d.ts +25 -0
- package/dist/clipboard/context.svelte.d.ts +8 -0
- package/dist/clipboard/context.svelte.js +14 -0
- package/dist/clipboard/control.svelte +12 -0
- package/dist/clipboard/control.svelte.d.ts +22 -0
- package/dist/clipboard/index.d.ts +6 -0
- package/dist/clipboard/index.js +6 -0
- package/dist/clipboard/indicator.svelte +12 -0
- package/dist/clipboard/indicator.svelte.d.ts +23 -0
- package/dist/clipboard/input.svelte +10 -0
- package/dist/clipboard/input.svelte.d.ts +22 -0
- package/dist/clipboard/label.svelte +12 -0
- package/dist/clipboard/label.svelte.d.ts +22 -0
- package/dist/clipboard/root.svelte +30 -0
- package/dist/clipboard/root.svelte.d.ts +25 -0
- package/dist/clipboard/trigger.svelte +12 -0
- package/dist/clipboard/trigger.svelte.d.ts +22 -0
- package/dist/collapsible/content.svelte +12 -0
- package/dist/collapsible/content.svelte.d.ts +22 -0
- package/dist/collapsible/context.svelte.d.ts +8 -0
- package/dist/collapsible/context.svelte.js +14 -0
- package/dist/collapsible/index.d.ts +3 -0
- package/dist/collapsible/index.js +3 -0
- package/dist/collapsible/root.svelte +36 -0
- package/dist/collapsible/root.svelte.d.ts +25 -0
- package/dist/collapsible/trigger.svelte +12 -0
- package/dist/collapsible/trigger.svelte.d.ts +22 -0
- package/dist/color-picker/.gitkeep +0 -0
- package/dist/combobox/clear-trigger.svelte +12 -0
- package/dist/combobox/clear-trigger.svelte.d.ts +22 -0
- package/dist/combobox/content.svelte +12 -0
- package/dist/combobox/content.svelte.d.ts +22 -0
- package/dist/combobox/context.svelte.d.ts +16 -0
- package/dist/combobox/context.svelte.js +38 -0
- package/dist/combobox/control.svelte +12 -0
- package/dist/combobox/control.svelte.d.ts +22 -0
- package/dist/combobox/index.d.ts +14 -0
- package/dist/combobox/index.js +14 -0
- package/dist/combobox/input.svelte +10 -0
- package/dist/combobox/input.svelte.d.ts +22 -0
- package/dist/combobox/item-group-label.svelte +20 -0
- package/dist/combobox/item-group-label.svelte.d.ts +22 -0
- package/dist/combobox/item-group.svelte +14 -0
- package/dist/combobox/item-group.svelte.d.ts +23 -0
- package/dist/combobox/item-indicator.svelte +13 -0
- package/dist/combobox/item-indicator.svelte.d.ts +22 -0
- package/dist/combobox/item-text.svelte +17 -0
- package/dist/combobox/item-text.svelte.d.ts +22 -0
- package/dist/combobox/item.svelte +24 -0
- package/dist/combobox/item.svelte.d.ts +23 -0
- package/dist/combobox/label.svelte +12 -0
- package/dist/combobox/label.svelte.d.ts +22 -0
- package/dist/combobox/list.svelte +12 -0
- package/dist/combobox/list.svelte.d.ts +22 -0
- package/dist/combobox/positioner.svelte +12 -0
- package/dist/combobox/positioner.svelte.d.ts +22 -0
- package/dist/combobox/root.svelte +104 -0
- package/dist/combobox/root.svelte.d.ts +28 -0
- package/dist/combobox/trigger.svelte +12 -0
- package/dist/combobox/trigger.svelte.d.ts +22 -0
- package/dist/date-picker/.gitkeep +0 -0
- package/dist/dialog/backdrop.svelte +12 -0
- package/dist/dialog/backdrop.svelte.d.ts +22 -0
- package/dist/dialog/close-trigger.svelte +12 -0
- package/dist/dialog/close-trigger.svelte.d.ts +22 -0
- package/dist/dialog/content.svelte +12 -0
- package/dist/dialog/content.svelte.d.ts +22 -0
- package/dist/dialog/context.svelte.d.ts +8 -0
- package/dist/dialog/context.svelte.js +14 -0
- package/dist/dialog/description.svelte +12 -0
- package/dist/dialog/description.svelte.d.ts +22 -0
- package/dist/dialog/index.d.ts +8 -0
- package/dist/dialog/index.js +8 -0
- package/dist/dialog/positioner.svelte +12 -0
- package/dist/dialog/positioner.svelte.d.ts +22 -0
- package/dist/dialog/root.svelte +10 -0
- package/dist/dialog/root.svelte.d.ts +24 -0
- package/dist/dialog/title.svelte +12 -0
- package/dist/dialog/title.svelte.d.ts +22 -0
- package/dist/dialog/trigger.svelte +12 -0
- package/dist/dialog/trigger.svelte.d.ts +22 -0
- package/dist/editable/.gitkeep +0 -0
- package/dist/file-upload/.gitkeep +0 -0
- package/dist/hover-card/arrow-tip.svelte +12 -0
- package/dist/hover-card/arrow-tip.svelte.d.ts +22 -0
- package/dist/hover-card/arrow.svelte +12 -0
- package/dist/hover-card/arrow.svelte.d.ts +22 -0
- package/dist/hover-card/content.svelte +12 -0
- package/dist/hover-card/content.svelte.d.ts +22 -0
- package/dist/hover-card/context.svelte.d.ts +8 -0
- package/dist/hover-card/context.svelte.js +14 -0
- package/dist/hover-card/index.d.ts +6 -0
- package/dist/hover-card/index.js +6 -0
- package/dist/hover-card/positioner.svelte +12 -0
- package/dist/hover-card/positioner.svelte.d.ts +22 -0
- package/dist/hover-card/root.svelte +10 -0
- package/dist/hover-card/root.svelte.d.ts +24 -0
- package/dist/hover-card/trigger.svelte +12 -0
- package/dist/hover-card/trigger.svelte.d.ts +22 -0
- package/dist/index.d.ts +73 -0
- package/dist/index.js +52 -0
- package/dist/menu/.gitkeep +0 -0
- package/dist/number-input/context.svelte.d.ts +8 -0
- package/dist/number-input/context.svelte.js +14 -0
- package/dist/number-input/control.svelte +12 -0
- package/dist/number-input/control.svelte.d.ts +22 -0
- package/dist/number-input/decrement-trigger.svelte +12 -0
- package/dist/number-input/decrement-trigger.svelte.d.ts +22 -0
- package/dist/number-input/increment-trigger.svelte +12 -0
- package/dist/number-input/increment-trigger.svelte.d.ts +22 -0
- package/dist/number-input/index.d.ts +7 -0
- package/dist/number-input/index.js +7 -0
- package/dist/number-input/input.svelte +10 -0
- package/dist/number-input/input.svelte.d.ts +22 -0
- package/dist/number-input/label.svelte +12 -0
- package/dist/number-input/label.svelte.d.ts +22 -0
- package/dist/number-input/root.svelte +72 -0
- package/dist/number-input/root.svelte.d.ts +25 -0
- package/dist/number-input/scrubber.svelte +12 -0
- package/dist/number-input/scrubber.svelte.d.ts +22 -0
- package/dist/pagination/context.svelte.d.ts +8 -0
- package/dist/pagination/context.svelte.js +14 -0
- package/dist/pagination/ellipsis.svelte +12 -0
- package/dist/pagination/ellipsis.svelte.d.ts +23 -0
- package/dist/pagination/index.d.ts +5 -0
- package/dist/pagination/index.js +5 -0
- package/dist/pagination/item.svelte +20 -0
- package/dist/pagination/item.svelte.d.ts +23 -0
- package/dist/pagination/next-trigger.svelte +12 -0
- package/dist/pagination/next-trigger.svelte.d.ts +22 -0
- package/dist/pagination/prev-trigger.svelte +12 -0
- package/dist/pagination/prev-trigger.svelte.d.ts +22 -0
- package/dist/pagination/root.svelte +42 -0
- package/dist/pagination/root.svelte.d.ts +25 -0
- package/dist/pin-input/clear-trigger.svelte +17 -0
- package/dist/pin-input/clear-trigger.svelte.d.ts +22 -0
- package/dist/pin-input/context.svelte.d.ts +8 -0
- package/dist/pin-input/context.svelte.js +14 -0
- package/dist/pin-input/hidden-input.svelte +10 -0
- package/dist/pin-input/hidden-input.svelte.d.ts +22 -0
- package/dist/pin-input/index.d.ts +5 -0
- package/dist/pin-input/index.js +5 -0
- package/dist/pin-input/input.svelte +10 -0
- package/dist/pin-input/input.svelte.d.ts +23 -0
- package/dist/pin-input/label.svelte +12 -0
- package/dist/pin-input/label.svelte.d.ts +22 -0
- package/dist/pin-input/root.svelte +64 -0
- package/dist/pin-input/root.svelte.d.ts +25 -0
- package/dist/popover/arrow-tip.svelte +12 -0
- package/dist/popover/arrow-tip.svelte.d.ts +22 -0
- package/dist/popover/arrow.svelte +12 -0
- package/dist/popover/arrow.svelte.d.ts +22 -0
- package/dist/popover/close-trigger.svelte +12 -0
- package/dist/popover/close-trigger.svelte.d.ts +22 -0
- package/dist/popover/content.svelte +12 -0
- package/dist/popover/content.svelte.d.ts +22 -0
- package/dist/popover/context.svelte.d.ts +8 -0
- package/dist/popover/context.svelte.js +14 -0
- package/dist/popover/description.svelte +12 -0
- package/dist/popover/description.svelte.d.ts +22 -0
- package/dist/popover/index.d.ts +9 -0
- package/dist/popover/index.js +9 -0
- package/dist/popover/positioner.svelte +12 -0
- package/dist/popover/positioner.svelte.d.ts +22 -0
- package/dist/popover/root.svelte +10 -0
- package/dist/popover/root.svelte.d.ts +24 -0
- package/dist/popover/title.svelte +12 -0
- package/dist/popover/title.svelte.d.ts +22 -0
- package/dist/popover/trigger.svelte +12 -0
- package/dist/popover/trigger.svelte.d.ts +22 -0
- package/dist/portal/index.d.ts +1 -0
- package/dist/portal/index.js +1 -0
- package/dist/portal/root.svelte +10 -0
- package/dist/portal/root.svelte.d.ts +25 -0
- package/dist/presence/index.d.ts +1 -0
- package/dist/presence/index.js +1 -0
- package/dist/presence/root.svelte +27 -0
- package/dist/presence/root.svelte.d.ts +23 -0
- package/dist/progress/circle-range.svelte +12 -0
- package/dist/progress/circle-range.svelte.d.ts +22 -0
- package/dist/progress/circle-track.svelte +12 -0
- package/dist/progress/circle-track.svelte.d.ts +22 -0
- package/dist/progress/circle.svelte +12 -0
- package/dist/progress/circle.svelte.d.ts +22 -0
- package/dist/progress/context.svelte.d.ts +8 -0
- package/dist/progress/context.svelte.js +14 -0
- package/dist/progress/index.d.ts +8 -0
- package/dist/progress/index.js +8 -0
- package/dist/progress/label.svelte +12 -0
- package/dist/progress/label.svelte.d.ts +22 -0
- package/dist/progress/range.svelte +12 -0
- package/dist/progress/range.svelte.d.ts +22 -0
- package/dist/progress/root.svelte +36 -0
- package/dist/progress/root.svelte.d.ts +25 -0
- package/dist/progress/track.svelte +12 -0
- package/dist/progress/track.svelte.d.ts +22 -0
- package/dist/progress/value-text.svelte +16 -0
- package/dist/progress/value-text.svelte.d.ts +22 -0
- package/dist/qr-code/.gitkeep +0 -0
- package/dist/radio-group/context.svelte.d.ts +10 -0
- package/dist/radio-group/context.svelte.js +20 -0
- package/dist/radio-group/index.d.ts +7 -0
- package/dist/radio-group/index.js +7 -0
- package/dist/radio-group/indicator.svelte +12 -0
- package/dist/radio-group/indicator.svelte.d.ts +22 -0
- package/dist/radio-group/item-control.svelte +13 -0
- package/dist/radio-group/item-control.svelte.d.ts +22 -0
- package/dist/radio-group/item-hidden-input.svelte +11 -0
- package/dist/radio-group/item-hidden-input.svelte.d.ts +22 -0
- package/dist/radio-group/item-text.svelte +13 -0
- package/dist/radio-group/item-text.svelte.d.ts +22 -0
- package/dist/radio-group/item.svelte +26 -0
- package/dist/radio-group/item.svelte.d.ts +23 -0
- package/dist/radio-group/label.svelte +12 -0
- package/dist/radio-group/label.svelte.d.ts +22 -0
- package/dist/radio-group/root.svelte +40 -0
- package/dist/radio-group/root.svelte.d.ts +25 -0
- package/dist/rating-group/.gitkeep +0 -0
- package/dist/select/clear-trigger.svelte +12 -0
- package/dist/select/clear-trigger.svelte.d.ts +22 -0
- package/dist/select/content.svelte +12 -0
- package/dist/select/content.svelte.d.ts +22 -0
- package/dist/select/context.svelte.d.ts +19 -0
- package/dist/select/context.svelte.js +38 -0
- package/dist/select/control.svelte +12 -0
- package/dist/select/control.svelte.d.ts +22 -0
- package/dist/select/hidden-select.svelte +12 -0
- package/dist/select/hidden-select.svelte.d.ts +22 -0
- package/dist/select/index.d.ts +16 -0
- package/dist/select/index.js +16 -0
- package/dist/select/indicator.svelte +12 -0
- package/dist/select/indicator.svelte.d.ts +22 -0
- package/dist/select/item-group-label.svelte +15 -0
- package/dist/select/item-group-label.svelte.d.ts +22 -0
- package/dist/select/item-group.svelte +14 -0
- package/dist/select/item-group.svelte.d.ts +23 -0
- package/dist/select/item-indicator.svelte +13 -0
- package/dist/select/item-indicator.svelte.d.ts +22 -0
- package/dist/select/item-text.svelte +17 -0
- package/dist/select/item-text.svelte.d.ts +22 -0
- package/dist/select/item.svelte +24 -0
- package/dist/select/item.svelte.d.ts +23 -0
- package/dist/select/label.svelte +12 -0
- package/dist/select/label.svelte.d.ts +22 -0
- package/dist/select/list.svelte +12 -0
- package/dist/select/list.svelte.d.ts +22 -0
- package/dist/select/positioner.svelte +12 -0
- package/dist/select/positioner.svelte.d.ts +22 -0
- package/dist/select/root.svelte +78 -0
- package/dist/select/root.svelte.d.ts +28 -0
- package/dist/select/trigger.svelte +12 -0
- package/dist/select/trigger.svelte.d.ts +22 -0
- package/dist/select/value-text.svelte +18 -0
- package/dist/select/value-text.svelte.d.ts +22 -0
- package/dist/signature-pad/.gitkeep +0 -0
- package/dist/slider/context.svelte.d.ts +10 -0
- package/dist/slider/context.svelte.js +20 -0
- package/dist/slider/control.svelte +12 -0
- package/dist/slider/control.svelte.d.ts +22 -0
- package/dist/slider/hidden-input.svelte +11 -0
- package/dist/slider/hidden-input.svelte.d.ts +22 -0
- package/dist/slider/index.d.ts +10 -0
- package/dist/slider/index.js +10 -0
- package/dist/slider/label.svelte +12 -0
- package/dist/slider/label.svelte.d.ts +22 -0
- package/dist/slider/marker-group.svelte +12 -0
- package/dist/slider/marker-group.svelte.d.ts +22 -0
- package/dist/slider/marker.svelte +19 -0
- package/dist/slider/marker.svelte.d.ts +23 -0
- package/dist/slider/range.svelte +12 -0
- package/dist/slider/range.svelte.d.ts +22 -0
- package/dist/slider/root.svelte +66 -0
- package/dist/slider/root.svelte.d.ts +25 -0
- package/dist/slider/thumb.svelte +24 -0
- package/dist/slider/thumb.svelte.d.ts +23 -0
- package/dist/slider/track.svelte +12 -0
- package/dist/slider/track.svelte.d.ts +22 -0
- package/dist/slider/value-text.svelte +16 -0
- package/dist/slider/value-text.svelte.d.ts +22 -0
- package/dist/steps/.gitkeep +0 -0
- package/dist/switch/context.svelte.d.ts +8 -0
- package/dist/switch/context.svelte.js +14 -0
- package/dist/switch/control.svelte +12 -0
- package/dist/switch/control.svelte.d.ts +22 -0
- package/dist/switch/hidden-input.svelte +10 -0
- package/dist/switch/hidden-input.svelte.d.ts +22 -0
- package/dist/switch/index.d.ts +5 -0
- package/dist/switch/index.js +5 -0
- package/dist/switch/label.svelte +12 -0
- package/dist/switch/label.svelte.d.ts +22 -0
- package/dist/switch/root.svelte +46 -0
- package/dist/switch/root.svelte.d.ts +25 -0
- package/dist/switch/thumb.svelte +12 -0
- package/dist/switch/thumb.svelte.d.ts +22 -0
- package/dist/tabs/content.svelte +12 -0
- package/dist/tabs/content.svelte.d.ts +23 -0
- package/dist/tabs/context.svelte.d.ts +8 -0
- package/dist/tabs/context.svelte.js +14 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.js +4 -0
- package/dist/tabs/list.svelte +12 -0
- package/dist/tabs/list.svelte.d.ts +22 -0
- package/dist/tabs/root.svelte +42 -0
- package/dist/tabs/root.svelte.d.ts +25 -0
- package/dist/tabs/trigger.svelte +12 -0
- package/dist/tabs/trigger.svelte.d.ts +23 -0
- package/dist/tags-input/.gitkeep +0 -0
- package/dist/timer/.gitkeep +0 -0
- package/dist/toast/action-trigger.svelte +12 -0
- package/dist/toast/action-trigger.svelte.d.ts +22 -0
- package/dist/toast/actor.svelte +11 -0
- package/dist/toast/actor.svelte.d.ts +24 -0
- package/dist/toast/close-trigger.svelte +12 -0
- package/dist/toast/close-trigger.svelte.d.ts +22 -0
- package/dist/toast/context.svelte.d.ts +8 -0
- package/dist/toast/context.svelte.js +14 -0
- package/dist/toast/create-toaster.svelte.d.ts +18 -0
- package/dist/toast/create-toaster.svelte.js +12 -0
- package/dist/toast/description.svelte +16 -0
- package/dist/toast/description.svelte.d.ts +22 -0
- package/dist/toast/index.d.ts +4 -0
- package/dist/toast/index.js +3 -0
- package/dist/toast/root.svelte +16 -0
- package/dist/toast/root.svelte.d.ts +22 -0
- package/dist/toast/title.svelte +16 -0
- package/dist/toast/title.svelte.d.ts +22 -0
- package/dist/toast/toast.d.ts +5 -0
- package/dist/toast/toast.js +5 -0
- package/dist/toast/toaster.svelte +25 -0
- package/dist/toast/toaster.svelte.d.ts +27 -0
- package/dist/toggle-group/context.svelte.d.ts +8 -0
- package/dist/toggle-group/context.svelte.js +14 -0
- package/dist/toggle-group/index.d.ts +2 -0
- package/dist/toggle-group/index.js +2 -0
- package/dist/toggle-group/item.svelte +12 -0
- package/dist/toggle-group/item.svelte.d.ts +23 -0
- package/dist/toggle-group/root.svelte +40 -0
- package/dist/toggle-group/root.svelte.d.ts +25 -0
- package/dist/tooltip/arrow-tip.svelte +12 -0
- package/dist/tooltip/arrow-tip.svelte.d.ts +22 -0
- package/dist/tooltip/arrow.svelte +12 -0
- package/dist/tooltip/arrow.svelte.d.ts +22 -0
- package/dist/tooltip/content.svelte +12 -0
- package/dist/tooltip/content.svelte.d.ts +22 -0
- package/dist/tooltip/context.svelte.d.ts +8 -0
- package/dist/tooltip/context.svelte.js +14 -0
- package/dist/tooltip/index.d.ts +6 -0
- package/dist/tooltip/index.js +6 -0
- package/dist/tooltip/positioner.svelte +12 -0
- package/dist/tooltip/positioner.svelte.d.ts +22 -0
- package/dist/tooltip/root.svelte +10 -0
- package/dist/tooltip/root.svelte.d.ts +24 -0
- package/dist/tooltip/trigger.svelte +12 -0
- package/dist/tooltip/trigger.svelte.d.ts +22 -0
- package/dist/types.d.ts +6 -0
- package/dist/types.js +1 -0
- package/dist/utils.svelte.d.ts +2 -0
- package/dist/utils.svelte.js +24 -0
- package/package.json +167 -0
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface DialogPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Positioner: $$__sveltets_2_IsomorphicComponent<DialogPositionerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Positioner = InstanceType<typeof Positioner>;
|
22
|
+
export default Positioner;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { nanoid } from "nanoid/non-secure";
|
4
|
+
import { createDialogContext, setDialogContext } from "./context.svelte.js";
|
5
|
+
let { id = nanoid(), children, ...props } = $props();
|
6
|
+
let context = createDialogContext({ id, ...props });
|
7
|
+
setDialogContext(context);
|
8
|
+
</script>
|
9
|
+
|
10
|
+
{@render children?.(context)}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import type { Snippet } from 'svelte';
|
2
|
+
import type { CreateDialogContextProps, CreateDialogContextReturn } from './context.svelte.js';
|
3
|
+
export interface DialogProps extends OptionalId<CreateDialogContextProps> {
|
4
|
+
children?: Snippet<[CreateDialogContextReturn]>;
|
5
|
+
}
|
6
|
+
import type { OptionalId } from '../types.js';
|
7
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
8
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
9
|
+
$$bindings?: Bindings;
|
10
|
+
} & Exports;
|
11
|
+
(internal: unknown, props: Props & {
|
12
|
+
$$events?: Events;
|
13
|
+
$$slots?: Slots;
|
14
|
+
}): Exports & {
|
15
|
+
$set?: any;
|
16
|
+
$on?: any;
|
17
|
+
};
|
18
|
+
z_$$bindings?: Bindings;
|
19
|
+
}
|
20
|
+
declare const Root: $$__sveltets_2_IsomorphicComponent<DialogProps, {
|
21
|
+
[evt: string]: CustomEvent<any>;
|
22
|
+
}, {}, {}, "">;
|
23
|
+
type Root = InstanceType<typeof Root>;
|
24
|
+
export default Root;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useDialogContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useDialogContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getTitleProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface DialogTitleProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Title: $$__sveltets_2_IsomorphicComponent<DialogTitleProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Title = InstanceType<typeof Title>;
|
22
|
+
export default Title;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useDialogContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useDialogContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getTriggerProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<button type="button" {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</button>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface DialogTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Trigger: $$__sveltets_2_IsomorphicComponent<DialogTriggerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Trigger = InstanceType<typeof Trigger>;
|
22
|
+
export default Trigger;
|
File without changes
|
File without changes
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useHoverCardContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getArrowTipProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface HoverCardArrowTipProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const ArrowTip: $$__sveltets_2_IsomorphicComponent<HoverCardArrowTipProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type ArrowTip = InstanceType<typeof ArrowTip>;
|
22
|
+
export default ArrowTip;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useHoverCardContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getArrowProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface HoverCardArrowProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Arrow: $$__sveltets_2_IsomorphicComponent<HoverCardArrowProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Arrow = InstanceType<typeof Arrow>;
|
22
|
+
export default Arrow;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useHoverCardContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getContentProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface HoverCardContentProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Content: $$__sveltets_2_IsomorphicComponent<HoverCardContentProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Content = InstanceType<typeof Content>;
|
22
|
+
export default Content;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as hoverCard from '@zag-js/hover-card';
|
2
|
+
export interface CreateHoverCardContextProps extends hoverCard.Context {
|
3
|
+
}
|
4
|
+
export interface CreateHoverCardContextReturn extends ReturnType<typeof createHoverCardContext> {
|
5
|
+
}
|
6
|
+
export declare function createHoverCardContext(props: CreateHoverCardContextProps): any;
|
7
|
+
export declare function setHoverCardContext(value: CreateHoverCardContextReturn): void;
|
8
|
+
export declare function useHoverCardContext(): CreateHoverCardContextReturn;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import * as hoverCard from '@zag-js/hover-card';
|
2
|
+
import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
|
3
|
+
import { getContext, setContext } from 'svelte';
|
4
|
+
export function createHoverCardContext(props) {
|
5
|
+
const [state, send] = useMachine(hoverCard.machine(props));
|
6
|
+
const api = $derived(reflect(() => hoverCard.connect(state, send, normalizeProps)));
|
7
|
+
return api;
|
8
|
+
}
|
9
|
+
export function setHoverCardContext(value) {
|
10
|
+
setContext('HoverCard', value);
|
11
|
+
}
|
12
|
+
export function useHoverCardContext() {
|
13
|
+
return getContext('HoverCard');
|
14
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export { default as ArrowTip, type HoverCardArrowTipProps } from './arrow-tip.svelte';
|
2
|
+
export { default as Arrow, type HoverCardArrowProps } from './arrow.svelte';
|
3
|
+
export { default as Content, type HoverCardContentProps } from './content.svelte';
|
4
|
+
export { default as Positioner, type HoverCardPositionerProps } from './positioner.svelte';
|
5
|
+
export { default as Root, type HoverCardProps } from './root.svelte';
|
6
|
+
export { default as Trigger, type HoverCardTriggerProps } from './trigger.svelte';
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export { default as ArrowTip } from './arrow-tip.svelte';
|
2
|
+
export { default as Arrow } from './arrow.svelte';
|
3
|
+
export { default as Content } from './content.svelte';
|
4
|
+
export { default as Positioner } from './positioner.svelte';
|
5
|
+
export { default as Root } from './root.svelte';
|
6
|
+
export { default as Trigger } from './trigger.svelte';
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useHoverCardContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getPositionerProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface HoverCardPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Positioner: $$__sveltets_2_IsomorphicComponent<HoverCardPositionerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Positioner = InstanceType<typeof Positioner>;
|
22
|
+
export default Positioner;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { nanoid } from "nanoid/non-secure";
|
4
|
+
import { createHoverCardContext, setHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { id = nanoid(), children, ...props } = $props();
|
6
|
+
let context = createHoverCardContext({ id, ...props });
|
7
|
+
setHoverCardContext(context);
|
8
|
+
</script>
|
9
|
+
|
10
|
+
{@render children?.(context)}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import type { OptionalId } from '../types.js';
|
2
|
+
import type { Snippet } from 'svelte';
|
3
|
+
import type { CreateHoverCardContextProps, CreateHoverCardContextReturn } from './context.svelte.js';
|
4
|
+
export interface HoverCardProps extends OptionalId<CreateHoverCardContextProps> {
|
5
|
+
children?: Snippet<[CreateHoverCardContextReturn]>;
|
6
|
+
}
|
7
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
8
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
9
|
+
$$bindings?: Bindings;
|
10
|
+
} & Exports;
|
11
|
+
(internal: unknown, props: Props & {
|
12
|
+
$$events?: Events;
|
13
|
+
$$slots?: Slots;
|
14
|
+
}): Exports & {
|
15
|
+
$set?: any;
|
16
|
+
$on?: any;
|
17
|
+
};
|
18
|
+
z_$$bindings?: Bindings;
|
19
|
+
}
|
20
|
+
declare const Root: $$__sveltets_2_IsomorphicComponent<HoverCardProps, {
|
21
|
+
[evt: string]: CustomEvent<any>;
|
22
|
+
}, {}, {}, "">;
|
23
|
+
type Root = InstanceType<typeof Root>;
|
24
|
+
export default Root;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useHoverCardContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useHoverCardContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getTriggerProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<a {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</a>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface HoverCardTriggerProps extends Assign<SvelteHTMLElements['a'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Trigger: $$__sveltets_2_IsomorphicComponent<HoverCardTriggerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Trigger = InstanceType<typeof Trigger>;
|
22
|
+
export default Trigger;
|
package/dist/index.d.ts
ADDED
@@ -0,0 +1,73 @@
|
|
1
|
+
export * as Accordion from './accordion/index.js';
|
2
|
+
export type { AccordionIndicatorProps, AccordionItemContentProps, AccordionItemProps, AccordionItemTriggerProps, AccordionProps, } from './accordion/index.js';
|
3
|
+
export * as Avatar from './avatar/index.js';
|
4
|
+
export type { AvatarFallbackProps, AvatarImageProps, AvatarProps, } from './avatar/index.js';
|
5
|
+
export * as Carousel from './carousel/index.js';
|
6
|
+
export type { CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselProps, CarouselViewportProps, } from './carousel/index.js';
|
7
|
+
export * as Checkbox from './checkbox/index.js';
|
8
|
+
export type { CheckboxControlProps, CheckboxHiddenInputProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxProps, } from './checkbox/index.js';
|
9
|
+
export * as Clipboard from './clipboard/index.js';
|
10
|
+
export type { ClipboardControlProps, ClipboardIndicatorProps, ClipboardInputProps, ClipboardLabelProps, ClipboardProps, ClipboardTriggerProps, } from './clipboard/index.js';
|
11
|
+
export * as Collapsible from './collapsible/index.js';
|
12
|
+
export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps, } from './collapsible/index.js';
|
13
|
+
export * as Combobox from './combobox/index.js';
|
14
|
+
export type { ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxListProps, ComboboxPositionerProps, ComboboxProps, ComboboxTriggerProps, } from './combobox/index.js';
|
15
|
+
export * as Dialog from './dialog/index.js';
|
16
|
+
export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogPositionerProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog/index.js';
|
17
|
+
export * as HoverCard from './hover-card/index.js';
|
18
|
+
export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, } from './hover-card/index.js';
|
19
|
+
export * as NumberInput from './number-input/index.js';
|
20
|
+
export type { NumberInputControlTriggerProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, } from './number-input/index.js';
|
21
|
+
export * as Pagination from './pagination/index.js';
|
22
|
+
export type { PaginationEllipsisProps, PaginationItemProps, PaginationNextTriggerProps, PaginationPrevTriggerProps, PaginationProps, } from './pagination/index.js';
|
23
|
+
export * as PinInput from './pin-input/index.js';
|
24
|
+
export type { PinInputClearTriggerProps, PinInputHiddenInputProps, PinInputInputProps, PinInputLabelProps, PinInputProps, } from './pin-input/index.js';
|
25
|
+
export * as Popover from './popover/index.js';
|
26
|
+
export type { PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverDescriptionProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './popover/index.js';
|
27
|
+
export * as Progress from './progress/index.js';
|
28
|
+
export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, } from './progress/index.js';
|
29
|
+
export * as RadioGroup from './radio-group/index.js';
|
30
|
+
export type { RadioGroupIndicatorProps, RadioGroupItemControlProps, RadioGroupItemHiddenInputProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, } from './radio-group/index.js';
|
31
|
+
export * as Select from './select/index.js';
|
32
|
+
export type { SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectHiddenSelectProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, } from './select/index.js';
|
33
|
+
export * as Slider from './slider/index.js';
|
34
|
+
export type { SliderControlProps, SliderHiddenInputProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, } from './slider/index.js';
|
35
|
+
export * as Switch from './switch/index.js';
|
36
|
+
export type { SwitchControlProps, SwitchHiddenInputProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, } from './switch/index.js';
|
37
|
+
export * as Tabs from './tabs/index.js';
|
38
|
+
export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './tabs/index.js';
|
39
|
+
export * as ToggleGroup from './toggle-group/index.js';
|
40
|
+
export type { ToggleGroupItemProps, ToggleGroupProps, } from './toggle-group/index.js';
|
41
|
+
export * as Tooltip from './tooltip/index.js';
|
42
|
+
export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, } from './tooltip/index.js';
|
43
|
+
export * from './portal/index.js';
|
44
|
+
export * from './presence/index.js';
|
45
|
+
export * from './toast/index.js';
|
46
|
+
export { anatomy as accordionAnatomy } from '@zag-js/accordion';
|
47
|
+
export { anatomy as avatarAnatomy } from '@zag-js/avatar';
|
48
|
+
export { anatomy as carouselAnatomy } from '@zag-js/carousel';
|
49
|
+
export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
|
50
|
+
export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
|
51
|
+
export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
|
52
|
+
export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
|
53
|
+
export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
|
54
|
+
export { anatomy as dialogAnatomy } from '@zag-js/dialog';
|
55
|
+
export { anatomy as editableAnatomy } from '@zag-js/editable';
|
56
|
+
export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
|
57
|
+
export { anatomy as menuAnatomy } from '@zag-js/menu';
|
58
|
+
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
59
|
+
export { anatomy as paginationAnatomy } from '@zag-js/pagination';
|
60
|
+
export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
|
61
|
+
export { anatomy as popoverAnatomy } from '@zag-js/popover';
|
62
|
+
export { anatomy as progressAnatomy } from '@zag-js/progress';
|
63
|
+
export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
|
64
|
+
export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
|
65
|
+
export { anatomy as selectAnatomy } from '@zag-js/select';
|
66
|
+
export { anatomy as sliderAnatomy } from '@zag-js/slider';
|
67
|
+
export { anatomy as stepsAnatomy } from '@zag-js/steps';
|
68
|
+
export { anatomy as switchAnatomy } from '@zag-js/switch';
|
69
|
+
export { anatomy as tabsAnatomy } from '@zag-js/tabs';
|
70
|
+
export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
|
71
|
+
export { anatomy as toastAnatomy } from '@zag-js/toast';
|
72
|
+
export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
|
73
|
+
export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
|
package/dist/index.js
ADDED
@@ -0,0 +1,52 @@
|
|
1
|
+
export * as Accordion from './accordion/index.js';
|
2
|
+
export * as Avatar from './avatar/index.js';
|
3
|
+
export * as Carousel from './carousel/index.js';
|
4
|
+
export * as Checkbox from './checkbox/index.js';
|
5
|
+
export * as Clipboard from './clipboard/index.js';
|
6
|
+
export * as Collapsible from './collapsible/index.js';
|
7
|
+
export * as Combobox from './combobox/index.js';
|
8
|
+
export * as Dialog from './dialog/index.js';
|
9
|
+
export * as HoverCard from './hover-card/index.js';
|
10
|
+
export * as NumberInput from './number-input/index.js';
|
11
|
+
export * as Pagination from './pagination/index.js';
|
12
|
+
export * as PinInput from './pin-input/index.js';
|
13
|
+
export * as Popover from './popover/index.js';
|
14
|
+
export * as Progress from './progress/index.js';
|
15
|
+
export * as RadioGroup from './radio-group/index.js';
|
16
|
+
export * as Select from './select/index.js';
|
17
|
+
export * as Slider from './slider/index.js';
|
18
|
+
export * as Switch from './switch/index.js';
|
19
|
+
export * as Tabs from './tabs/index.js';
|
20
|
+
export * as ToggleGroup from './toggle-group/index.js';
|
21
|
+
export * as Tooltip from './tooltip/index.js';
|
22
|
+
export * from './portal/index.js';
|
23
|
+
export * from './presence/index.js';
|
24
|
+
export * from './toast/index.js';
|
25
|
+
export { anatomy as accordionAnatomy } from '@zag-js/accordion';
|
26
|
+
export { anatomy as avatarAnatomy } from '@zag-js/avatar';
|
27
|
+
export { anatomy as carouselAnatomy } from '@zag-js/carousel';
|
28
|
+
export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
|
29
|
+
export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
|
30
|
+
export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
|
31
|
+
export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
|
32
|
+
export { anatomy as datePickerAnatomy } from '@zag-js/date-picker';
|
33
|
+
export { anatomy as dialogAnatomy } from '@zag-js/dialog';
|
34
|
+
export { anatomy as editableAnatomy } from '@zag-js/editable';
|
35
|
+
export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
|
36
|
+
export { anatomy as menuAnatomy } from '@zag-js/menu';
|
37
|
+
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
38
|
+
export { anatomy as paginationAnatomy } from '@zag-js/pagination';
|
39
|
+
export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
|
40
|
+
export { anatomy as popoverAnatomy } from '@zag-js/popover';
|
41
|
+
export { anatomy as progressAnatomy } from '@zag-js/progress';
|
42
|
+
export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
|
43
|
+
export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
|
44
|
+
export { anatomy as selectAnatomy } from '@zag-js/select';
|
45
|
+
export { anatomy as sliderAnatomy } from '@zag-js/slider';
|
46
|
+
export { anatomy as stepsAnatomy } from '@zag-js/steps';
|
47
|
+
export { anatomy as switchAnatomy } from '@zag-js/switch';
|
48
|
+
export { anatomy as tabsAnatomy } from '@zag-js/tabs';
|
49
|
+
export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
|
50
|
+
export { anatomy as toastAnatomy } from '@zag-js/toast';
|
51
|
+
export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
|
52
|
+
export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
|
File without changes
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as numberInput from '@zag-js/number-input';
|
2
|
+
export interface CreateNumberInputContextProps extends numberInput.Context {
|
3
|
+
}
|
4
|
+
export interface CreateNumberInputContextReturn extends ReturnType<typeof createNumberInputContext> {
|
5
|
+
}
|
6
|
+
export declare function createNumberInputContext(props: CreateNumberInputContextProps): any;
|
7
|
+
export declare function setNumberInputContext(value: CreateNumberInputContextReturn): void;
|
8
|
+
export declare function useNumberInputContext(): CreateNumberInputContextReturn;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import * as numberInput from '@zag-js/number-input';
|
2
|
+
import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
|
3
|
+
import { getContext, setContext } from 'svelte';
|
4
|
+
export function createNumberInputContext(props) {
|
5
|
+
const [state, send] = useMachine(numberInput.machine(props));
|
6
|
+
const api = $derived(reflect(() => numberInput.connect(state, send, normalizeProps)));
|
7
|
+
return api;
|
8
|
+
}
|
9
|
+
export function setNumberInputContext(value) {
|
10
|
+
setContext('NumberInput', value);
|
11
|
+
}
|
12
|
+
export function useNumberInputContext() {
|
13
|
+
return getContext('NumberInput');
|
14
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useNumberInputContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useNumberInputContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getControlProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface NumberInputControlTriggerProps extends Assign<SvelteHTMLElements['div'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const Control: $$__sveltets_2_IsomorphicComponent<NumberInputControlTriggerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Control = InstanceType<typeof Control>;
|
22
|
+
export default Control;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useNumberInputContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useNumberInputContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getDecrementTriggerProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<button type="button" {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</button>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface NumberInputDecrementTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
|
4
|
+
}
|
5
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
6
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
7
|
+
$$bindings?: Bindings;
|
8
|
+
} & Exports;
|
9
|
+
(internal: unknown, props: Props & {
|
10
|
+
$$events?: Events;
|
11
|
+
$$slots?: Slots;
|
12
|
+
}): Exports & {
|
13
|
+
$set?: any;
|
14
|
+
$on?: any;
|
15
|
+
};
|
16
|
+
z_$$bindings?: Bindings;
|
17
|
+
}
|
18
|
+
declare const DecrementTrigger: $$__sveltets_2_IsomorphicComponent<NumberInputDecrementTriggerProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type DecrementTrigger = InstanceType<typeof DecrementTrigger>;
|
22
|
+
export default DecrementTrigger;
|