@skeletonlabs/skeleton-svelte 2.0.0-next.13 → 2.0.0-next.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -18
- package/dist/components/accordion/anatomy/item-content.svelte +4 -4
- package/dist/components/accordion/anatomy/item-indicator.svelte +4 -4
- package/dist/components/accordion/anatomy/item-trigger.svelte +4 -4
- package/dist/components/accordion/anatomy/item.svelte +4 -4
- package/dist/components/accordion/anatomy/root-context.svelte +3 -3
- package/dist/components/accordion/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/accordion/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/accordion/anatomy/root-provider.svelte +3 -3
- package/dist/components/accordion/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/accordion/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/accordion/anatomy/root.svelte +3 -3
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/accordion/index.d.ts.map +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/accordion/modules/item-context.d.ts +1 -1
- package/dist/components/accordion/modules/item-context.d.ts.map +1 -1
- package/dist/components/accordion/modules/item-context.js +1 -1
- package/dist/components/accordion/modules/{use-accordion.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/accordion/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/accordion/modules/root-context.d.ts +1 -1
- package/dist/components/accordion/modules/root-context.d.ts.map +1 -1
- package/dist/components/accordion/modules/root-context.js +1 -1
- package/dist/components/avatar/anatomy/fallback.svelte +2 -2
- package/dist/components/avatar/anatomy/image.svelte +2 -2
- package/dist/components/avatar/anatomy/root-context.svelte +3 -3
- package/dist/components/avatar/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/avatar/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/avatar/anatomy/root-provider.svelte +3 -3
- package/dist/components/avatar/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/avatar/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/avatar/anatomy/root.svelte +3 -3
- package/dist/components/avatar/index.d.ts +1 -1
- package/dist/components/avatar/index.d.ts.map +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/avatar/modules/{use-avatar.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/avatar/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/avatar/modules/root-context.d.ts +1 -1
- package/dist/components/avatar/modules/root-context.d.ts.map +1 -1
- package/dist/components/avatar/modules/root-context.js +1 -1
- package/dist/components/combobox/anatomy/content.svelte +2 -2
- package/dist/components/combobox/anatomy/control.svelte +2 -2
- package/dist/components/combobox/anatomy/input.svelte +2 -2
- package/dist/components/combobox/anatomy/item-group-label.svelte +4 -4
- package/dist/components/combobox/anatomy/item-group.svelte +4 -4
- package/dist/components/combobox/anatomy/item-indicator.svelte +4 -4
- package/dist/components/combobox/anatomy/item-text.svelte +4 -4
- package/dist/components/combobox/anatomy/item.svelte +4 -4
- package/dist/components/combobox/anatomy/label.svelte +2 -2
- package/dist/components/combobox/anatomy/positioner.svelte +2 -2
- package/dist/components/combobox/anatomy/root-context.svelte +3 -3
- package/dist/components/combobox/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/combobox/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/combobox/anatomy/root-provider.svelte +4 -3
- package/dist/components/combobox/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/combobox/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/combobox/anatomy/root.svelte +3 -3
- package/dist/components/combobox/anatomy/trigger.svelte +2 -2
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/combobox/modules/item-context.d.ts +1 -1
- package/dist/components/combobox/modules/item-context.d.ts.map +1 -1
- package/dist/components/combobox/modules/item-context.js +1 -1
- package/dist/components/combobox/modules/item-group-context.d.ts +1 -1
- package/dist/components/combobox/modules/item-group-context.d.ts.map +1 -1
- package/dist/components/combobox/modules/item-group-context.js +1 -1
- package/dist/components/combobox/modules/{use-combobox.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/combobox/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/combobox/modules/root-context.d.ts +1 -1
- package/dist/components/combobox/modules/root-context.d.ts.map +1 -1
- package/dist/components/combobox/modules/root-context.js +1 -1
- package/dist/components/dialog/anatomy/backdrop.svelte +2 -2
- package/dist/components/dialog/anatomy/close-trigger.svelte +2 -2
- package/dist/components/dialog/anatomy/content.svelte +2 -2
- package/dist/components/dialog/anatomy/description.svelte +2 -2
- package/dist/components/dialog/anatomy/positioner.svelte +2 -2
- package/dist/components/dialog/anatomy/root-context.svelte +3 -3
- package/dist/components/dialog/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/dialog/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/dialog/anatomy/root-provider.svelte +3 -3
- package/dist/components/dialog/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/dialog/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/dialog/anatomy/root.svelte +3 -3
- package/dist/components/dialog/anatomy/title.svelte +2 -2
- package/dist/components/dialog/anatomy/trigger.svelte +2 -2
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.d.ts.map +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dialog/modules/{use-dialog.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/dialog/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/dialog/modules/root-context.d.ts +1 -1
- package/dist/components/dialog/modules/root-context.d.ts.map +1 -1
- package/dist/components/dialog/modules/root-context.js +1 -1
- package/dist/components/file-upload/anatomy/dropzone.svelte +2 -2
- package/dist/components/file-upload/anatomy/hidden-input.svelte +2 -2
- package/dist/components/file-upload/anatomy/item-delete-trigger.svelte +4 -4
- package/dist/components/file-upload/anatomy/item-group.svelte +2 -2
- package/dist/components/file-upload/anatomy/item-name.svelte +4 -4
- package/dist/components/file-upload/anatomy/item-size-text.svelte +4 -4
- package/dist/components/file-upload/anatomy/item.svelte +4 -4
- package/dist/components/file-upload/anatomy/root-context.svelte +3 -3
- package/dist/components/file-upload/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/file-upload/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/file-upload/anatomy/root-provider.svelte +3 -3
- package/dist/components/file-upload/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/file-upload/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/file-upload/anatomy/root.svelte +3 -3
- package/dist/components/file-upload/anatomy/trigger.svelte +2 -2
- package/dist/components/file-upload/index.d.ts +1 -1
- package/dist/components/file-upload/index.d.ts.map +1 -1
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/file-upload/modules/item-context.d.ts +1 -1
- package/dist/components/file-upload/modules/item-context.d.ts.map +1 -1
- package/dist/components/file-upload/modules/item-context.js +1 -1
- package/dist/components/file-upload/modules/{use-file-upload.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/file-upload/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/file-upload/modules/root-context.d.ts +1 -1
- package/dist/components/file-upload/modules/root-context.d.ts.map +1 -1
- package/dist/components/file-upload/modules/root-context.js +1 -1
- package/dist/components/popover/anatomy/positioner.svelte +1 -3
- package/dist/components/popover/anatomy/positioner.svelte.d.ts.map +1 -1
- package/dist/components/popover/anatomy/root-context.svelte +1 -1
- package/dist/components/popover/anatomy/root-context.svelte.d.ts +1 -1
- package/dist/components/popover/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/popover/anatomy/root-provider.svelte +1 -1
- package/dist/components/popover/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/popover/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/popover/anatomy/root.svelte +1 -1
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/modules/{use-popover.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/popover/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/portal/anatomy/root.svelte +43 -0
- package/dist/components/portal/anatomy/root.svelte.d.ts +19 -0
- package/dist/components/portal/anatomy/root.svelte.d.ts.map +1 -0
- package/dist/components/portal/index.d.ts +3 -0
- package/dist/components/portal/index.d.ts.map +1 -0
- package/dist/components/portal/index.js +1 -0
- package/dist/components/portal/modules/anatomy.d.ts +2 -0
- package/dist/components/portal/modules/anatomy.d.ts.map +1 -0
- package/dist/components/portal/modules/anatomy.js +2 -0
- package/dist/components/progress-linear/anatomy/label.svelte +2 -2
- package/dist/components/progress-linear/anatomy/range.svelte +2 -2
- package/dist/components/progress-linear/anatomy/root-context.svelte +3 -3
- package/dist/components/progress-linear/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/progress-linear/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/progress-linear/anatomy/root-provider.svelte +3 -3
- package/dist/components/progress-linear/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/progress-linear/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/progress-linear/anatomy/root.svelte +3 -3
- package/dist/components/progress-linear/anatomy/track.svelte +2 -2
- package/dist/components/progress-linear/index.d.ts +1 -1
- package/dist/components/progress-linear/index.d.ts.map +1 -1
- package/dist/components/progress-linear/index.js +1 -1
- package/dist/components/progress-linear/modules/{use-progress-linear.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/progress-linear/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/progress-linear/modules/root-context.d.ts +1 -1
- package/dist/components/progress-linear/modules/root-context.d.ts.map +1 -1
- package/dist/components/progress-linear/modules/root-context.js +1 -1
- package/dist/components/rating-group/anatomy/control.svelte +2 -2
- package/dist/components/rating-group/anatomy/hidden-input.svelte +2 -2
- package/dist/components/rating-group/anatomy/item.svelte +2 -2
- package/dist/components/rating-group/anatomy/label.svelte +2 -2
- package/dist/components/rating-group/anatomy/root-context.svelte +3 -3
- package/dist/components/rating-group/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/rating-group/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/rating-group/anatomy/root-provider.svelte +3 -3
- package/dist/components/rating-group/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/rating-group/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/rating-group/anatomy/root.svelte +3 -3
- package/dist/components/rating-group/index.d.ts +1 -1
- package/dist/components/rating-group/index.d.ts.map +1 -1
- package/dist/components/rating-group/index.js +1 -1
- package/dist/components/rating-group/modules/{use-rating-group.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/rating-group/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/rating-group/modules/root-context.d.ts +1 -1
- package/dist/components/rating-group/modules/root-context.d.ts.map +1 -1
- package/dist/components/rating-group/modules/root-context.js +1 -1
- package/dist/components/segmented-control/anatomy/indicator.svelte +2 -2
- package/dist/components/segmented-control/anatomy/item-hidden-input.svelte +4 -4
- package/dist/components/segmented-control/anatomy/item-text.svelte +4 -4
- package/dist/components/segmented-control/anatomy/item.svelte +4 -4
- package/dist/components/segmented-control/anatomy/root-context.svelte +3 -3
- package/dist/components/segmented-control/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/segmented-control/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/segmented-control/anatomy/root-provider.svelte +3 -3
- package/dist/components/segmented-control/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/segmented-control/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/segmented-control/anatomy/root.svelte +3 -3
- package/dist/components/segmented-control/index.d.ts +1 -1
- package/dist/components/segmented-control/index.d.ts.map +1 -1
- package/dist/components/segmented-control/index.js +1 -1
- package/dist/components/segmented-control/modules/item-context.d.ts +1 -1
- package/dist/components/segmented-control/modules/item-context.d.ts.map +1 -1
- package/dist/components/segmented-control/modules/item-context.js +1 -1
- package/dist/components/segmented-control/modules/{use-segmented-control.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/segmented-control/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/segmented-control/modules/root-context.d.ts +1 -1
- package/dist/components/segmented-control/modules/root-context.d.ts.map +1 -1
- package/dist/components/segmented-control/modules/root-context.js +1 -1
- package/dist/components/slider/anatomy/control.svelte +2 -2
- package/dist/components/slider/anatomy/hidden-input.svelte +4 -4
- package/dist/components/slider/anatomy/label.svelte +2 -2
- package/dist/components/slider/anatomy/marker-group.svelte +2 -2
- package/dist/components/slider/anatomy/marker.svelte +2 -2
- package/dist/components/slider/anatomy/range.svelte +2 -2
- package/dist/components/slider/anatomy/root-context.svelte +3 -3
- package/dist/components/slider/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/slider/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/slider/anatomy/root-provider.svelte +3 -3
- package/dist/components/slider/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/slider/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/slider/anatomy/root.svelte +3 -3
- package/dist/components/slider/anatomy/thumb.svelte +4 -4
- package/dist/components/slider/anatomy/track.svelte +2 -2
- package/dist/components/slider/anatomy/value-text.svelte +2 -2
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/index.d.ts.map +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/modules/{use-slider.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/slider/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/slider/modules/root-context.d.ts +1 -1
- package/dist/components/slider/modules/root-context.d.ts.map +1 -1
- package/dist/components/slider/modules/root-context.js +1 -1
- package/dist/components/slider/modules/thumb-context.d.ts +1 -1
- package/dist/components/slider/modules/thumb-context.d.ts.map +1 -1
- package/dist/components/slider/modules/thumb-context.js +1 -1
- package/dist/components/switch/anatomy/control.svelte +2 -2
- package/dist/components/switch/anatomy/hidden-input.svelte +2 -2
- package/dist/components/switch/anatomy/label.svelte +2 -2
- package/dist/components/switch/anatomy/root-context.svelte +3 -3
- package/dist/components/switch/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/switch/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/switch/anatomy/root-provider.svelte +3 -3
- package/dist/components/switch/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/switch/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/switch/anatomy/root.svelte +3 -3
- package/dist/components/switch/anatomy/thumb.svelte +2 -2
- package/dist/components/switch/index.d.ts +1 -1
- package/dist/components/switch/index.d.ts.map +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/modules/{use-switch.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/switch/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/switch/modules/root-context.d.ts +1 -1
- package/dist/components/switch/modules/root-context.d.ts.map +1 -1
- package/dist/components/switch/modules/root-context.js +1 -1
- package/dist/components/tabs/anatomy/content.svelte +2 -2
- package/dist/components/tabs/anatomy/indicator.svelte +2 -2
- package/dist/components/tabs/anatomy/list.svelte +2 -2
- package/dist/components/tabs/anatomy/root-context.svelte +3 -3
- package/dist/components/tabs/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/tabs/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/tabs/anatomy/root-provider.svelte +3 -3
- package/dist/components/tabs/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/tabs/anatomy/root.svelte +3 -3
- package/dist/components/tabs/anatomy/trigger.svelte +2 -2
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/modules/{use-tabs.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/tabs/modules/{use-tabs.svelte.d.ts.map → provider.svelte.d.ts.map} +1 -1
- package/dist/components/tabs/modules/root-context.d.ts +1 -1
- package/dist/components/tabs/modules/root-context.d.ts.map +1 -1
- package/dist/components/tabs/modules/root-context.js +1 -1
- package/dist/components/tags-input/anatomy/clear-trigger.svelte +2 -2
- package/dist/components/tags-input/anatomy/control.svelte +2 -2
- package/dist/components/tags-input/anatomy/hidden-input.svelte +2 -2
- package/dist/components/tags-input/anatomy/input.svelte +2 -2
- package/dist/components/tags-input/anatomy/item-delete-trigger.svelte +4 -4
- package/dist/components/tags-input/anatomy/item-input.svelte +4 -4
- package/dist/components/tags-input/anatomy/item-preview.svelte +4 -4
- package/dist/components/tags-input/anatomy/item-text.svelte +4 -4
- package/dist/components/tags-input/anatomy/item.svelte +4 -4
- package/dist/components/tags-input/anatomy/label.svelte +2 -2
- package/dist/components/tags-input/anatomy/root-context.svelte +3 -3
- package/dist/components/tags-input/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/tags-input/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/tags-input/anatomy/root-provider.svelte +3 -3
- package/dist/components/tags-input/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/tags-input/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/tags-input/anatomy/root.svelte +3 -3
- package/dist/components/tags-input/index.d.ts +1 -1
- package/dist/components/tags-input/index.d.ts.map +1 -1
- package/dist/components/tags-input/index.js +1 -1
- package/dist/components/tags-input/modules/item-context.d.ts +1 -1
- package/dist/components/tags-input/modules/item-context.d.ts.map +1 -1
- package/dist/components/tags-input/modules/item-context.js +1 -1
- package/dist/components/tags-input/modules/{use-tags-input.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/tags-input/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/tags-input/modules/root-context.d.ts +1 -1
- package/dist/components/tags-input/modules/root-context.d.ts.map +1 -1
- package/dist/components/tags-input/modules/root-context.js +1 -1
- package/dist/components/toast/anatomy/action-trigger.svelte +2 -2
- package/dist/components/toast/anatomy/close-trigger.svelte +2 -2
- package/dist/components/toast/anatomy/description.svelte +2 -2
- package/dist/components/toast/anatomy/group.svelte +2 -2
- package/dist/components/toast/anatomy/root-context.svelte +2 -2
- package/dist/components/toast/anatomy/root-context.svelte.d.ts +1 -0
- package/dist/components/toast/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/toast/anatomy/root.svelte +4 -4
- package/dist/components/toast/anatomy/title.svelte +2 -2
- package/dist/components/toast/modules/group-context.d.ts +1 -1
- package/dist/components/toast/modules/group-context.d.ts.map +1 -1
- package/dist/components/toast/modules/group-context.js +1 -1
- package/dist/components/toast/modules/root-context.d.ts +1 -1
- package/dist/components/toast/modules/root-context.d.ts.map +1 -1
- package/dist/components/toast/modules/root-context.js +1 -1
- package/dist/components/tooltip/anatomy/arrow-tip.svelte +2 -2
- package/dist/components/tooltip/anatomy/arrow.svelte +2 -2
- package/dist/components/tooltip/anatomy/content.svelte +2 -2
- package/dist/components/tooltip/anatomy/positioner.svelte +2 -2
- package/dist/components/tooltip/anatomy/root-context.svelte +3 -3
- package/dist/components/tooltip/anatomy/root-context.svelte.d.ts +2 -1
- package/dist/components/tooltip/anatomy/root-context.svelte.d.ts.map +1 -1
- package/dist/components/tooltip/anatomy/root-provider.svelte +3 -3
- package/dist/components/tooltip/anatomy/root-provider.svelte.d.ts +1 -1
- package/dist/components/tooltip/anatomy/root-provider.svelte.d.ts.map +1 -1
- package/dist/components/tooltip/anatomy/root.svelte +3 -3
- package/dist/components/tooltip/anatomy/trigger.svelte +2 -2
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts.map +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/modules/{use-tooltip.svelte.d.ts → provider.svelte.d.ts} +1 -1
- package/dist/components/tooltip/modules/provider.svelte.d.ts.map +1 -0
- package/dist/components/tooltip/modules/root-context.d.ts +1 -1
- package/dist/components/tooltip/modules/root-context.d.ts.map +1 -1
- package/dist/components/tooltip/modules/root-context.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/internal/props-with-children.d.ts +5 -2
- package/dist/internal/props-with-children.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/components/accordion/modules/use-accordion.svelte.d.ts.map +0 -1
- package/dist/components/avatar/modules/use-avatar.svelte.d.ts.map +0 -1
- package/dist/components/combobox/modules/use-combobox.svelte.d.ts.map +0 -1
- package/dist/components/dialog/modules/use-dialog.svelte.d.ts.map +0 -1
- package/dist/components/file-upload/modules/use-file-upload.svelte.d.ts.map +0 -1
- package/dist/components/popover/modules/use-popover.svelte.d.ts.map +0 -1
- package/dist/components/progress-linear/modules/use-progress-linear.svelte.d.ts.map +0 -1
- package/dist/components/rating-group/modules/use-rating-group.svelte.d.ts.map +0 -1
- package/dist/components/segmented-control/modules/use-segmented-control.svelte.d.ts.map +0 -1
- package/dist/components/slider/modules/use-slider.svelte.d.ts.map +0 -1
- package/dist/components/switch/modules/use-switch.svelte.d.ts.map +0 -1
- package/dist/components/tags-input/modules/use-tags-input.svelte.d.ts.map +0 -1
- package/dist/components/tooltip/modules/use-tooltip.svelte.d.ts.map +0 -1
- /package/dist/components/accordion/modules/{use-accordion.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/avatar/modules/{use-avatar.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/combobox/modules/{use-combobox.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/dialog/modules/{use-dialog.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/file-upload/modules/{use-file-upload.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/popover/modules/{use-popover.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/progress-linear/modules/{use-progress-linear.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/rating-group/modules/{use-rating-group.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/segmented-control/modules/{use-segmented-control.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/slider/modules/{use-slider.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/switch/modules/{use-switch.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/tabs/modules/{use-tabs.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/tags-input/modules/{use-tags-input.svelte.js → provider.svelte.js} +0 -0
- /package/dist/components/tooltip/modules/{use-tooltip.svelte.js → provider.svelte.js} +0 -0
package/README.md
CHANGED
|
@@ -1,22 +1,11 @@
|
|
|
1
|
-
# Skeleton
|
|
1
|
+
# Skeleton Svelte
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
## Project
|
|
6
|
-
|
|
7
|
-
This project has been created using a [SvelteKit](https://kit.svelte.dev/) project library.
|
|
8
|
-
|
|
9
|
-
## Exports
|
|
10
|
-
|
|
11
|
-
Library exports are contained within `/src/lib/migrate.ts`
|
|
12
|
-
|
|
13
|
-
## Dev
|
|
14
|
-
|
|
15
|
-
To run locally, follow the following instructions:
|
|
3
|
+
## Installation
|
|
16
4
|
|
|
5
|
+
```bash
|
|
6
|
+
pnpm add @skeletonlabs/skeleton-svelte
|
|
17
7
|
```
|
|
18
|
-
pnpm i
|
|
19
|
-
pnpm dev
|
|
20
|
-
```
|
|
21
8
|
|
|
22
|
-
|
|
9
|
+
## Documentation
|
|
10
|
+
|
|
11
|
+
Explore the full documentation at [skeleton.dev](https://skeleton.dev/).
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { ItemContext } from '../modules/item-context';
|
|
10
|
+
import { RootContext } from '../modules/root-context';
|
|
11
11
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
12
12
|
import { mergeProps } from '@zag-js/svelte';
|
|
13
13
|
|
|
14
14
|
const props: AccordionItemContentProps = $props();
|
|
15
15
|
|
|
16
|
-
const accordion =
|
|
17
|
-
const itemProps =
|
|
16
|
+
const accordion = RootContext.consume();
|
|
17
|
+
const itemProps = ItemContext.consume();
|
|
18
18
|
|
|
19
19
|
const { element, children, ...rest } = $derived(props);
|
|
20
20
|
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { ItemContext } from '../modules/item-context';
|
|
10
|
+
import { RootContext } from '../modules/root-context';
|
|
11
11
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
12
12
|
import { mergeProps } from '@zag-js/svelte';
|
|
13
13
|
|
|
14
14
|
const props: AccordionItemIndicatorProps = $props();
|
|
15
15
|
|
|
16
|
-
const accordion =
|
|
17
|
-
const itemProps =
|
|
16
|
+
const accordion = RootContext.consume();
|
|
17
|
+
const itemProps = ItemContext.consume();
|
|
18
18
|
|
|
19
19
|
const { element, children, ...rest } = $derived(props);
|
|
20
20
|
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { ItemContext } from '../modules/item-context';
|
|
10
|
+
import { RootContext } from '../modules/root-context';
|
|
11
11
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
12
12
|
import { mergeProps } from '@zag-js/svelte';
|
|
13
13
|
|
|
14
14
|
const props: AccordionItemTriggerProps = $props();
|
|
15
15
|
|
|
16
|
-
const accordion =
|
|
17
|
-
const itemProps =
|
|
16
|
+
const accordion = RootContext.consume();
|
|
17
|
+
const itemProps = ItemContext.consume();
|
|
18
18
|
|
|
19
19
|
const { element, children, ...rest } = $derived(props);
|
|
20
20
|
|
|
@@ -7,15 +7,15 @@
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<script lang="ts">
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { ItemContext } from '../modules/item-context';
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
13
13
|
import { splitItemProps } from '@zag-js/accordion';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
15
15
|
|
|
16
16
|
const props: AccordionItemProps = $props();
|
|
17
17
|
|
|
18
|
-
const accordion =
|
|
18
|
+
const accordion = RootContext.consume();
|
|
19
19
|
|
|
20
20
|
const [itemProps, componentProps] = $derived(splitItemProps(props));
|
|
21
21
|
const { element, children, ...rest } = $derived(componentProps);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
),
|
|
31
31
|
);
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
ItemContext.provide(() => itemProps);
|
|
34
34
|
</script>
|
|
35
35
|
|
|
36
36
|
{#if element}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import type { useAccordion } from '../modules/
|
|
2
|
+
import type { useAccordion } from '../modules/provider.svelte';
|
|
3
3
|
import type { Snippet } from 'svelte';
|
|
4
4
|
|
|
5
5
|
export interface AccordionRootContextProps {
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<script lang="ts">
|
|
11
|
-
import {
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
|
|
13
13
|
const props: AccordionRootContextProps = $props();
|
|
14
14
|
|
|
15
|
-
const accordion =
|
|
15
|
+
const accordion = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { children } = $derived(props);
|
|
18
18
|
</script>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type { useAccordion } from '../modules/
|
|
1
|
+
import type { useAccordion } from '../modules/provider.svelte';
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
export interface AccordionRootContextProps {
|
|
4
4
|
children: Snippet<[ReturnType<typeof useAccordion>]>;
|
|
5
5
|
}
|
|
6
|
+
import { RootContext } from '../modules/root-context';
|
|
6
7
|
declare const RootContext: import("svelte").Component<AccordionRootContextProps, {}, "">;
|
|
7
8
|
type RootContext = ReturnType<typeof RootContext>;
|
|
8
9
|
export default RootContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,yBAAyB;IACzC,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;CACrD;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,+DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import type { useAccordion } from '../modules/
|
|
2
|
+
import type { useAccordion } from '../modules/provider.svelte';
|
|
3
3
|
import type { HTMLAttributes } from '../../../internal/html-attributes';
|
|
4
4
|
import type { PropsWithElement } from '../../../internal/props-with-element';
|
|
5
5
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<script lang="ts">
|
|
12
|
-
import {
|
|
12
|
+
import { RootContext } from '../modules/root-context';
|
|
13
13
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
15
15
|
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
),
|
|
28
28
|
);
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
RootContext.provide(() => accordion());
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
{#if element}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { useAccordion } from '../modules/
|
|
1
|
+
import type { useAccordion } from '../modules/provider.svelte';
|
|
2
2
|
import type { HTMLAttributes } from '../../../internal/html-attributes';
|
|
3
3
|
import type { PropsWithElement } from '../../../internal/props-with-element';
|
|
4
4
|
export interface AccordionRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IAC/G,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;CACvC;AAyCF,QAAA,MAAM,YAAY,gEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<script lang="ts">
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { useAccordion } from '../modules/provider.svelte';
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
import { classesAccordion } from '@skeletonlabs/skeleton-common';
|
|
13
13
|
import { splitProps } from '@zag-js/accordion';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
),
|
|
35
35
|
);
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
RootContext.provide(() => accordion());
|
|
38
38
|
</script>
|
|
39
39
|
|
|
40
40
|
{#if element}
|
|
@@ -7,5 +7,5 @@ export type { AccordionRootContextProps } from './anatomy/root-context.svelte';
|
|
|
7
7
|
export type { AccordionRootProviderProps } from './anatomy/root-provider.svelte';
|
|
8
8
|
export type { AccordionItemTriggerProps } from './anatomy/item-trigger.svelte';
|
|
9
9
|
export { Accordion } from './modules/anatomy';
|
|
10
|
-
export { useAccordion } from './modules/
|
|
10
|
+
export { useAccordion } from './modules/provider.svelte';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AACnF,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACjF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AACnF,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,YAAY,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACjF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Accordion } from './modules/anatomy';
|
|
2
|
-
export { useAccordion } from './modules/
|
|
2
|
+
export { useAccordion } from './modules/provider.svelte';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-context.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/modules/item-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"item-context.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/modules/item-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,WAAW;;qBAAuB,SAAS;yBAAT,SAAS,SAAT,SAAS;CAAG,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createContext } from '../../../internal/create-context';
|
|
2
|
-
export const
|
|
2
|
+
export const ItemContext = createContext();
|
package/dist/components/accordion/modules/{use-accordion.svelte.d.ts → provider.svelte.d.ts}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Api, Props } from '@zag-js/accordion';
|
|
2
2
|
import { type PropTypes } from '@zag-js/svelte';
|
|
3
3
|
export declare function useAccordion(props: Props | (() => Props)): () => Api<PropTypes>;
|
|
4
|
-
//# sourceMappingURL=
|
|
4
|
+
//# sourceMappingURL=provider.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/modules/provider.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAI/E"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const RootContext: {
|
|
2
2
|
key: symbol;
|
|
3
3
|
consume(): () => import("@zag-js/accordion").Api<import("@zag-js/svelte").PropTypes>;
|
|
4
4
|
provide(value: () => import("@zag-js/accordion").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/accordion").Api<import("@zag-js/svelte").PropTypes>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;CAAmD,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createContext } from '../../../internal/create-context';
|
|
2
|
-
export const
|
|
2
|
+
export const RootContext = createContext();
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
9
|
+
import { RootContext } from '../modules/root-context';
|
|
10
10
|
import { classesAvatar } from '@skeletonlabs/skeleton-common';
|
|
11
11
|
import { mergeProps } from '@zag-js/svelte';
|
|
12
12
|
|
|
13
13
|
const props: AvatarFallbackProps = $props();
|
|
14
14
|
|
|
15
|
-
const avatar =
|
|
15
|
+
const avatar = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { element, children, ...rest } = $derived(props);
|
|
18
18
|
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
9
|
+
import { RootContext } from '../modules/root-context';
|
|
10
10
|
import { classesAvatar } from '@skeletonlabs/skeleton-common';
|
|
11
11
|
import { mergeProps } from '@zag-js/svelte';
|
|
12
12
|
|
|
13
13
|
const props: AvatarImageProps = $props();
|
|
14
14
|
|
|
15
|
-
const avatar =
|
|
15
|
+
const avatar = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { element, ...rest } = $derived(props);
|
|
18
18
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import type { useAvatar } from '../modules/
|
|
2
|
+
import type { useAvatar } from '../modules/provider.svelte';
|
|
3
3
|
import type { Snippet } from 'svelte';
|
|
4
4
|
|
|
5
5
|
export interface AvatarRootContextProps {
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<script lang="ts">
|
|
11
|
-
import {
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
|
|
13
13
|
const props: AvatarRootContextProps = $props();
|
|
14
14
|
|
|
15
|
-
const avatar =
|
|
15
|
+
const avatar = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { children } = $derived(props);
|
|
18
18
|
</script>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type { useAvatar } from '../modules/
|
|
1
|
+
import type { useAvatar } from '../modules/provider.svelte';
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
export interface AvatarRootContextProps {
|
|
4
4
|
children: Snippet<[ReturnType<typeof useAvatar>]>;
|
|
5
5
|
}
|
|
6
|
+
import { RootContext } from '../modules/root-context';
|
|
6
7
|
declare const RootContext: import("svelte").Component<AvatarRootContextProps, {}, "">;
|
|
7
8
|
type RootContext = ReturnType<typeof RootContext>;
|
|
8
9
|
export default RootContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,sBAAsB;IACtC,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;CAClD;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,4DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
|
-
import type { useAvatar } from '../modules/
|
|
2
|
+
import type { useAvatar } from '../modules/provider.svelte';
|
|
3
3
|
import type { HTMLAttributes } from '../../../internal/html-attributes';
|
|
4
4
|
import type { PropsWithElement } from '../../../internal/props-with-element';
|
|
5
5
|
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<script lang="ts">
|
|
12
|
-
import {
|
|
12
|
+
import { RootContext } from '../modules/root-context';
|
|
13
13
|
import { classesAvatar } from '@skeletonlabs/skeleton-common';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
15
15
|
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
),
|
|
28
28
|
);
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
RootContext.provide(() => avatar());
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
{#if element}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { useAvatar } from '../modules/
|
|
1
|
+
import type { useAvatar } from '../modules/provider.svelte';
|
|
2
2
|
import type { HTMLAttributes } from '../../../internal/html-attributes';
|
|
3
3
|
import type { PropsWithElement } from '../../../internal/props-with-element';
|
|
4
4
|
export interface AvatarRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5G,KAAK,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;CACpC;AAyCF,QAAA,MAAM,YAAY,6DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<script lang="ts">
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { useAvatar } from '../modules/provider.svelte';
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
import { classesAvatar } from '@skeletonlabs/skeleton-common';
|
|
13
13
|
import { splitProps } from '@zag-js/avatar';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
),
|
|
35
35
|
);
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
RootContext.provide(() => avatar());
|
|
38
38
|
</script>
|
|
39
39
|
|
|
40
40
|
{#if element}
|
|
@@ -4,5 +4,5 @@ export type { AvatarRootProps } from './anatomy/root.svelte';
|
|
|
4
4
|
export type { AvatarRootContextProps } from './anatomy/root-context.svelte';
|
|
5
5
|
export type { AvatarRootProviderProps } from './anatomy/root-provider.svelte';
|
|
6
6
|
export { Avatar } from './modules/anatomy';
|
|
7
|
-
export { useAvatar } from './modules/
|
|
7
|
+
export { useAvatar } from './modules/provider.svelte';
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Avatar } from './modules/anatomy';
|
|
2
|
-
export { useAvatar } from './modules/
|
|
2
|
+
export { useAvatar } from './modules/provider.svelte';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Api, Props } from '@zag-js/avatar';
|
|
2
2
|
import { type PropTypes } from '@zag-js/svelte';
|
|
3
3
|
export declare function useAvatar(props: Props | (() => Props)): () => Api<PropTypes>;
|
|
4
|
-
//# sourceMappingURL=
|
|
4
|
+
//# sourceMappingURL=provider.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/modules/provider.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE5E,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAI5E"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const RootContext: {
|
|
2
2
|
key: symbol;
|
|
3
3
|
consume(): () => import("@zag-js/avatar").Api<import("@zag-js/svelte").PropTypes>;
|
|
4
4
|
provide(value: () => import("@zag-js/avatar").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/avatar").Api<import("@zag-js/svelte").PropTypes>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"root-context.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/modules/root-context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;CAAgD,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { createContext } from '../../../internal/create-context';
|
|
2
|
-
export const
|
|
2
|
+
export const RootContext = createContext();
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
9
|
+
import { RootContext } from '../modules/root-context';
|
|
10
10
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
11
11
|
import { mergeProps } from '@zag-js/svelte';
|
|
12
12
|
|
|
13
13
|
const props: ComboboxContentProps = $props();
|
|
14
14
|
|
|
15
|
-
const combobox =
|
|
15
|
+
const combobox = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { element, children, ...rest } = $derived(props);
|
|
18
18
|
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
9
|
+
import { RootContext } from '../modules/root-context';
|
|
10
10
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
11
11
|
import { mergeProps } from '@zag-js/svelte';
|
|
12
12
|
|
|
13
13
|
const props: ComboboxControlProps = $props();
|
|
14
14
|
|
|
15
|
-
const combobox =
|
|
15
|
+
const combobox = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { element, children, ...rest } = $derived(props);
|
|
18
18
|
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
9
|
+
import { RootContext } from '../modules/root-context';
|
|
10
10
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
11
11
|
import { mergeProps } from '@zag-js/svelte';
|
|
12
12
|
|
|
13
13
|
const props: ComboboxInputProps = $props();
|
|
14
14
|
|
|
15
|
-
const combobox =
|
|
15
|
+
const combobox = RootContext.consume();
|
|
16
16
|
|
|
17
17
|
const { element, ...rest } = $derived(props);
|
|
18
18
|
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<script lang="ts">
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
12
|
+
import { ItemGroupContext } from '../modules/item-group-context';
|
|
13
|
+
import { RootContext } from '../modules/root-context';
|
|
14
14
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
15
15
|
import { type ItemGroupLabelProps, splitItemGroupLabelProps } from '@zag-js/combobox';
|
|
16
16
|
import { mergeProps } from '@zag-js/svelte';
|
|
17
17
|
|
|
18
18
|
const props: ComboboxItemGroupLabelProps = $props();
|
|
19
19
|
|
|
20
|
-
const combobox =
|
|
21
|
-
const itemGroupProps =
|
|
20
|
+
const combobox = RootContext.consume();
|
|
21
|
+
const itemGroupProps = ItemGroupContext.consume();
|
|
22
22
|
|
|
23
23
|
const [itemGroupLabelProps] = $derived(
|
|
24
24
|
splitItemGroupLabelProps({
|
|
@@ -7,15 +7,15 @@
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<script lang="ts">
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { ItemGroupContext } from '../modules/item-group-context';
|
|
11
|
+
import { RootContext } from '../modules/root-context';
|
|
12
12
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
13
13
|
import { splitItemGroupProps } from '@zag-js/combobox';
|
|
14
14
|
import { mergeProps } from '@zag-js/svelte';
|
|
15
15
|
|
|
16
16
|
const props: ComboboxItemGroupProps = $props();
|
|
17
17
|
|
|
18
|
-
const combobox =
|
|
18
|
+
const combobox = RootContext.consume();
|
|
19
19
|
|
|
20
20
|
const id = $props.id();
|
|
21
21
|
const [itemGroupProps, componentProps] = $derived(
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
),
|
|
37
37
|
);
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
ItemGroupContext.provide(() => itemGroupProps);
|
|
40
40
|
</script>
|
|
41
41
|
|
|
42
42
|
{#if element}
|
|
@@ -6,16 +6,16 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { ItemContext } from '../modules/item-context';
|
|
10
|
+
import { RootContext } from '../modules/root-context';
|
|
11
11
|
import Check from '../../../internal/components/check.svelte';
|
|
12
12
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
13
13
|
import { mergeProps } from '@zag-js/svelte';
|
|
14
14
|
|
|
15
15
|
const props: ComboboxItemIndicatorProps = $props();
|
|
16
16
|
|
|
17
|
-
const combobox =
|
|
18
|
-
const itemProps =
|
|
17
|
+
const combobox = RootContext.consume();
|
|
18
|
+
const itemProps = ItemContext.consume();
|
|
19
19
|
|
|
20
20
|
const { element, children = check, ...rest } = $derived(props);
|
|
21
21
|
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<script lang="ts">
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { ItemContext } from '../modules/item-context';
|
|
10
|
+
import { RootContext } from '../modules/root-context';
|
|
11
11
|
import { classesCombobox } from '@skeletonlabs/skeleton-common';
|
|
12
12
|
import { mergeProps } from '@zag-js/svelte';
|
|
13
13
|
|
|
14
14
|
const props: ComboboxItemTextProps = $props();
|
|
15
15
|
|
|
16
|
-
const combobox =
|
|
17
|
-
const itemProps =
|
|
16
|
+
const combobox = RootContext.consume();
|
|
17
|
+
const itemProps = ItemContext.consume();
|
|
18
18
|
|
|
19
19
|
const { element, children, ...rest } = $derived(props);
|
|
20
20
|
|