@sprawlify/svelte 0.0.45 → 0.0.47
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/dist/components/carousel/carousel-anatomy.d.ts +1 -1
- package/dist/components/color-picker/color-picker-anatomy.d.ts +1 -1
- package/dist/components/combobox/combobox-anatomy.d.ts +1 -1
- package/dist/components/combobox/combobox-root-provider.svelte +2 -2
- package/dist/components/combobox/combobox-root-provider.svelte.d.ts +2 -2
- package/dist/components/date-picker/date-picker-anatomy.d.ts +1 -1
- package/dist/components/date-picker/date-picker-root.svelte +1 -0
- package/dist/components/editable/editable-root-provider.svelte +0 -1
- package/dist/components/file-upload/file-upload-anatomy.d.ts +1 -0
- package/dist/components/file-upload/file-upload-anatomy.js +1 -0
- package/dist/components/file-upload/file-upload-clear-trigger.svelte +18 -0
- package/dist/components/file-upload/file-upload-clear-trigger.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-context.svelte +18 -0
- package/dist/components/file-upload/file-upload-context.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-dropzone.svelte +23 -0
- package/dist/components/file-upload/file-upload-dropzone.svelte.d.ts +9 -0
- package/dist/components/file-upload/file-upload-hidden-input.svelte +18 -0
- package/dist/components/file-upload/file-upload-hidden-input.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-item-delete-trigger.svelte +21 -0
- package/dist/components/file-upload/file-upload-item-delete-trigger.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-item-group.svelte +25 -0
- package/dist/components/file-upload/file-upload-item-group.svelte.d.ts +9 -0
- package/dist/components/file-upload/file-upload-item-name.svelte +26 -0
- package/dist/components/file-upload/file-upload-item-name.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-item-preview-image.svelte +32 -0
- package/dist/components/file-upload/file-upload-item-preview-image.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-item-preview.svelte +26 -0
- package/dist/components/file-upload/file-upload-item-preview.svelte.d.ts +9 -0
- package/dist/components/file-upload/file-upload-item-size-text.svelte +26 -0
- package/dist/components/file-upload/file-upload-item-size-text.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-item.svelte +32 -0
- package/dist/components/file-upload/file-upload-item.svelte.d.ts +10 -0
- package/dist/components/file-upload/file-upload-label.svelte +18 -0
- package/dist/components/file-upload/file-upload-label.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload-root-provider.svelte +24 -0
- package/dist/components/file-upload/file-upload-root-provider.svelte.d.ts +12 -0
- package/dist/components/file-upload/file-upload-root.svelte +64 -0
- package/dist/components/file-upload/file-upload-root.svelte.d.ts +9 -0
- package/dist/components/file-upload/file-upload-trigger.svelte +18 -0
- package/dist/components/file-upload/file-upload-trigger.svelte.d.ts +8 -0
- package/dist/components/file-upload/file-upload.d.ts +16 -0
- package/dist/components/file-upload/file-upload.js +15 -0
- package/dist/components/file-upload/index.d.ts +21 -0
- package/dist/components/file-upload/index.js +20 -0
- package/dist/components/file-upload/use-file-upload-context.d.ts +4 -0
- package/dist/components/file-upload/use-file-upload-context.js +4 -0
- package/dist/components/file-upload/use-file-upload-item-group-props-context.d.ts +5 -0
- package/dist/components/file-upload/use-file-upload-item-group-props-context.js +6 -0
- package/dist/components/file-upload/use-file-upload-item-props-context.d.ts +5 -0
- package/dist/components/file-upload/use-file-upload-item-props-context.js +4 -0
- package/dist/components/file-upload/use-file-upload.svelte.d.ts +9 -0
- package/dist/components/file-upload/use-file-upload.svelte.js +21 -0
- package/dist/components/floating-panel/floating-panel-anatomy.d.ts +1 -0
- package/dist/components/floating-panel/floating-panel-anatomy.js +1 -0
- package/dist/components/floating-panel/floating-panel-body.svelte +19 -0
- package/dist/components/floating-panel/floating-panel-body.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.svelte +20 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-content.svelte +28 -0
- package/dist/components/floating-panel/floating-panel-content.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-context.svelte +18 -0
- package/dist/components/floating-panel/floating-panel-context.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-control.svelte +19 -0
- package/dist/components/floating-panel/floating-panel-control.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.svelte +19 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-header.svelte +19 -0
- package/dist/components/floating-panel/floating-panel-header.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-positioner.svelte +24 -0
- package/dist/components/floating-panel/floating-panel-positioner.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.svelte +26 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.svelte.d.ts +9 -0
- package/dist/components/floating-panel/floating-panel-root-provider.svelte +28 -0
- package/dist/components/floating-panel/floating-panel-root-provider.svelte.d.ts +14 -0
- package/dist/components/floating-panel/floating-panel-root.svelte +90 -0
- package/dist/components/floating-panel/floating-panel-root.svelte.d.ts +12 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.svelte +24 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.svelte.d.ts +9 -0
- package/dist/components/floating-panel/floating-panel-title.svelte +19 -0
- package/dist/components/floating-panel/floating-panel-title.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-trigger.svelte +31 -0
- package/dist/components/floating-panel/floating-panel-trigger.svelte.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel.d.ts +15 -0
- package/dist/components/floating-panel/floating-panel.js +14 -0
- package/dist/components/floating-panel/index.d.ts +19 -0
- package/dist/components/floating-panel/index.js +18 -0
- package/dist/components/floating-panel/use-floating-panel-context.d.ts +6 -0
- package/dist/components/floating-panel/use-floating-panel-context.js +6 -0
- package/dist/components/floating-panel/use-floating-panel.svelte.d.ts +9 -0
- package/dist/components/floating-panel/use-floating-panel.svelte.js +19 -0
- package/dist/components/focus-trap/focus-trap.svelte +44 -0
- package/dist/components/focus-trap/focus-trap.svelte.d.ts +12 -0
- package/dist/components/focus-trap/index.d.ts +2 -0
- package/dist/components/focus-trap/index.js +1 -0
- package/dist/components/format/format-byte.svelte +24 -0
- package/dist/components/format/format-byte.svelte.d.ts +9 -0
- package/dist/components/format/format-number.svelte +16 -0
- package/dist/components/format/format-number.svelte.d.ts +6 -0
- package/dist/components/format/format-relative-time.svelte +17 -0
- package/dist/components/format/format-relative-time.svelte.d.ts +6 -0
- package/dist/components/format/format.d.ts +3 -0
- package/dist/components/format/format.js +3 -0
- package/dist/components/format/index.d.ts +4 -0
- package/dist/components/format/index.js +4 -0
- package/dist/components/frame/frame-content.svelte +19 -0
- package/dist/components/frame/frame-content.svelte.d.ts +9 -0
- package/dist/components/frame/frame.svelte +103 -0
- package/dist/components/frame/frame.svelte.d.ts +15 -0
- package/dist/components/frame/index.d.ts +2 -0
- package/dist/components/frame/index.js +1 -0
- package/dist/components/hover-card/hover-card-anatomy.d.ts +1 -0
- package/dist/components/hover-card/hover-card-anatomy.js +1 -0
- package/dist/components/hover-card/hover-card-arrow-tip.svelte +19 -0
- package/dist/components/hover-card/hover-card-arrow-tip.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card-arrow.svelte +19 -0
- package/dist/components/hover-card/hover-card-arrow.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card-content.svelte +27 -0
- package/dist/components/hover-card/hover-card-content.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card-context.svelte +17 -0
- package/dist/components/hover-card/hover-card-context.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card-positioner.svelte +23 -0
- package/dist/components/hover-card/hover-card-positioner.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card-root-provider.svelte +29 -0
- package/dist/components/hover-card/hover-card-root-provider.svelte.d.ts +14 -0
- package/dist/components/hover-card/hover-card-root.svelte +39 -0
- package/dist/components/hover-card/hover-card-root.svelte.d.ts +11 -0
- package/dist/components/hover-card/hover-card-trigger.svelte +19 -0
- package/dist/components/hover-card/hover-card-trigger.svelte.d.ts +8 -0
- package/dist/components/hover-card/hover-card.d.ts +9 -0
- package/dist/components/hover-card/hover-card.js +8 -0
- package/dist/components/hover-card/index.d.ts +13 -0
- package/dist/components/hover-card/index.js +12 -0
- package/dist/components/hover-card/use-hover-card-context.d.ts +4 -0
- package/dist/components/hover-card/use-hover-card-context.js +6 -0
- package/dist/components/hover-card/use-hover-card.svelte.d.ts +9 -0
- package/dist/components/hover-card/use-hover-card.svelte.js +20 -0
- package/dist/components/image-cropper/image-cropper-anatomy.d.ts +1 -0
- package/dist/components/image-cropper/image-cropper-anatomy.js +1 -0
- package/dist/components/image-cropper/image-cropper-context.svelte +18 -0
- package/dist/components/image-cropper/image-cropper-context.svelte.d.ts +8 -0
- package/dist/components/image-cropper/image-cropper-grid.svelte +23 -0
- package/dist/components/image-cropper/image-cropper-grid.svelte.d.ts +9 -0
- package/dist/components/image-cropper/image-cropper-handle.svelte +23 -0
- package/dist/components/image-cropper/image-cropper-handle.svelte.d.ts +9 -0
- package/dist/components/image-cropper/image-cropper-image.svelte +18 -0
- package/dist/components/image-cropper/image-cropper-image.svelte.d.ts +8 -0
- package/dist/components/image-cropper/image-cropper-root-provider.svelte +27 -0
- package/dist/components/image-cropper/image-cropper-root-provider.svelte.d.ts +14 -0
- package/dist/components/image-cropper/image-cropper-root.svelte +87 -0
- package/dist/components/image-cropper/image-cropper-root.svelte.d.ts +11 -0
- package/dist/components/image-cropper/image-cropper-selection.svelte +18 -0
- package/dist/components/image-cropper/image-cropper-selection.svelte.d.ts +8 -0
- package/dist/components/image-cropper/image-cropper-viewport.svelte +18 -0
- package/dist/components/image-cropper/image-cropper-viewport.svelte.d.ts +8 -0
- package/dist/components/image-cropper/image-cropper.d.ts +10 -0
- package/dist/components/image-cropper/image-cropper.js +9 -0
- package/dist/components/image-cropper/index.d.ts +13 -0
- package/dist/components/image-cropper/index.js +12 -0
- package/dist/components/image-cropper/use-image-cropper-context.d.ts +4 -0
- package/dist/components/image-cropper/use-image-cropper-context.js +4 -0
- package/dist/components/image-cropper/use-image-cropper.svelte.d.ts +9 -0
- package/dist/components/image-cropper/use-image-cropper.svelte.js +20 -0
- package/dist/components/json-tree-view/get-branch-value.d.ts +3 -0
- package/dist/components/json-tree-view/get-branch-value.js +13 -0
- package/dist/components/json-tree-view/index.d.ts +5 -0
- package/dist/components/json-tree-view/index.js +5 -0
- package/dist/components/json-tree-view/json-tree-view-key-node.svelte +17 -0
- package/dist/components/json-tree-view/json-tree-view-key-node.svelte.d.ts +8 -0
- package/dist/components/json-tree-view/json-tree-view-node.svelte +93 -0
- package/dist/components/json-tree-view/json-tree-view-node.svelte.d.ts +15 -0
- package/dist/components/json-tree-view/json-tree-view-props-context.d.ts +5 -0
- package/dist/components/json-tree-view/json-tree-view-props-context.js +6 -0
- package/dist/components/json-tree-view/json-tree-view-root-provider.svelte +12 -0
- package/dist/components/json-tree-view/json-tree-view-root-provider.svelte.d.ts +7 -0
- package/dist/components/json-tree-view/json-tree-view-root.svelte +48 -0
- package/dist/components/json-tree-view/json-tree-view-root.svelte.d.ts +12 -0
- package/dist/components/json-tree-view/json-tree-view-tree.svelte +23 -0
- package/dist/components/json-tree-view/json-tree-view-tree.svelte.d.ts +9 -0
- package/dist/components/json-tree-view/json-tree-view-value-node.svelte +31 -0
- package/dist/components/json-tree-view/json-tree-view-value-node.svelte.d.ts +10 -0
- package/dist/components/json-tree-view/json-tree-view.d.ts +3 -0
- package/dist/components/json-tree-view/json-tree-view.js +3 -0
- package/dist/components/json-tree-view/use-json-tree-view.svelte.d.ts +10 -0
- package/dist/components/json-tree-view/use-json-tree-view.svelte.js +23 -0
- package/dist/components/listbox/index.d.ts +21 -0
- package/dist/components/listbox/index.js +20 -0
- package/dist/components/listbox/listbox-anatomy.d.ts +1 -0
- package/dist/components/listbox/listbox-anatomy.js +2 -0
- package/dist/components/listbox/listbox-content.svelte +19 -0
- package/dist/components/listbox/listbox-content.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-context.svelte +19 -0
- package/dist/components/listbox/listbox-context.svelte.d.ts +30 -0
- package/dist/components/listbox/listbox-empty.svelte +23 -0
- package/dist/components/listbox/listbox-empty.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-input.svelte +22 -0
- package/dist/components/listbox/listbox-input.svelte.d.ts +9 -0
- package/dist/components/listbox/listbox-item-context.svelte +18 -0
- package/dist/components/listbox/listbox-item-context.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-item-group-label.svelte +21 -0
- package/dist/components/listbox/listbox-item-group-label.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-item-group.svelte +25 -0
- package/dist/components/listbox/listbox-item-group.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-item-indicator.svelte +21 -0
- package/dist/components/listbox/listbox-item-indicator.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-item-text.svelte +21 -0
- package/dist/components/listbox/listbox-item-text.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-item.svelte +28 -0
- package/dist/components/listbox/listbox-item.svelte.d.ts +9 -0
- package/dist/components/listbox/listbox-label.svelte +19 -0
- package/dist/components/listbox/listbox-label.svelte.d.ts +8 -0
- package/dist/components/listbox/listbox-root-provider.svelte +34 -0
- package/dist/components/listbox/listbox-root-provider.svelte.d.ts +36 -0
- package/dist/components/listbox/listbox-root.svelte +77 -0
- package/dist/components/listbox/listbox-root.svelte.d.ts +34 -0
- package/dist/components/listbox/listbox-value-text.svelte +27 -0
- package/dist/components/listbox/listbox-value-text.svelte.d.ts +9 -0
- package/dist/components/listbox/listbox.d.ts +14 -0
- package/dist/components/listbox/listbox.js +14 -0
- package/dist/components/listbox/use-listbox-context.d.ts +7 -0
- package/dist/components/listbox/use-listbox-context.js +6 -0
- package/dist/components/listbox/use-listbox-item-context.d.ts +5 -0
- package/dist/components/listbox/use-listbox-item-context.js +6 -0
- package/dist/components/listbox/use-listbox-item-group-props.d.ts +5 -0
- package/dist/components/listbox/use-listbox-item-group-props.js +6 -0
- package/dist/components/listbox/use-listbox-item-props-context.d.ts +5 -0
- package/dist/components/listbox/use-listbox-item-props-context.js +6 -0
- package/dist/components/listbox/use-listbox.svelte.d.ts +11 -0
- package/dist/components/listbox/use-listbox.svelte.js +19 -0
- package/dist/components/marquee/index.d.ts +12 -0
- package/dist/components/marquee/index.js +11 -0
- package/dist/components/marquee/marquee-anatomy.d.ts +1 -0
- package/dist/components/marquee/marquee-anatomy.js +1 -0
- package/dist/components/marquee/marquee-content.svelte +36 -0
- package/dist/components/marquee/marquee-content.svelte.d.ts +10 -0
- package/dist/components/marquee/marquee-context.svelte +18 -0
- package/dist/components/marquee/marquee-context.svelte.d.ts +8 -0
- package/dist/components/marquee/marquee-edge.svelte +22 -0
- package/dist/components/marquee/marquee-edge.svelte.d.ts +9 -0
- package/dist/components/marquee/marquee-item.svelte +19 -0
- package/dist/components/marquee/marquee-item.svelte.d.ts +8 -0
- package/dist/components/marquee/marquee-root-provider.svelte +25 -0
- package/dist/components/marquee/marquee-root-provider.svelte.d.ts +12 -0
- package/dist/components/marquee/marquee-root.svelte +54 -0
- package/dist/components/marquee/marquee-root.svelte.d.ts +9 -0
- package/dist/components/marquee/marquee-viewport.svelte +19 -0
- package/dist/components/marquee/marquee-viewport.svelte.d.ts +8 -0
- package/dist/components/marquee/marquee.d.ts +8 -0
- package/dist/components/marquee/marquee.js +7 -0
- package/dist/components/marquee/use-marquee-context.d.ts +4 -0
- package/dist/components/marquee/use-marquee-context.js +5 -0
- package/dist/components/marquee/use-marquee.svelte.d.ts +9 -0
- package/dist/components/marquee/use-marquee.svelte.js +20 -0
- package/dist/components/menu/index.d.ts +28 -0
- package/dist/components/menu/index.js +26 -0
- package/dist/components/menu/menu-anatomy.d.ts +1 -0
- package/dist/components/menu/menu-anatomy.js +1 -0
- package/dist/components/menu/menu-arrow-tip.svelte +19 -0
- package/dist/components/menu/menu-arrow-tip.svelte.d.ts +8 -0
- package/dist/components/menu/menu-arrow.svelte +19 -0
- package/dist/components/menu/menu-arrow.svelte.d.ts +8 -0
- package/dist/components/menu/menu-checkbox-item.svelte +50 -0
- package/dist/components/menu/menu-checkbox-item.svelte.d.ts +10 -0
- package/dist/components/menu/menu-content.svelte +27 -0
- package/dist/components/menu/menu-content.svelte.d.ts +8 -0
- package/dist/components/menu/menu-context-trigger.svelte +19 -0
- package/dist/components/menu/menu-context-trigger.svelte.d.ts +8 -0
- package/dist/components/menu/menu-context.svelte +17 -0
- package/dist/components/menu/menu-context.svelte.d.ts +8 -0
- package/dist/components/menu/menu-indicator.svelte +19 -0
- package/dist/components/menu/menu-indicator.svelte.d.ts +8 -0
- package/dist/components/menu/menu-item-context.svelte +14 -0
- package/dist/components/menu/menu-item-context.svelte.d.ts +8 -0
- package/dist/components/menu/menu-item-group-label.svelte +21 -0
- package/dist/components/menu/menu-item-group-label.svelte.d.ts +8 -0
- package/dist/components/menu/menu-item-group.svelte +27 -0
- package/dist/components/menu/menu-item-group.svelte.d.ts +10 -0
- package/dist/components/menu/menu-item-indicator.svelte +21 -0
- package/dist/components/menu/menu-item-indicator.svelte.d.ts +8 -0
- package/dist/components/menu/menu-item-text.svelte +21 -0
- package/dist/components/menu/menu-item-text.svelte.d.ts +8 -0
- package/dist/components/menu/menu-item.svelte +42 -0
- package/dist/components/menu/menu-item.svelte.d.ts +12 -0
- package/dist/components/menu/menu-positioner.svelte +23 -0
- package/dist/components/menu/menu-positioner.svelte.d.ts +8 -0
- package/dist/components/menu/menu-radio-item-group.svelte +44 -0
- package/dist/components/menu/menu-radio-item-group.svelte.d.ts +10 -0
- package/dist/components/menu/menu-radio-item.svelte +43 -0
- package/dist/components/menu/menu-radio-item.svelte.d.ts +10 -0
- package/dist/components/menu/menu-root-provider.svelte +56 -0
- package/dist/components/menu/menu-root-provider.svelte.d.ts +14 -0
- package/dist/components/menu/menu-root.svelte +92 -0
- package/dist/components/menu/menu-root.svelte.d.ts +11 -0
- package/dist/components/menu/menu-separator.svelte +19 -0
- package/dist/components/menu/menu-separator.svelte.d.ts +8 -0
- package/dist/components/menu/menu-trigger-item.svelte +22 -0
- package/dist/components/menu/menu-trigger-item.svelte.d.ts +8 -0
- package/dist/components/menu/menu-trigger.svelte +22 -0
- package/dist/components/menu/menu-trigger.svelte.d.ts +8 -0
- package/dist/components/menu/menu.d.ts +22 -0
- package/dist/components/menu/menu.js +21 -0
- package/dist/components/menu/use-menu-context.d.ts +4 -0
- package/dist/components/menu/use-menu-context.js +7 -0
- package/dist/components/menu/use-menu-item-context.d.ts +5 -0
- package/dist/components/menu/use-menu-item-context.js +6 -0
- package/dist/components/menu/use-menu-item-group-context.d.ts +11 -0
- package/dist/components/menu/use-menu-item-group-context.js +6 -0
- package/dist/components/menu/use-menu-machine-context.d.ts +4 -0
- package/dist/components/menu/use-menu-machine-context.js +7 -0
- package/dist/components/menu/use-menu-option-item-props-context.d.ts +3 -0
- package/dist/components/menu/use-menu-option-item-props-context.js +6 -0
- package/dist/components/menu/use-menu-trigger-item-context.d.ts +4 -0
- package/dist/components/menu/use-menu-trigger-item-context.js +7 -0
- package/dist/components/menu/use-menu.svelte.d.ts +12 -0
- package/dist/components/menu/use-menu.svelte.js +20 -0
- package/dist/components/navigation-menu/index.d.ts +18 -0
- package/dist/components/navigation-menu/index.js +17 -0
- package/dist/components/navigation-menu/navigation-menu-anatomy.d.ts +1 -0
- package/dist/components/navigation-menu/navigation-menu-anatomy.js +1 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.svelte +19 -0
- package/dist/components/navigation-menu/navigation-menu-arrow.svelte.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-content.svelte +63 -0
- package/dist/components/navigation-menu/navigation-menu-content.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-context.svelte +18 -0
- package/dist/components/navigation-menu/navigation-menu-context.svelte.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.svelte +29 -0
- package/dist/components/navigation-menu/navigation-menu-indicator.svelte.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.svelte +22 -0
- package/dist/components/navigation-menu/navigation-menu-item-indicator.svelte.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-item.svelte +26 -0
- package/dist/components/navigation-menu/navigation-menu-item.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-link.svelte +32 -0
- package/dist/components/navigation-menu/navigation-menu-link.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-list.svelte +19 -0
- package/dist/components/navigation-menu/navigation-menu-list.svelte.d.ts +8 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.svelte +36 -0
- package/dist/components/navigation-menu/navigation-menu-root-provider.svelte.d.ts +13 -0
- package/dist/components/navigation-menu/navigation-menu-root.svelte +61 -0
- package/dist/components/navigation-menu/navigation-menu-root.svelte.d.ts +10 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.svelte +36 -0
- package/dist/components/navigation-menu/navigation-menu-trigger.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.svelte +29 -0
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.svelte +36 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +14 -0
- package/dist/components/navigation-menu/navigation-menu.js +13 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.d.ts +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-context.js +4 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js +5 -0
- package/dist/components/navigation-menu/use-navigation-menu.svelte.d.ts +9 -0
- package/dist/components/navigation-menu/use-navigation-menu.svelte.js +20 -0
- package/dist/components/number-input/index.d.ts +17 -0
- package/dist/components/number-input/index.js +14 -0
- package/dist/components/number-input/number-input-anatomy.d.ts +1 -0
- package/dist/components/number-input/number-input-anatomy.js +1 -0
- package/dist/components/number-input/number-input-context.svelte +18 -0
- package/dist/components/number-input/number-input-context.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-control.svelte +19 -0
- package/dist/components/number-input/number-input-control.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-decrement-trigger.svelte +20 -0
- package/dist/components/number-input/number-input-decrement-trigger.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-increment-trigger.svelte +20 -0
- package/dist/components/number-input/number-input-increment-trigger.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-input.svelte +21 -0
- package/dist/components/number-input/number-input-input.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-label.svelte +19 -0
- package/dist/components/number-input/number-input-label.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-root-provider.svelte +23 -0
- package/dist/components/number-input/number-input-root-provider.svelte.d.ts +10 -0
- package/dist/components/number-input/number-input-root.svelte +37 -0
- package/dist/components/number-input/number-input-root.svelte.d.ts +9 -0
- package/dist/components/number-input/number-input-scrubber.svelte +19 -0
- package/dist/components/number-input/number-input-scrubber.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input-value-text.svelte +25 -0
- package/dist/components/number-input/number-input-value-text.svelte.d.ts +8 -0
- package/dist/components/number-input/number-input.d.ts +11 -0
- package/dist/components/number-input/number-input.js +10 -0
- package/dist/components/number-input/split-number-input-props.svelte.d.ts +2 -0
- package/dist/components/number-input/split-number-input-props.svelte.js +31 -0
- package/dist/components/number-input/use-number-input-context.d.ts +4 -0
- package/dist/components/number-input/use-number-input-context.js +6 -0
- package/dist/components/number-input/use-number-input.svelte.d.ts +9 -0
- package/dist/components/number-input/use-number-input.svelte.js +31 -0
- package/dist/components/pagination/index.d.ts +14 -0
- package/dist/components/pagination/index.js +13 -0
- package/dist/components/pagination/pagination-anatomy.d.ts +1 -0
- package/dist/components/pagination/pagination-anatomy.js +1 -0
- package/dist/components/pagination/pagination-context.svelte +17 -0
- package/dist/components/pagination/pagination-context.svelte.d.ts +8 -0
- package/dist/components/pagination/pagination-ellipsis.svelte +19 -0
- package/dist/components/pagination/pagination-ellipsis.svelte.d.ts +9 -0
- package/dist/components/pagination/pagination-first-trigger.svelte +18 -0
- package/dist/components/pagination/pagination-first-trigger.svelte.d.ts +8 -0
- package/dist/components/pagination/pagination-item.svelte +19 -0
- package/dist/components/pagination/pagination-item.svelte.d.ts +9 -0
- package/dist/components/pagination/pagination-last-trigger.svelte +18 -0
- package/dist/components/pagination/pagination-last-trigger.svelte.d.ts +8 -0
- package/dist/components/pagination/pagination-next-trigger.svelte +18 -0
- package/dist/components/pagination/pagination-next-trigger.svelte.d.ts +8 -0
- package/dist/components/pagination/pagination-prev-trigger.svelte +18 -0
- package/dist/components/pagination/pagination-prev-trigger.svelte.d.ts +8 -0
- package/dist/components/pagination/pagination-root-provider.svelte +27 -0
- package/dist/components/pagination/pagination-root-provider.svelte.d.ts +14 -0
- package/dist/components/pagination/pagination-root.svelte +59 -0
- package/dist/components/pagination/pagination-root.svelte.d.ts +9 -0
- package/dist/components/pagination/pagination.d.ts +10 -0
- package/dist/components/pagination/pagination.js +9 -0
- package/dist/components/pagination/use-pagination-context.d.ts +4 -0
- package/dist/components/pagination/use-pagination-context.js +6 -0
- package/dist/components/pagination/use-pagination.svelte.d.ts +9 -0
- package/dist/components/pagination/use-pagination.svelte.js +19 -0
- package/dist/components/password-input/index.d.ts +13 -0
- package/dist/components/password-input/index.js +12 -0
- package/dist/components/password-input/password-input-anatomy.d.ts +1 -0
- package/dist/components/password-input/password-input-anatomy.js +1 -0
- package/dist/components/password-input/password-input-context.svelte +18 -0
- package/dist/components/password-input/password-input-context.svelte.d.ts +8 -0
- package/dist/components/password-input/password-input-control.svelte +18 -0
- package/dist/components/password-input/password-input-control.svelte.d.ts +8 -0
- package/dist/components/password-input/password-input-indicator.svelte +29 -0
- package/dist/components/password-input/password-input-indicator.svelte.d.ts +11 -0
- package/dist/components/password-input/password-input-input.svelte +27 -0
- package/dist/components/password-input/password-input-input.svelte.d.ts +8 -0
- package/dist/components/password-input/password-input-label.svelte +18 -0
- package/dist/components/password-input/password-input-label.svelte.d.ts +8 -0
- package/dist/components/password-input/password-input-root-provider.svelte +30 -0
- package/dist/components/password-input/password-input-root-provider.svelte.d.ts +14 -0
- package/dist/components/password-input/password-input-root.svelte +58 -0
- package/dist/components/password-input/password-input-root.svelte.d.ts +11 -0
- package/dist/components/password-input/password-input-visibility-trigger.svelte +19 -0
- package/dist/components/password-input/password-input-visibility-trigger.svelte.d.ts +8 -0
- package/dist/components/password-input/password-input.d.ts +9 -0
- package/dist/components/password-input/password-input.js +8 -0
- package/dist/components/password-input/use-password-input-context.d.ts +4 -0
- package/dist/components/password-input/use-password-input-context.js +4 -0
- package/dist/components/password-input/use-password-input.svelte.d.ts +9 -0
- package/dist/components/password-input/use-password-input.svelte.js +20 -0
- package/dist/components/pin-input/index.d.ts +12 -0
- package/dist/components/pin-input/index.js +11 -0
- package/dist/components/pin-input/pin-input-anatomy.d.ts +1 -0
- package/dist/components/pin-input/pin-input-anatomy.js +1 -0
- package/dist/components/pin-input/pin-input-context.svelte +18 -0
- package/dist/components/pin-input/pin-input-context.svelte.d.ts +8 -0
- package/dist/components/pin-input/pin-input-control.svelte +18 -0
- package/dist/components/pin-input/pin-input-control.svelte.d.ts +8 -0
- package/dist/components/pin-input/pin-input-hidden-input.svelte +18 -0
- package/dist/components/pin-input/pin-input-hidden-input.svelte.d.ts +8 -0
- package/dist/components/pin-input/pin-input-input.svelte +23 -0
- package/dist/components/pin-input/pin-input-input.svelte.d.ts +9 -0
- package/dist/components/pin-input/pin-input-label.svelte +18 -0
- package/dist/components/pin-input/pin-input-label.svelte.d.ts +8 -0
- package/dist/components/pin-input/pin-input-root-provider.svelte +27 -0
- package/dist/components/pin-input/pin-input-root-provider.svelte.d.ts +14 -0
- package/dist/components/pin-input/pin-input-root.svelte +66 -0
- package/dist/components/pin-input/pin-input-root.svelte.d.ts +11 -0
- package/dist/components/pin-input/pin-input.d.ts +8 -0
- package/dist/components/pin-input/pin-input.js +7 -0
- package/dist/components/pin-input/use-pin-input-context.d.ts +4 -0
- package/dist/components/pin-input/use-pin-input-context.js +4 -0
- package/dist/components/pin-input/use-pin-input.svelte.d.ts +9 -0
- package/dist/components/pin-input/use-pin-input.svelte.js +20 -0
- package/dist/components/popover/index.d.ts +20 -0
- package/dist/components/popover/index.js +17 -0
- package/dist/components/popover/popover-anatomy.d.ts +1 -0
- package/dist/components/popover/popover-anatomy.js +1 -0
- package/dist/components/popover/popover-anchor.svelte +19 -0
- package/dist/components/popover/popover-anchor.svelte.d.ts +8 -0
- package/dist/components/popover/popover-arrow-tip.svelte +19 -0
- package/dist/components/popover/popover-arrow-tip.svelte.d.ts +8 -0
- package/dist/components/popover/popover-arrow.svelte +19 -0
- package/dist/components/popover/popover-arrow.svelte.d.ts +8 -0
- package/dist/components/popover/popover-close-trigger.svelte +19 -0
- package/dist/components/popover/popover-close-trigger.svelte.d.ts +8 -0
- package/dist/components/popover/popover-content.svelte +27 -0
- package/dist/components/popover/popover-content.svelte.d.ts +8 -0
- package/dist/components/popover/popover-context.svelte +18 -0
- package/dist/components/popover/popover-context.svelte.d.ts +8 -0
- package/dist/components/popover/popover-description.svelte +19 -0
- package/dist/components/popover/popover-description.svelte.d.ts +8 -0
- package/dist/components/popover/popover-indicator.svelte +19 -0
- package/dist/components/popover/popover-indicator.svelte.d.ts +8 -0
- package/dist/components/popover/popover-positioner.svelte +23 -0
- package/dist/components/popover/popover-positioner.svelte.d.ts +8 -0
- package/dist/components/popover/popover-root-provider.svelte +29 -0
- package/dist/components/popover/popover-root-provider.svelte.d.ts +14 -0
- package/dist/components/popover/popover-root.svelte +49 -0
- package/dist/components/popover/popover-root.svelte.d.ts +11 -0
- package/dist/components/popover/popover-title.svelte +19 -0
- package/dist/components/popover/popover-title.svelte.d.ts +8 -0
- package/dist/components/popover/popover-trigger.svelte +29 -0
- package/dist/components/popover/popover-trigger.svelte.d.ts +8 -0
- package/dist/components/popover/popover.d.ts +14 -0
- package/dist/components/popover/popover.js +13 -0
- package/dist/components/popover/use-popover-context.d.ts +4 -0
- package/dist/components/popover/use-popover-context.js +4 -0
- package/dist/components/popover/use-popover.svelte.d.ts +9 -0
- package/dist/components/popover/use-popover.svelte.js +20 -0
- package/dist/components/tree-view/index.d.ts +32 -0
- package/dist/components/tree-view/index.js +27 -0
- package/dist/components/tree-view/tree-view-anatomy.d.ts +1 -0
- package/dist/components/tree-view/tree-view-anatomy.js +1 -0
- package/dist/components/tree-view/tree-view-branch-content.svelte +35 -0
- package/dist/components/tree-view/tree-view-branch-content.svelte.d.ts +9 -0
- package/dist/components/tree-view/tree-view-branch-control.svelte +21 -0
- package/dist/components/tree-view/tree-view-branch-control.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-branch-indent-guide.svelte +23 -0
- package/dist/components/tree-view/tree-view-branch-indent-guide.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-branch-indicator.svelte +21 -0
- package/dist/components/tree-view/tree-view-branch-indicator.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-branch-text.svelte +21 -0
- package/dist/components/tree-view/tree-view-branch-text.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-branch-trigger.svelte +22 -0
- package/dist/components/tree-view/tree-view-branch-trigger.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-branch.svelte +33 -0
- package/dist/components/tree-view/tree-view-branch.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-context.svelte +19 -0
- package/dist/components/tree-view/tree-view-context.svelte.d.ts +9 -0
- package/dist/components/tree-view/tree-view-item-indicator.svelte +22 -0
- package/dist/components/tree-view/tree-view-item-indicator.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-item-text.svelte +22 -0
- package/dist/components/tree-view/tree-view-item-text.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-item.svelte +21 -0
- package/dist/components/tree-view/tree-view-item.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-label.svelte +19 -0
- package/dist/components/tree-view/tree-view-label.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.svelte +27 -0
- package/dist/components/tree-view/tree-view-node-checkbox-indicator.svelte.d.ts +11 -0
- package/dist/components/tree-view/tree-view-node-checkbox.svelte +22 -0
- package/dist/components/tree-view/tree-view-node-checkbox.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-node-context.svelte +19 -0
- package/dist/components/tree-view/tree-view-node-context.svelte.d.ts +30 -0
- package/dist/components/tree-view/tree-view-node-provider.svelte +29 -0
- package/dist/components/tree-view/tree-view-node-provider.svelte.d.ts +34 -0
- package/dist/components/tree-view/tree-view-node-rename-input.svelte +21 -0
- package/dist/components/tree-view/tree-view-node-rename-input.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view-root-provider.svelte +40 -0
- package/dist/components/tree-view/tree-view-root-provider.svelte.d.ts +35 -0
- package/dist/components/tree-view/tree-view-root.svelte +78 -0
- package/dist/components/tree-view/tree-view-root.svelte.d.ts +35 -0
- package/dist/components/tree-view/tree-view-split-props.d.ts +3 -0
- package/dist/components/tree-view/tree-view-split-props.js +32 -0
- package/dist/components/tree-view/tree-view-tree.svelte +19 -0
- package/dist/components/tree-view/tree-view-tree.svelte.d.ts +8 -0
- package/dist/components/tree-view/tree-view.d.ts +21 -0
- package/dist/components/tree-view/tree-view.js +20 -0
- package/dist/components/tree-view/use-tree-view-context.d.ts +5 -0
- package/dist/components/tree-view/use-tree-view-context.js +6 -0
- package/dist/components/tree-view/use-tree-view-node-context.d.ts +5 -0
- package/dist/components/tree-view/use-tree-view-node-context.js +6 -0
- package/dist/components/tree-view/use-tree-view-node-props-context.d.ts +5 -0
- package/dist/components/tree-view/use-tree-view-node-props-context.js +6 -0
- package/dist/components/tree-view/use-tree-view.svelte.d.ts +10 -0
- package/dist/components/tree-view/use-tree-view.svelte.js +21 -0
- package/package.json +92 -2
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
+
}
|
|
4
|
+
export interface NavigationMenuItemIndicatorProps extends Assign<HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const NavigationMenuItemIndicator: import("svelte").Component<NavigationMenuItemIndicatorProps, {}, "ref">;
|
|
7
|
+
type NavigationMenuItemIndicator = ReturnType<typeof NavigationMenuItemIndicator>;
|
|
8
|
+
export default NavigationMenuItemIndicator;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { ItemProps } from '@sprawlify/primitives/machines/navigation-menu'
|
|
4
|
+
|
|
5
|
+
export interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<'div'>, RefAttribute {}
|
|
6
|
+
export interface NavigationMenuItemProps extends Assign<HTMLProps<'div'>, NavigationMenuItemBaseProps> {}
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { mergeProps } from '../../core'
|
|
11
|
+
import { Sprawlify } from '../factory'
|
|
12
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
13
|
+
import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context'
|
|
14
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
15
|
+
|
|
16
|
+
let { ref = $bindable(null), ...props }: NavigationMenuItemProps = $props()
|
|
17
|
+
const splitItemProps = createSplitProps<ItemProps>()
|
|
18
|
+
const [itemProps, localProps] = $derived(splitItemProps(props, ['disabled', 'value']))
|
|
19
|
+
|
|
20
|
+
const navigationMenu = useNavigationMenuContext()
|
|
21
|
+
const mergedProps = $derived(mergeProps(navigationMenu().getItemProps(itemProps), localProps))
|
|
22
|
+
|
|
23
|
+
NavigationMenuItemPropsProvider(() => itemProps)
|
|
24
|
+
</script>
|
|
25
|
+
|
|
26
|
+
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { ItemProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
3
|
+
export interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<'div'>, RefAttribute {
|
|
4
|
+
}
|
|
5
|
+
export interface NavigationMenuItemProps extends Assign<HTMLProps<'div'>, NavigationMenuItemBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const NavigationMenuItem: import("svelte").Component<NavigationMenuItemProps, {}, "ref">;
|
|
8
|
+
type NavigationMenuItem = ReturnType<typeof NavigationMenuItem>;
|
|
9
|
+
export default NavigationMenuItem;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { LinkProps } from '@sprawlify/primitives/machines/navigation-menu'
|
|
4
|
+
|
|
5
|
+
export interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps<'a'>, RefAttribute {}
|
|
6
|
+
export interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {}
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { mergeProps } from '../../core'
|
|
11
|
+
import { Sprawlify } from '../factory'
|
|
12
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
13
|
+
import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context'
|
|
14
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
15
|
+
import type { RequiredBy } from '@sprawlify/primitives/types'
|
|
16
|
+
|
|
17
|
+
let { ref = $bindable(null), ...props }: NavigationMenuLinkProps = $props()
|
|
18
|
+
|
|
19
|
+
const itemContext = useNavigationMenuItemPropsContext()
|
|
20
|
+
const value = $derived(props.value ?? itemContext?.()?.value)
|
|
21
|
+
const combinedProps = $derived(mergeProps(props, { value }) as RequiredBy<NavigationMenuLinkProps, 'value'>)
|
|
22
|
+
|
|
23
|
+
const splitLinkProps = createSplitProps<LinkProps>()
|
|
24
|
+
const [linkProps, localProps] = $derived(
|
|
25
|
+
splitLinkProps(combinedProps, ['current', 'onSelect', 'value', 'closeOnClick']),
|
|
26
|
+
)
|
|
27
|
+
|
|
28
|
+
const navigationMenu = useNavigationMenuContext()
|
|
29
|
+
const mergedProps = $derived(mergeProps(navigationMenu().getLinkProps(linkProps), localProps))
|
|
30
|
+
</script>
|
|
31
|
+
|
|
32
|
+
<Sprawlify as="a" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { LinkProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
3
|
+
export interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps<'a'>, RefAttribute {
|
|
4
|
+
}
|
|
5
|
+
export interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const NavigationMenuLink: import("svelte").Component<NavigationMenuLinkProps, {}, "ref">;
|
|
8
|
+
type NavigationMenuLink = ReturnType<typeof NavigationMenuLink>;
|
|
9
|
+
export default NavigationMenuLink;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
|
|
4
|
+
export interface NavigationMenuListBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
+
export interface NavigationMenuListProps extends Assign<HTMLProps<'div'>, NavigationMenuListBaseProps> {}
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<script lang="ts">
|
|
9
|
+
import { mergeProps } from '../../core'
|
|
10
|
+
import { Sprawlify } from '../factory'
|
|
11
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
12
|
+
|
|
13
|
+
let { ref = $bindable(null), ...props }: NavigationMenuListProps = $props()
|
|
14
|
+
|
|
15
|
+
const navigationMenu = useNavigationMenuContext()
|
|
16
|
+
const mergedProps = $derived(mergeProps(navigationMenu().getListProps(), props))
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
export interface NavigationMenuListBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
+
}
|
|
4
|
+
export interface NavigationMenuListProps extends Assign<HTMLProps<'div'>, NavigationMenuListBaseProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const NavigationMenuList: import("svelte").Component<NavigationMenuListProps, {}, "ref">;
|
|
7
|
+
type NavigationMenuList = ReturnType<typeof NavigationMenuList>;
|
|
8
|
+
export default NavigationMenuList;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { UsePresenceProps } from '../presence'
|
|
4
|
+
import type { UseNavigationMenuReturn } from './use-navigation-menu.svelte'
|
|
5
|
+
|
|
6
|
+
interface RootProviderProps {
|
|
7
|
+
value: UseNavigationMenuReturn
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface NavigationMenuRootProviderBaseProps
|
|
11
|
+
extends RootProviderProps,
|
|
12
|
+
PolymorphicProps<'nav'>,
|
|
13
|
+
UsePresenceProps,
|
|
14
|
+
RefAttribute {}
|
|
15
|
+
|
|
16
|
+
export interface NavigationMenuRootProviderProps
|
|
17
|
+
extends Assign<HTMLProps<'nav'>, NavigationMenuRootProviderBaseProps> {}
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<script lang="ts">
|
|
21
|
+
import { mergeProps } from '../../core'
|
|
22
|
+
import { Sprawlify } from '../factory'
|
|
23
|
+
import { NavigationMenuProvider } from './use-navigation-menu-context'
|
|
24
|
+
import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
|
|
25
|
+
|
|
26
|
+
let { ref = $bindable(null), ...props }: NavigationMenuRootProviderProps = $props()
|
|
27
|
+
|
|
28
|
+
const [renderStrategyProps, localProps] = $derived(splitRenderStrategyProps(props))
|
|
29
|
+
|
|
30
|
+
const mergedProps = $derived(mergeProps(props.value().getRootProps(), localProps))
|
|
31
|
+
|
|
32
|
+
NavigationMenuProvider(() => props.value())
|
|
33
|
+
RenderStrategyPropsProvider(() => renderStrategyProps)
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<Sprawlify as="nav" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { UsePresenceProps } from '../presence';
|
|
3
|
+
import type { UseNavigationMenuReturn } from './use-navigation-menu.svelte';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UseNavigationMenuReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface NavigationMenuRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'nav'>, UsePresenceProps, RefAttribute {
|
|
8
|
+
}
|
|
9
|
+
export interface NavigationMenuRootProviderProps extends Assign<HTMLProps<'nav'>, NavigationMenuRootProviderBaseProps> {
|
|
10
|
+
}
|
|
11
|
+
declare const NavigationMenuRootProvider: import("svelte").Component<NavigationMenuRootProviderProps, {}, "ref">;
|
|
12
|
+
type NavigationMenuRootProvider = ReturnType<typeof NavigationMenuRootProvider>;
|
|
13
|
+
export default NavigationMenuRootProvider;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { UsePresenceProps } from '../presence'
|
|
4
|
+
import type { UseNavigationMenuProps } from './use-navigation-menu.svelte'
|
|
5
|
+
|
|
6
|
+
export interface NavigationMenuRootBaseProps
|
|
7
|
+
extends UseNavigationMenuProps,
|
|
8
|
+
UsePresenceProps,
|
|
9
|
+
PolymorphicProps<'nav'>,
|
|
10
|
+
RefAttribute {}
|
|
11
|
+
export interface NavigationMenuRootProps extends Assign<HTMLProps<'nav'>, NavigationMenuRootBaseProps> {}
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<script lang="ts">
|
|
15
|
+
import { mergeProps } from '../../core'
|
|
16
|
+
import { Sprawlify } from '../factory'
|
|
17
|
+
import { NavigationMenuProvider } from './use-navigation-menu-context'
|
|
18
|
+
import { useNavigationMenu } from './use-navigation-menu.svelte'
|
|
19
|
+
import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
|
|
20
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
21
|
+
|
|
22
|
+
let { ref = $bindable(null), value = $bindable(), ...props }: NavigationMenuRootProps = $props()
|
|
23
|
+
|
|
24
|
+
const providedId = $props.id()
|
|
25
|
+
const splitRootProps = createSplitProps<UseNavigationMenuProps>()
|
|
26
|
+
|
|
27
|
+
const [renderStrategyProps, navigationMenuProps] = $derived(splitRenderStrategyProps(props))
|
|
28
|
+
const [useNavigationMenuProps, localProps] = $derived(
|
|
29
|
+
splitRootProps(navigationMenuProps, [
|
|
30
|
+
'closeDelay',
|
|
31
|
+
'defaultValue',
|
|
32
|
+
'disableClickTrigger',
|
|
33
|
+
'disableHoverTrigger',
|
|
34
|
+
'disablePointerLeaveClose',
|
|
35
|
+
'id',
|
|
36
|
+
'ids',
|
|
37
|
+
'onValueChange',
|
|
38
|
+
'openDelay',
|
|
39
|
+
'orientation',
|
|
40
|
+
'value',
|
|
41
|
+
]),
|
|
42
|
+
)
|
|
43
|
+
|
|
44
|
+
const machineProps = $derived<UseNavigationMenuProps>({
|
|
45
|
+
...useNavigationMenuProps,
|
|
46
|
+
id: useNavigationMenuProps.id ?? providedId,
|
|
47
|
+
value,
|
|
48
|
+
onValueChange(details) {
|
|
49
|
+
useNavigationMenuProps.onValueChange?.(details)
|
|
50
|
+
if (value !== undefined) value = details.value
|
|
51
|
+
},
|
|
52
|
+
})
|
|
53
|
+
|
|
54
|
+
const navigationMenu = useNavigationMenu(() => machineProps)
|
|
55
|
+
const mergedProps = $derived(mergeProps(navigationMenu().getRootProps(), localProps))
|
|
56
|
+
|
|
57
|
+
RenderStrategyPropsProvider(() => renderStrategyProps)
|
|
58
|
+
NavigationMenuProvider(navigationMenu)
|
|
59
|
+
</script>
|
|
60
|
+
|
|
61
|
+
<Sprawlify as="nav" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { UsePresenceProps } from '../presence';
|
|
3
|
+
import type { UseNavigationMenuProps } from './use-navigation-menu.svelte';
|
|
4
|
+
export interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, UsePresenceProps, PolymorphicProps<'nav'>, RefAttribute {
|
|
5
|
+
}
|
|
6
|
+
export interface NavigationMenuRootProps extends Assign<HTMLProps<'nav'>, NavigationMenuRootBaseProps> {
|
|
7
|
+
}
|
|
8
|
+
declare const NavigationMenuRoot: import("svelte").Component<NavigationMenuRootProps, {}, "value" | "ref">;
|
|
9
|
+
type NavigationMenuRoot = ReturnType<typeof NavigationMenuRoot>;
|
|
10
|
+
export default NavigationMenuRoot;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { ItemProps } from '@sprawlify/primitives/machines/navigation-menu'
|
|
4
|
+
|
|
5
|
+
export interface NavigationMenuTriggerBaseProps
|
|
6
|
+
extends Omit<ItemProps, 'value'>,
|
|
7
|
+
PolymorphicProps<'button'>,
|
|
8
|
+
RefAttribute {}
|
|
9
|
+
export interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {}
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<script lang="ts">
|
|
13
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
14
|
+
import { mergeProps } from '../../core'
|
|
15
|
+
import { ensure } from '@sprawlify/primitives/utils'
|
|
16
|
+
import { Sprawlify } from '../factory'
|
|
17
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
18
|
+
import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context'
|
|
19
|
+
|
|
20
|
+
let { ref = $bindable(null), ...props }: NavigationMenuTriggerProps = $props()
|
|
21
|
+
const splitItemProps = createSplitProps<ItemProps>()
|
|
22
|
+
|
|
23
|
+
const itemContext = useNavigationMenuItemPropsContext()
|
|
24
|
+
ensure(itemContext, () => 'NavigationMenu.Trigger must be used within NavigationMenu.Item')
|
|
25
|
+
|
|
26
|
+
const value = $derived(itemContext().value)
|
|
27
|
+
const disabled = $derived(props.disabled ?? itemContext().disabled)
|
|
28
|
+
|
|
29
|
+
const combinedProps = $derived({ ...props, value, disabled })
|
|
30
|
+
const [triggerProps, localProps] = $derived(splitItemProps(combinedProps, ['value', 'disabled']))
|
|
31
|
+
|
|
32
|
+
const navigationMenu = useNavigationMenuContext()
|
|
33
|
+
const mergedProps = $derived(mergeProps(navigationMenu().getTriggerProps(triggerProps), localProps))
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<Sprawlify as="button" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { ItemProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
3
|
+
export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps<'button'>, RefAttribute {
|
|
4
|
+
}
|
|
5
|
+
export interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const NavigationMenuTrigger: import("svelte").Component<NavigationMenuTriggerProps, {}, "ref">;
|
|
8
|
+
type NavigationMenuTrigger = ReturnType<typeof NavigationMenuTrigger>;
|
|
9
|
+
export default NavigationMenuTrigger;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { ViewportProps } from '@sprawlify/primitives/machines/navigation-menu'
|
|
4
|
+
|
|
5
|
+
export interface NavigationMenuViewportPositionerBaseProps
|
|
6
|
+
extends ViewportProps,
|
|
7
|
+
PolymorphicProps<'div'>,
|
|
8
|
+
RefAttribute {}
|
|
9
|
+
export interface NavigationMenuViewportPositionerProps
|
|
10
|
+
extends Assign<HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps> {}
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<script lang="ts">
|
|
14
|
+
import { mergeProps } from '../../core'
|
|
15
|
+
import { Sprawlify } from '../factory'
|
|
16
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
17
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
18
|
+
|
|
19
|
+
let { ref = $bindable(null), ...props }: NavigationMenuViewportPositionerProps = $props()
|
|
20
|
+
const splitViewportProps = createSplitProps<ViewportProps>()
|
|
21
|
+
const [viewportPositionerProps, localProps] = $derived(splitViewportProps(props, ['align']))
|
|
22
|
+
|
|
23
|
+
const navigationMenu = useNavigationMenuContext()
|
|
24
|
+
const mergedProps = $derived(
|
|
25
|
+
mergeProps(navigationMenu().getViewportPositionerProps(viewportPositionerProps), localProps),
|
|
26
|
+
)
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { ViewportProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
3
|
+
export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps<'div'>, RefAttribute {
|
|
4
|
+
}
|
|
5
|
+
export interface NavigationMenuViewportPositionerProps extends Assign<HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const NavigationMenuViewportPositioner: import("svelte").Component<NavigationMenuViewportPositionerProps, {}, "ref">;
|
|
8
|
+
type NavigationMenuViewportPositioner = ReturnType<typeof NavigationMenuViewportPositioner>;
|
|
9
|
+
export default NavigationMenuViewportPositioner;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
import type { ViewportProps } from '@sprawlify/primitives/machines/navigation-menu'
|
|
4
|
+
|
|
5
|
+
export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps<'div'>, RefAttribute {}
|
|
6
|
+
export interface NavigationMenuViewportProps extends Assign<HTMLProps<'div'>, NavigationMenuViewportBaseProps> {}
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { mergeProps } from '../../core'
|
|
11
|
+
import { Sprawlify } from '../factory'
|
|
12
|
+
import { usePresence } from '../presence'
|
|
13
|
+
import { useNavigationMenuContext } from './use-navigation-menu-context'
|
|
14
|
+
import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
|
|
15
|
+
import { createSplitProps } from '../../utils/create-split-props'
|
|
16
|
+
|
|
17
|
+
let { ref = $bindable(null), ...props }: NavigationMenuViewportProps = $props()
|
|
18
|
+
|
|
19
|
+
const splitViewportProps = createSplitProps<ViewportProps>()
|
|
20
|
+
const [viewportProps, localProps] = $derived(splitViewportProps(props, ['align']))
|
|
21
|
+
|
|
22
|
+
const navigationMenu = useNavigationMenuContext()
|
|
23
|
+
const renderStrategyProps = useRenderStrategyPropsContext()
|
|
24
|
+
const presence = usePresence(() => ({ ...renderStrategyProps, present: navigationMenu().open }))
|
|
25
|
+
const mergedProps = $derived(
|
|
26
|
+
mergeProps(navigationMenu().getViewportProps(viewportProps), presence().getPresenceProps(), localProps),
|
|
27
|
+
)
|
|
28
|
+
|
|
29
|
+
function setNode(node: Element | null) {
|
|
30
|
+
presence().setNode(node)
|
|
31
|
+
}
|
|
32
|
+
</script>
|
|
33
|
+
|
|
34
|
+
{#if !presence().unmounted}
|
|
35
|
+
<Sprawlify as="div" bind:ref {...mergedProps} {@attach setNode} />
|
|
36
|
+
{/if}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
import type { ViewportProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
3
|
+
export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps<'div'>, RefAttribute {
|
|
4
|
+
}
|
|
5
|
+
export interface NavigationMenuViewportProps extends Assign<HTMLProps<'div'>, NavigationMenuViewportBaseProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const NavigationMenuViewport: import("svelte").Component<NavigationMenuViewportProps, {}, "ref">;
|
|
8
|
+
type NavigationMenuViewport = ReturnType<typeof NavigationMenuViewport>;
|
|
9
|
+
export default NavigationMenuViewport;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type { ValueChangeDetails } from '@sprawlify/primitives/machines/navigation-menu';
|
|
2
|
+
export { default as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, } from './navigation-menu-arrow.svelte';
|
|
3
|
+
export { default as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, } from './navigation-menu-content.svelte';
|
|
4
|
+
export { default as Context, type NavigationMenuContextProps as ContextProps } from './navigation-menu-context.svelte';
|
|
5
|
+
export { default as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, } from './navigation-menu-indicator.svelte';
|
|
6
|
+
export { default as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, } from './navigation-menu-item.svelte';
|
|
7
|
+
export { default as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, } from './navigation-menu-item-indicator.svelte';
|
|
8
|
+
export { default as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, } from './navigation-menu-link.svelte';
|
|
9
|
+
export { default as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, } from './navigation-menu-list.svelte';
|
|
10
|
+
export { default as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root.svelte';
|
|
11
|
+
export { default as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, } from './navigation-menu-root-provider.svelte';
|
|
12
|
+
export { default as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, } from './navigation-menu-trigger.svelte';
|
|
13
|
+
export { default as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, } from './navigation-menu-viewport.svelte';
|
|
14
|
+
export { default as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, } from './navigation-menu-viewport-positioner.svelte';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { default as Arrow, } from './navigation-menu-arrow.svelte';
|
|
2
|
+
export { default as Content, } from './navigation-menu-content.svelte';
|
|
3
|
+
export { default as Context } from './navigation-menu-context.svelte';
|
|
4
|
+
export { default as Indicator, } from './navigation-menu-indicator.svelte';
|
|
5
|
+
export { default as Item, } from './navigation-menu-item.svelte';
|
|
6
|
+
export { default as ItemIndicator, } from './navigation-menu-item-indicator.svelte';
|
|
7
|
+
export { default as Link, } from './navigation-menu-link.svelte';
|
|
8
|
+
export { default as List, } from './navigation-menu-list.svelte';
|
|
9
|
+
export { default as Root, } from './navigation-menu-root.svelte';
|
|
10
|
+
export { default as RootProvider, } from './navigation-menu-root-provider.svelte';
|
|
11
|
+
export { default as Trigger, } from './navigation-menu-trigger.svelte';
|
|
12
|
+
export { default as Viewport, } from './navigation-menu-viewport.svelte';
|
|
13
|
+
export { default as ViewportPositioner, } from './navigation-menu-viewport-positioner.svelte';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { UseNavigationMenuReturn } from './use-navigation-menu.svelte';
|
|
2
|
+
export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
|
|
3
|
+
}
|
|
4
|
+
export declare const NavigationMenuProvider: (opts: UseNavigationMenuContext) => void, useNavigationMenuContext: (fallback?: UseNavigationMenuContext | undefined) => UseNavigationMenuContext;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { ItemProps } from '@sprawlify/primitives/machines/navigation-menu';
|
|
2
|
+
import type { Accessor } from '../../types';
|
|
3
|
+
export declare const NavigationMenuItemPropsProvider: (opts: Accessor<ItemProps>) => void, useNavigationMenuItemPropsContext: (fallback?: Accessor<ItemProps> | undefined) => Accessor<ItemProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Accessor, Optional } from '../../types';
|
|
2
|
+
import { type PropTypes } from '../../core';
|
|
3
|
+
import * as navigationMenu from '@sprawlify/primitives/machines/navigation-menu';
|
|
4
|
+
import { type MaybeFunction } from '@sprawlify/primitives/utils';
|
|
5
|
+
export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
|
|
6
|
+
}
|
|
7
|
+
export interface UseNavigationMenuReturn extends Accessor<navigationMenu.Api<PropTypes>> {
|
|
8
|
+
}
|
|
9
|
+
export declare const useNavigationMenu: (props?: MaybeFunction<UseNavigationMenuProps>) => UseNavigationMenuReturn;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useEnvironmentContext } from '../../providers/environment';
|
|
2
|
+
import { useLocaleContext } from '../../providers/locale';
|
|
3
|
+
import { normalizeProps, useMachine } from '../../core';
|
|
4
|
+
import * as navigationMenu from '@sprawlify/primitives/machines/navigation-menu';
|
|
5
|
+
import { runIfFn } from '@sprawlify/primitives/utils';
|
|
6
|
+
export const useNavigationMenu = (props) => {
|
|
7
|
+
const env = useEnvironmentContext();
|
|
8
|
+
const locale = useLocaleContext();
|
|
9
|
+
const machineProps = $derived.by(() => {
|
|
10
|
+
const resolvedProps = runIfFn(props);
|
|
11
|
+
return {
|
|
12
|
+
dir: locale().dir,
|
|
13
|
+
getRootNode: env().getRootNode,
|
|
14
|
+
...resolvedProps,
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
const service = useMachine(navigationMenu.machine, () => machineProps);
|
|
18
|
+
const api = $derived(navigationMenu.connect(service, normalizeProps));
|
|
19
|
+
return () => api;
|
|
20
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, } from '@sprawlify/primitives/machines/number-input';
|
|
2
|
+
export { default as NumberInputContext, type NumberInputContextProps } from './number-input-context.svelte';
|
|
3
|
+
export { default as NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, } from './number-input-control.svelte';
|
|
4
|
+
export { default as NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger.svelte';
|
|
5
|
+
export { default as NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger.svelte';
|
|
6
|
+
export { default as NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, } from './number-input-input.svelte';
|
|
7
|
+
export { default as NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, } from './number-input-label.svelte';
|
|
8
|
+
export { default as NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps, } from './number-input-root.svelte';
|
|
9
|
+
export { default as NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, } from './number-input-root-provider.svelte';
|
|
10
|
+
export { default as NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, } from './number-input-scrubber.svelte';
|
|
11
|
+
export { default as NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, } from './number-input-value-text.svelte';
|
|
12
|
+
export { numberInputAnatomy } from './number-input-anatomy';
|
|
13
|
+
export { NumberInputProvider, useNumberInputContext } from './use-number-input-context';
|
|
14
|
+
export type { UseNumberInputContext } from './use-number-input-context';
|
|
15
|
+
export { useNumberInput } from './use-number-input.svelte';
|
|
16
|
+
export type { UseNumberInputProps, UseNumberInputReturn } from './use-number-input.svelte';
|
|
17
|
+
export * as NumberInput from './number-input';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { default as NumberInputContext } from './number-input-context.svelte';
|
|
2
|
+
export { default as NumberInputControl, } from './number-input-control.svelte';
|
|
3
|
+
export { default as NumberInputDecrementTrigger, } from './number-input-decrement-trigger.svelte';
|
|
4
|
+
export { default as NumberInputIncrementTrigger, } from './number-input-increment-trigger.svelte';
|
|
5
|
+
export { default as NumberInputInput, } from './number-input-input.svelte';
|
|
6
|
+
export { default as NumberInputLabel, } from './number-input-label.svelte';
|
|
7
|
+
export { default as NumberInputRoot, } from './number-input-root.svelte';
|
|
8
|
+
export { default as NumberInputRootProvider, } from './number-input-root-provider.svelte';
|
|
9
|
+
export { default as NumberInputScrubber, } from './number-input-scrubber.svelte';
|
|
10
|
+
export { default as NumberInputValueText, } from './number-input-value-text.svelte';
|
|
11
|
+
export { numberInputAnatomy } from './number-input-anatomy';
|
|
12
|
+
export { NumberInputProvider, useNumberInputContext } from './use-number-input-context';
|
|
13
|
+
export { useNumberInput } from './use-number-input.svelte';
|
|
14
|
+
export * as NumberInput from './number-input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as numberInputAnatomy } from '@sprawlify/primitives/machines/number-input';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as numberInputAnatomy } from '@sprawlify/primitives/machines/number-input';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte'
|
|
3
|
+
import type { UseNumberInputContext } from './use-number-input-context'
|
|
4
|
+
|
|
5
|
+
export interface NumberInputContextProps {
|
|
6
|
+
render: Snippet<[UseNumberInputContext]>
|
|
7
|
+
}
|
|
8
|
+
</script>
|
|
9
|
+
|
|
10
|
+
<script lang="ts">
|
|
11
|
+
import { useNumberInputContext } from './use-number-input-context'
|
|
12
|
+
|
|
13
|
+
const { render }: NumberInputContextProps = $props()
|
|
14
|
+
|
|
15
|
+
const context = useNumberInputContext()
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
{@render render(context)}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { UseNumberInputContext } from './use-number-input-context';
|
|
3
|
+
export interface NumberInputContextProps {
|
|
4
|
+
render: Snippet<[UseNumberInputContext]>;
|
|
5
|
+
}
|
|
6
|
+
declare const NumberInputContext: import("svelte").Component<NumberInputContextProps, {}, "">;
|
|
7
|
+
type NumberInputContext = ReturnType<typeof NumberInputContext>;
|
|
8
|
+
export default NumberInputContext;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
|
|
4
|
+
export interface NumberInputControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
+
export interface NumberInputControlProps extends Assign<HTMLProps<'div'>, NumberInputControlBaseProps> {}
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<script lang="ts">
|
|
9
|
+
import { mergeProps } from '../../core'
|
|
10
|
+
import { Sprawlify } from '../factory'
|
|
11
|
+
import { useNumberInputContext } from './use-number-input-context'
|
|
12
|
+
|
|
13
|
+
let { ref = $bindable(null), ...props }: NumberInputControlProps = $props()
|
|
14
|
+
|
|
15
|
+
const numberInput = useNumberInputContext()
|
|
16
|
+
const mergedProps = $derived(mergeProps(numberInput().getControlProps(), props))
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
export interface NumberInputControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
+
}
|
|
4
|
+
export interface NumberInputControlProps extends Assign<HTMLProps<'div'>, NumberInputControlBaseProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const NumberInputControl: import("svelte").Component<NumberInputControlProps, {}, "ref">;
|
|
7
|
+
type NumberInputControl = ReturnType<typeof NumberInputControl>;
|
|
8
|
+
export default NumberInputControl;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<script module lang="ts">
|
|
2
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
+
|
|
4
|
+
export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
|
|
5
|
+
export interface NumberInputDecrementTriggerProps
|
|
6
|
+
extends Assign<HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps> {}
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { mergeProps } from '../../core'
|
|
11
|
+
import { Sprawlify } from '../factory'
|
|
12
|
+
import { useNumberInputContext } from './use-number-input-context'
|
|
13
|
+
|
|
14
|
+
let { ref = $bindable(null), ...props }: NumberInputDecrementTriggerProps = $props()
|
|
15
|
+
|
|
16
|
+
const numberInput = useNumberInputContext()
|
|
17
|
+
const mergedProps = $derived(mergeProps(numberInput().getDecrementTriggerProps(), props))
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<Sprawlify as="button" bind:ref {...mergedProps} />
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
+
export interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
|
|
3
|
+
}
|
|
4
|
+
export interface NumberInputDecrementTriggerProps extends Assign<HTMLProps<'button'>, NumberInputDecrementTriggerBaseProps> {
|
|
5
|
+
}
|
|
6
|
+
declare const NumberInputDecrementTrigger: import("svelte").Component<NumberInputDecrementTriggerProps, {}, "ref">;
|
|
7
|
+
type NumberInputDecrementTrigger = ReturnType<typeof NumberInputDecrementTrigger>;
|
|
8
|
+
export default NumberInputDecrementTrigger;
|