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,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getCircleRangeProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<circle {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</circle>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface ProgressCircleRangeProps extends Assign<SvelteHTMLElements['circle'], {}> {
|
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 CircleRange: $$__sveltets_2_IsomorphicComponent<ProgressCircleRangeProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type CircleRange = InstanceType<typeof CircleRange>;
|
22
|
+
export default CircleRange;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getCircleTrackProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<circle {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</circle>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface ProgressCircleTrackProps extends Assign<SvelteHTMLElements['circle'], {}> {
|
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 CircleTrack: $$__sveltets_2_IsomorphicComponent<ProgressCircleTrackProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type CircleTrack = InstanceType<typeof CircleTrack>;
|
22
|
+
export default CircleTrack;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getCircleProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<svg {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</svg>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface ProgressCircleProps extends Assign<SvelteHTMLElements['svg'], {}> {
|
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 Circle: $$__sveltets_2_IsomorphicComponent<ProgressCircleProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Circle = InstanceType<typeof Circle>;
|
22
|
+
export default Circle;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as progress from '@zag-js/progress';
|
2
|
+
export interface CreateProgressContextProps extends progress.Context {
|
3
|
+
}
|
4
|
+
export interface CreateProgressContextReturn extends ReturnType<typeof createProgressContext> {
|
5
|
+
}
|
6
|
+
export declare function createProgressContext(props: CreateProgressContextProps): any;
|
7
|
+
export declare function setProgressContext(value: CreateProgressContextReturn): void;
|
8
|
+
export declare function useProgressContext(): CreateProgressContextReturn;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import * as progress from '@zag-js/progress';
|
2
|
+
import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
|
3
|
+
import { getContext, setContext } from 'svelte';
|
4
|
+
export function createProgressContext(props) {
|
5
|
+
const [state, send] = useMachine(progress.machine(props));
|
6
|
+
const api = $derived(reflect(() => progress.connect(state, send, normalizeProps)));
|
7
|
+
return api;
|
8
|
+
}
|
9
|
+
export function setProgressContext(value) {
|
10
|
+
setContext('Progress', value);
|
11
|
+
}
|
12
|
+
export function useProgressContext() {
|
13
|
+
return getContext('Progress');
|
14
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { default as CircleRange, type ProgressCircleRangeProps } from './circle-range.svelte';
|
2
|
+
export { default as CircleTrack, type ProgressCircleTrackProps } from './circle-track.svelte';
|
3
|
+
export { default as Circle, type ProgressCircleProps } from './circle.svelte';
|
4
|
+
export { default as Label, type ProgressLabelProps } from './label.svelte';
|
5
|
+
export { default as Range, type ProgressRangeProps } from './range.svelte';
|
6
|
+
export { default as Root, type ProgressProps } from './root.svelte';
|
7
|
+
export { default as Track, type ProgressTrackProps } from './track.svelte';
|
8
|
+
export { default as ValueText, type ProgressValueTextProps } from './value-text.svelte';
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { default as CircleRange } from './circle-range.svelte';
|
2
|
+
export { default as CircleTrack } from './circle-track.svelte';
|
3
|
+
export { default as Circle } from './circle.svelte';
|
4
|
+
export { default as Label } from './label.svelte';
|
5
|
+
export { default as Range } from './range.svelte';
|
6
|
+
export { default as Root } from './root.svelte';
|
7
|
+
export { default as Track } from './track.svelte';
|
8
|
+
export { default as ValueText } from './value-text.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 { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getLabelProps()));
|
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 ProgressLabelProps 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 Label: $$__sveltets_2_IsomorphicComponent<ProgressLabelProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Label = InstanceType<typeof Label>;
|
22
|
+
export default Label;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getRangeProps()));
|
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 ProgressRangeProps 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 Range: $$__sveltets_2_IsomorphicComponent<ProgressRangeProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Range = InstanceType<typeof Range>;
|
22
|
+
export default Range;
|
@@ -0,0 +1,36 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { nanoid } from "nanoid/non-secure";
|
5
|
+
import { createProgressContext, setProgressContext } from "./context.svelte.js";
|
6
|
+
let {
|
7
|
+
id = nanoid(),
|
8
|
+
ids,
|
9
|
+
dir,
|
10
|
+
max,
|
11
|
+
min,
|
12
|
+
value,
|
13
|
+
orientation,
|
14
|
+
translations,
|
15
|
+
getRootNode,
|
16
|
+
children,
|
17
|
+
...props
|
18
|
+
} = $props();
|
19
|
+
let context = createProgressContext({
|
20
|
+
id,
|
21
|
+
ids,
|
22
|
+
dir,
|
23
|
+
max,
|
24
|
+
min,
|
25
|
+
value: $state.snapshot(value),
|
26
|
+
orientation,
|
27
|
+
translations,
|
28
|
+
getRootNode
|
29
|
+
});
|
30
|
+
let attrs = $derived(mergeProps(props, context.getRootProps()));
|
31
|
+
setProgressContext(context);
|
32
|
+
</script>
|
33
|
+
|
34
|
+
<div {...attrs}>
|
35
|
+
{@render children?.(context)}
|
36
|
+
</div>
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import type { Assign, OptionalId, WithoutChildren } from '../types.js';
|
2
|
+
import type { Snippet } from 'svelte';
|
3
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
4
|
+
import type { CreateProgressContextProps, CreateProgressContextReturn } from './context.svelte.js';
|
5
|
+
export interface ProgressProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateProgressContextProps>> {
|
6
|
+
children?: Snippet<[CreateProgressContextReturn]>;
|
7
|
+
}
|
8
|
+
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> {
|
9
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
10
|
+
$$bindings?: Bindings;
|
11
|
+
} & Exports;
|
12
|
+
(internal: unknown, props: Props & {
|
13
|
+
$$events?: Events;
|
14
|
+
$$slots?: Slots;
|
15
|
+
}): Exports & {
|
16
|
+
$set?: any;
|
17
|
+
$on?: any;
|
18
|
+
};
|
19
|
+
z_$$bindings?: Bindings;
|
20
|
+
}
|
21
|
+
declare const Root: $$__sveltets_2_IsomorphicComponent<ProgressProps, {
|
22
|
+
[evt: string]: CustomEvent<any>;
|
23
|
+
}, {}, {}, "">;
|
24
|
+
type Root = InstanceType<typeof Root>;
|
25
|
+
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 { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getTrackProps()));
|
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 ProgressTrackProps 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 Track: $$__sveltets_2_IsomorphicComponent<ProgressTrackProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Track = InstanceType<typeof Track>;
|
22
|
+
export default Track;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useProgressContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useProgressContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getValueTextProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<div {...attrs}>
|
11
|
+
{#if children}
|
12
|
+
{@render children()}
|
13
|
+
{:else}
|
14
|
+
{context.percentAsString}
|
15
|
+
{/if}
|
16
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface ProgressValueTextProps 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 ValueText: $$__sveltets_2_IsomorphicComponent<ProgressValueTextProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type ValueText = InstanceType<typeof ValueText>;
|
22
|
+
export default ValueText;
|
File without changes
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as radioGroup from '@zag-js/radio-group';
|
2
|
+
export interface CreateRadioGroupContextProps extends radioGroup.Context {
|
3
|
+
}
|
4
|
+
export interface CreateRadioGroupContextReturn extends ReturnType<typeof createRadioGroupContext> {
|
5
|
+
}
|
6
|
+
export declare function createRadioGroupContext(props: CreateRadioGroupContextProps): any;
|
7
|
+
export declare function setRadioGroupContext(value: CreateRadioGroupContextReturn): void;
|
8
|
+
export declare function useRadioGroupContext(): CreateRadioGroupContextReturn;
|
9
|
+
export declare function setRadioGroupItemContext(value: radioGroup.ItemProps): void;
|
10
|
+
export declare function useRadioGroupItemContext(): radioGroup.ItemProps;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import * as radioGroup from '@zag-js/radio-group';
|
2
|
+
import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
|
3
|
+
import { getContext, setContext } from 'svelte';
|
4
|
+
export function createRadioGroupContext(props) {
|
5
|
+
const [state, send] = useMachine(radioGroup.machine(props));
|
6
|
+
const api = $derived(reflect(() => radioGroup.connect(state, send, normalizeProps)));
|
7
|
+
return api;
|
8
|
+
}
|
9
|
+
export function setRadioGroupContext(value) {
|
10
|
+
setContext('RadioGroup', value);
|
11
|
+
}
|
12
|
+
export function useRadioGroupContext() {
|
13
|
+
return getContext('RadioGroup');
|
14
|
+
}
|
15
|
+
export function setRadioGroupItemContext(value) {
|
16
|
+
setContext('RadioGroupItem', reflect(() => value));
|
17
|
+
}
|
18
|
+
export function useRadioGroupItemContext() {
|
19
|
+
return getContext('RadioGroupItem');
|
20
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export { default as Indicator, type RadioGroupIndicatorProps } from './indicator.svelte';
|
2
|
+
export { default as ItemControl, type RadioGroupItemControlProps } from './item-control.svelte';
|
3
|
+
export { default as ItemHiddenInput, type RadioGroupItemHiddenInputProps, } from './item-hidden-input.svelte';
|
4
|
+
export { default as ItemText, type RadioGroupItemTextProps } from './item-text.svelte';
|
5
|
+
export { default as Item, type RadioGroupItemProps } from './item.svelte';
|
6
|
+
export { default as Label, type RadioGroupLabelProps } from './label.svelte';
|
7
|
+
export { default as Root, type RadioGroupProps } from './root.svelte';
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export { default as Indicator } from './indicator.svelte';
|
2
|
+
export { default as ItemControl } from './item-control.svelte';
|
3
|
+
export { default as ItemHiddenInput, } from './item-hidden-input.svelte';
|
4
|
+
export { default as ItemText } from './item-text.svelte';
|
5
|
+
export { default as Item } from './item.svelte';
|
6
|
+
export { default as Label } from './label.svelte';
|
7
|
+
export { default as Root } from './root.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 { useRadioGroupContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getIndicatorProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<span {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</span>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface RadioGroupIndicatorProps extends Assign<SvelteHTMLElements['span'], {}> {
|
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 Indicator: $$__sveltets_2_IsomorphicComponent<RadioGroupIndicatorProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type Indicator = InstanceType<typeof Indicator>;
|
22
|
+
export default Indicator;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useRadioGroupContext, useRadioGroupItemContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let itemContext = useRadioGroupItemContext();
|
8
|
+
let attrs = $derived(mergeProps(props, context.getItemControlProps(itemContext)));
|
9
|
+
</script>
|
10
|
+
|
11
|
+
<div {...attrs}>
|
12
|
+
{@render children?.()}
|
13
|
+
</div>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface RadioGroupItemControlProps 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 ItemControl: $$__sveltets_2_IsomorphicComponent<RadioGroupItemControlProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type ItemControl = InstanceType<typeof ItemControl>;
|
22
|
+
export default ItemControl;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useRadioGroupContext, useRadioGroupItemContext } from "./context.svelte.js";
|
5
|
+
let { ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let itemContext = useRadioGroupItemContext();
|
8
|
+
let attrs = $derived(mergeProps(props, context.getItemHiddenInputProps(itemContext)));
|
9
|
+
</script>
|
10
|
+
|
11
|
+
<input {...attrs} />
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface RadioGroupItemHiddenInputProps extends Assign<SvelteHTMLElements['input'], {}> {
|
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 ItemHiddenInput: $$__sveltets_2_IsomorphicComponent<RadioGroupItemHiddenInputProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type ItemHiddenInput = InstanceType<typeof ItemHiddenInput>;
|
22
|
+
export default ItemHiddenInput;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useRadioGroupContext, useRadioGroupItemContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let itemContext = useRadioGroupItemContext();
|
8
|
+
let attrs = $derived(mergeProps(props, context.getItemTextProps(itemContext)));
|
9
|
+
</script>
|
10
|
+
|
11
|
+
<span {...attrs}>
|
12
|
+
{@render children?.()}
|
13
|
+
</span>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
3
|
+
export interface RadioGroupItemTextProps extends Assign<SvelteHTMLElements['span'], {}> {
|
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 ItemText: $$__sveltets_2_IsomorphicComponent<RadioGroupItemTextProps, {
|
19
|
+
[evt: string]: CustomEvent<any>;
|
20
|
+
}, {}, {}, "">;
|
21
|
+
type ItemText = InstanceType<typeof ItemText>;
|
22
|
+
export default ItemText;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { setRadioGroupItemContext, useRadioGroupContext } from "./context.svelte.js";
|
5
|
+
let { value, invalid, disabled, children, ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let attrs = $derived(
|
8
|
+
mergeProps(
|
9
|
+
props,
|
10
|
+
context.getItemProps({
|
11
|
+
value,
|
12
|
+
invalid,
|
13
|
+
disabled
|
14
|
+
})
|
15
|
+
)
|
16
|
+
);
|
17
|
+
setRadioGroupItemContext({
|
18
|
+
value,
|
19
|
+
invalid,
|
20
|
+
disabled
|
21
|
+
});
|
22
|
+
</script>
|
23
|
+
|
24
|
+
<label {...attrs}>
|
25
|
+
{@render children?.()}
|
26
|
+
</label>
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import type { Assign } from '../types.js';
|
2
|
+
import type { ItemProps } from '@zag-js/radio-group';
|
3
|
+
import type { SvelteHTMLElements } from 'svelte/elements';
|
4
|
+
export interface RadioGroupItemProps extends Assign<SvelteHTMLElements['label'], ItemProps> {
|
5
|
+
}
|
6
|
+
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> {
|
7
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
8
|
+
$$bindings?: Bindings;
|
9
|
+
} & Exports;
|
10
|
+
(internal: unknown, props: Props & {
|
11
|
+
$$events?: Events;
|
12
|
+
$$slots?: Slots;
|
13
|
+
}): Exports & {
|
14
|
+
$set?: any;
|
15
|
+
$on?: any;
|
16
|
+
};
|
17
|
+
z_$$bindings?: Bindings;
|
18
|
+
}
|
19
|
+
declare const Item: $$__sveltets_2_IsomorphicComponent<RadioGroupItemProps, {
|
20
|
+
[evt: string]: CustomEvent<any>;
|
21
|
+
}, {}, {}, "">;
|
22
|
+
type Item = InstanceType<typeof Item>;
|
23
|
+
export default Item;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<script lang="ts" context="module"></script>
|
2
|
+
|
3
|
+
<script lang="ts">import { mergeProps } from "@zag-js/svelte";
|
4
|
+
import { useRadioGroupContext } from "./context.svelte.js";
|
5
|
+
let { children, ...props } = $props();
|
6
|
+
let context = useRadioGroupContext();
|
7
|
+
let attrs = $derived(mergeProps(props, context.getLabelProps()));
|
8
|
+
</script>
|
9
|
+
|
10
|
+
<span {...attrs}>
|
11
|
+
{@render children?.()}
|
12
|
+
</span>
|