@sprawlify/svelte 0.0.77 → 0.0.79
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/alert-dialog/alert-dialog-anatomy.d.ts +2 -0
- package/dist/components/alert-dialog/alert-dialog-anatomy.js +3 -0
- package/dist/components/alert-dialog/alert-dialog-backdrop.svelte +33 -0
- package/dist/components/alert-dialog/alert-dialog-backdrop.svelte.d.ts +9 -0
- package/dist/components/alert-dialog/alert-dialog-close-trigger.svelte +20 -0
- package/dist/components/alert-dialog/alert-dialog-close-trigger.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog-content.svelte +30 -0
- package/dist/components/alert-dialog/alert-dialog-content.svelte.d.ts +9 -0
- package/dist/components/alert-dialog/alert-dialog-context.svelte +18 -0
- package/dist/components/alert-dialog/alert-dialog-context.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog-description.svelte +20 -0
- package/dist/components/alert-dialog/alert-dialog-description.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog-positioner.svelte +24 -0
- package/dist/components/alert-dialog/alert-dialog-positioner.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog-root-provider.svelte +37 -0
- package/dist/components/alert-dialog/alert-dialog-root-provider.svelte.d.ts +11 -0
- package/dist/components/alert-dialog/alert-dialog-root.svelte +52 -0
- package/dist/components/alert-dialog/alert-dialog-root.svelte.d.ts +11 -0
- package/dist/components/alert-dialog/alert-dialog-title.svelte +20 -0
- package/dist/components/alert-dialog/alert-dialog-title.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog-trigger.svelte +31 -0
- package/dist/components/alert-dialog/alert-dialog-trigger.svelte.d.ts +8 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts +11 -0
- package/dist/components/alert-dialog/alert-dialog.js +10 -0
- package/dist/components/alert-dialog/index.d.ts +17 -0
- package/dist/components/alert-dialog/index.js +14 -0
- package/dist/components/alert-dialog/use-alert-dialog-context.d.ts +4 -0
- package/dist/components/alert-dialog/use-alert-dialog-context.js +4 -0
- package/dist/components/alert-dialog/use-alert-dialog.svelte.d.ts +9 -0
- package/dist/components/alert-dialog/use-alert-dialog.svelte.js +21 -0
- package/dist/components/anatomy.d.ts +2 -1
- package/dist/components/anatomy.js +2 -1
- 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/color-picker/split-color-picker-props.svelte.d.ts +1 -1
- package/dist/components/combobox/combobox-anatomy.d.ts +1 -1
- package/dist/components/date-picker/date-picker-anatomy.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-anatomy.d.ts +1 -0
- package/dist/components/dropdown-menu/dropdown-menu-anatomy.js +1 -0
- package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte +19 -0
- package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-arrow.svelte +19 -0
- package/dist/components/dropdown-menu/dropdown-menu-arrow.svelte.d.ts +8 -0
- package/dist/components/{menu/menu-checkbox-item.svelte → dropdown-menu/dropdown-menu-checkbox-item.svelte} +12 -12
- package/dist/components/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +10 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.svelte +27 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-context.svelte +17 -0
- package/dist/components/dropdown-menu/dropdown-menu-context.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-indicator.svelte +19 -0
- package/dist/components/dropdown-menu/dropdown-menu-indicator.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-context.svelte +14 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-context.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-group-label.svelte +21 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-group-label.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-group.svelte +27 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-group.svelte.d.ts +10 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-indicator.svelte +21 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-indicator.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-text.svelte +21 -0
- package/dist/components/dropdown-menu/dropdown-menu-item-text.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-item.svelte +42 -0
- package/dist/components/dropdown-menu/dropdown-menu-item.svelte.d.ts +12 -0
- package/dist/components/dropdown-menu/dropdown-menu-positioner.svelte +23 -0
- package/dist/components/dropdown-menu/dropdown-menu-positioner.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-radio-item-group.svelte +44 -0
- package/dist/components/dropdown-menu/dropdown-menu-radio-item-group.svelte.d.ts +10 -0
- package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte +43 -0
- package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +10 -0
- package/dist/components/{menu/menu-root-provider.svelte → dropdown-menu/dropdown-menu-root-provider.svelte} +13 -13
- package/dist/components/dropdown-menu/dropdown-menu-root-provider.svelte.d.ts +14 -0
- package/dist/components/{menu/menu-root.svelte → dropdown-menu/dropdown-menu-root.svelte} +22 -22
- package/dist/components/dropdown-menu/dropdown-menu-root.svelte.d.ts +11 -0
- package/dist/components/dropdown-menu/dropdown-menu-separator.svelte +19 -0
- package/dist/components/dropdown-menu/dropdown-menu-separator.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +8 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +21 -0
- package/dist/components/dropdown-menu/dropdown-menu.js +20 -0
- package/dist/components/dropdown-menu/index.d.ts +27 -0
- package/dist/components/dropdown-menu/index.js +25 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-context.d.ts +4 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-context.js +7 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-item-context.d.ts +5 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-item-context.js +6 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.d.ts +11 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.js +6 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.d.ts +4 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.js +7 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.d.ts +3 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.js +6 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.d.ts +4 -0
- package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.js +7 -0
- package/dist/components/dropdown-menu/use-dropdown-menu.svelte.d.ts +12 -0
- package/dist/components/{menu/use-menu.svelte.js → dropdown-menu/use-dropdown-menu.svelte.js} +4 -4
- package/dist/components/editable/editable-split-props.d.ts +1 -1
- package/dist/components/listbox/listbox-anatomy.d.ts +1 -1
- package/dist/components/segment-group/segment-group-anatomy.d.ts +2 -2
- package/dist/components/tour/tour-anatomy.d.ts +1 -1
- package/dist/components/tree-view/tree-view-split-props.d.ts +1 -1
- package/package.json +12 -7
- package/dist/components/menu/index.d.ts +0 -28
- package/dist/components/menu/index.js +0 -26
- package/dist/components/menu/menu-anatomy.d.ts +0 -1
- package/dist/components/menu/menu-anatomy.js +0 -1
- package/dist/components/menu/menu-arrow-tip.svelte +0 -19
- package/dist/components/menu/menu-arrow-tip.svelte.d.ts +0 -8
- package/dist/components/menu/menu-arrow.svelte +0 -19
- package/dist/components/menu/menu-arrow.svelte.d.ts +0 -8
- package/dist/components/menu/menu-checkbox-item.svelte.d.ts +0 -10
- package/dist/components/menu/menu-content.svelte +0 -27
- package/dist/components/menu/menu-content.svelte.d.ts +0 -8
- package/dist/components/menu/menu-context-trigger.svelte +0 -19
- package/dist/components/menu/menu-context-trigger.svelte.d.ts +0 -8
- package/dist/components/menu/menu-context.svelte +0 -17
- package/dist/components/menu/menu-context.svelte.d.ts +0 -8
- package/dist/components/menu/menu-indicator.svelte +0 -19
- package/dist/components/menu/menu-indicator.svelte.d.ts +0 -8
- package/dist/components/menu/menu-item-context.svelte +0 -14
- package/dist/components/menu/menu-item-context.svelte.d.ts +0 -8
- package/dist/components/menu/menu-item-group-label.svelte +0 -21
- package/dist/components/menu/menu-item-group-label.svelte.d.ts +0 -8
- package/dist/components/menu/menu-item-group.svelte +0 -27
- package/dist/components/menu/menu-item-group.svelte.d.ts +0 -10
- package/dist/components/menu/menu-item-indicator.svelte +0 -21
- package/dist/components/menu/menu-item-indicator.svelte.d.ts +0 -8
- package/dist/components/menu/menu-item-text.svelte +0 -21
- package/dist/components/menu/menu-item-text.svelte.d.ts +0 -8
- package/dist/components/menu/menu-item.svelte +0 -42
- package/dist/components/menu/menu-item.svelte.d.ts +0 -12
- package/dist/components/menu/menu-positioner.svelte +0 -23
- package/dist/components/menu/menu-positioner.svelte.d.ts +0 -8
- package/dist/components/menu/menu-radio-item-group.svelte +0 -44
- package/dist/components/menu/menu-radio-item-group.svelte.d.ts +0 -10
- package/dist/components/menu/menu-radio-item.svelte +0 -43
- package/dist/components/menu/menu-radio-item.svelte.d.ts +0 -10
- package/dist/components/menu/menu-root-provider.svelte.d.ts +0 -14
- package/dist/components/menu/menu-root.svelte.d.ts +0 -11
- package/dist/components/menu/menu-separator.svelte +0 -19
- package/dist/components/menu/menu-separator.svelte.d.ts +0 -8
- package/dist/components/menu/menu-trigger-item.svelte +0 -22
- package/dist/components/menu/menu-trigger-item.svelte.d.ts +0 -8
- package/dist/components/menu/menu-trigger.svelte +0 -22
- package/dist/components/menu/menu-trigger.svelte.d.ts +0 -8
- package/dist/components/menu/menu.d.ts +0 -22
- package/dist/components/menu/menu.js +0 -21
- package/dist/components/menu/use-menu-context.d.ts +0 -4
- package/dist/components/menu/use-menu-context.js +0 -7
- package/dist/components/menu/use-menu-item-context.d.ts +0 -5
- package/dist/components/menu/use-menu-item-context.js +0 -6
- package/dist/components/menu/use-menu-item-group-context.d.ts +0 -11
- package/dist/components/menu/use-menu-item-group-context.js +0 -6
- package/dist/components/menu/use-menu-machine-context.d.ts +0 -4
- package/dist/components/menu/use-menu-machine-context.js +0 -7
- package/dist/components/menu/use-menu-option-item-props-context.d.ts +0 -3
- package/dist/components/menu/use-menu-option-item-props-context.js +0 -6
- package/dist/components/menu/use-menu-trigger-item-context.d.ts +0 -4
- package/dist/components/menu/use-menu-trigger-item-context.js +0 -7
- package/dist/components/menu/use-menu.svelte.d.ts +0 -12
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuArrowTipBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuArrowTipProps extends Assign<HTMLProps<'div'>, MenuArrowTipBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuArrowTip: import("svelte").Component<MenuArrowTipProps, {}, "ref">;
|
|
7
|
-
type MenuArrowTip = ReturnType<typeof MenuArrowTip>;
|
|
8
|
-
export default MenuArrowTip;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuArrowBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuArrowProps extends Assign<HTMLProps<'div'>, MenuArrowBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
|
|
13
|
-
let { ref = $bindable(null), ...props }: MenuArrowProps = $props()
|
|
14
|
-
|
|
15
|
-
const menu = useMenuContext()
|
|
16
|
-
const mergedProps = $derived(mergeProps(menu().getArrowProps(), props))
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuArrowBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuArrowProps extends Assign<HTMLProps<'div'>, MenuArrowBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuArrow: import("svelte").Component<MenuArrowProps, {}, "ref">;
|
|
7
|
-
type MenuArrow = ReturnType<typeof MenuArrow>;
|
|
8
|
-
export default MenuArrow;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
import type { OptionItemProps } from '@sprawlify/primitives/machines/menu';
|
|
3
|
-
type PartialOptionItemProps = Omit<OptionItemProps, 'type'>;
|
|
4
|
-
export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {
|
|
5
|
-
}
|
|
6
|
-
export interface MenuCheckboxItemProps extends Assign<HTMLProps<'div'>, MenuCheckboxItemBaseProps> {
|
|
7
|
-
}
|
|
8
|
-
declare const MenuCheckboxItem: import("svelte").Component<MenuCheckboxItemProps, {}, "checked" | "ref">;
|
|
9
|
-
type MenuCheckboxItem = ReturnType<typeof MenuCheckboxItem>;
|
|
10
|
-
export default MenuCheckboxItem;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuContentProps extends Assign<HTMLProps<'div'>, MenuContentBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { usePresenceContext } from '../presence'
|
|
12
|
-
import { useMenuContext } from './use-menu-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuContentProps = $props()
|
|
15
|
-
|
|
16
|
-
const menu = useMenuContext()
|
|
17
|
-
const presence = usePresenceContext()
|
|
18
|
-
const mergedProps = $derived(mergeProps(menu().getContentProps(), presence().getPresenceProps(), props))
|
|
19
|
-
|
|
20
|
-
function setNode(node: HTMLElement | null) {
|
|
21
|
-
presence().setNode(node)
|
|
22
|
-
}
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
{#if !presence().unmounted}
|
|
26
|
-
<Sprawlify as="div" bind:ref {@attach setNode} {...mergedProps} />
|
|
27
|
-
{/if}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuContentProps extends Assign<HTMLProps<'div'>, MenuContentBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuContent: import("svelte").Component<MenuContentProps, {}, "ref">;
|
|
7
|
-
type MenuContent = ReturnType<typeof MenuContent>;
|
|
8
|
-
export default MenuContent;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuContextTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
|
|
5
|
-
export interface MenuContextTriggerProps extends Assign<HTMLProps<'button'>, MenuContextTriggerBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
|
|
13
|
-
let { ref = $bindable(null), ...props }: MenuContextTriggerProps = $props()
|
|
14
|
-
|
|
15
|
-
const menu = useMenuContext()
|
|
16
|
-
const mergedProps = $derived(mergeProps(menu().getContextTriggerProps(), props))
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<Sprawlify as="button" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuContextTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuContextTriggerProps extends Assign<HTMLProps<'button'>, MenuContextTriggerBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuContextTrigger: import("svelte").Component<MenuContextTriggerProps, {}, "ref">;
|
|
7
|
-
type MenuContextTrigger = ReturnType<typeof MenuContextTrigger>;
|
|
8
|
-
export default MenuContextTrigger;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Snippet } from 'svelte'
|
|
3
|
-
import type { UseMenuContext } from './use-menu-context'
|
|
4
|
-
|
|
5
|
-
export interface MenuContextProps {
|
|
6
|
-
render: Snippet<[UseMenuContext]>
|
|
7
|
-
}
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<script lang="ts">
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
|
|
13
|
-
const { render }: MenuContextProps = $props()
|
|
14
|
-
const context = useMenuContext()
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
{@render render(context)}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Snippet } from 'svelte';
|
|
2
|
-
import type { UseMenuContext } from './use-menu-context';
|
|
3
|
-
export interface MenuContextProps {
|
|
4
|
-
render: Snippet<[UseMenuContext]>;
|
|
5
|
-
}
|
|
6
|
-
declare const MenuContext: import("svelte").Component<MenuContextProps, {}, "">;
|
|
7
|
-
type MenuContext = ReturnType<typeof MenuContext>;
|
|
8
|
-
export default MenuContext;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuIndicatorProps extends Assign<HTMLProps<'div'>, MenuIndicatorBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
|
|
13
|
-
let { ref = $bindable(null), ...props }: MenuIndicatorProps = $props()
|
|
14
|
-
|
|
15
|
-
const menu = useMenuContext()
|
|
16
|
-
const mergedProps = $derived(mergeProps(menu().getIndicatorProps(), props))
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuIndicatorProps extends Assign<HTMLProps<'div'>, MenuIndicatorBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuIndicator: import("svelte").Component<MenuIndicatorProps, {}, "ref">;
|
|
7
|
-
type MenuIndicator = ReturnType<typeof MenuIndicator>;
|
|
8
|
-
export default MenuIndicator;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { Snippet } from 'svelte'
|
|
3
|
-
import { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context'
|
|
4
|
-
|
|
5
|
-
export interface MenuItemContextProps {
|
|
6
|
-
render: Snippet<[UseMenuItemContext]>
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const props: MenuItemContextProps = $props()
|
|
10
|
-
|
|
11
|
-
const context = useMenuItemContext()
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
{@render props.render(context)}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Snippet } from 'svelte';
|
|
2
|
-
import { type UseMenuItemContext } from './use-menu-item-context';
|
|
3
|
-
export interface MenuItemContextProps {
|
|
4
|
-
render: Snippet<[UseMenuItemContext]>;
|
|
5
|
-
}
|
|
6
|
-
declare const MenuItemContext: import("svelte").Component<MenuItemContextProps, {}, "">;
|
|
7
|
-
type MenuItemContext = ReturnType<typeof MenuItemContext>;
|
|
8
|
-
export default MenuItemContext;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuItemGroupLabelBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuItemGroupLabelProps extends Assign<HTMLProps<'div'>, MenuItemGroupLabelBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
import { useMenuItemGroupContext } from './use-menu-item-group-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuItemGroupLabelProps = $props()
|
|
15
|
-
|
|
16
|
-
const menu = useMenuContext()
|
|
17
|
-
const itemGroup = useMenuItemGroupContext()
|
|
18
|
-
const mergedProps = $derived(mergeProps(menu().getItemGroupLabelProps({ htmlFor: itemGroup().id }), props))
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuItemGroupLabelBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuItemGroupLabelProps extends Assign<HTMLProps<'div'>, MenuItemGroupLabelBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuItemGroupLabel: import("svelte").Component<MenuItemGroupLabelProps, {}, "ref">;
|
|
7
|
-
type MenuItemGroupLabel = ReturnType<typeof MenuItemGroupLabel>;
|
|
8
|
-
export default MenuItemGroupLabel;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
import type { ItemGroupProps } from '@sprawlify/primitives/machines/menu'
|
|
4
|
-
|
|
5
|
-
type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>
|
|
6
|
-
|
|
7
|
-
export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'>, RefAttribute {}
|
|
8
|
-
export interface MenuItemGroupProps extends Assign<HTMLProps<'div'>, MenuItemGroupBaseProps> {}
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<script lang="ts">
|
|
12
|
-
import { mergeProps } from '../../core'
|
|
13
|
-
import { Sprawlify } from '../factory'
|
|
14
|
-
import { useMenuContext } from './use-menu-context'
|
|
15
|
-
import { MenuItemGroupProvider } from './use-menu-item-group-context'
|
|
16
|
-
|
|
17
|
-
let { ref = $bindable(null), ...props }: MenuItemGroupProps = $props()
|
|
18
|
-
|
|
19
|
-
const menu = useMenuContext()
|
|
20
|
-
const id = $props.id()
|
|
21
|
-
const itemGroupProps = $derived({ id, ...props })
|
|
22
|
-
const mergedProps = $derived(mergeProps(menu().getItemGroupProps(itemGroupProps), props))
|
|
23
|
-
|
|
24
|
-
MenuItemGroupProvider(() => itemGroupProps)
|
|
25
|
-
</script>
|
|
26
|
-
|
|
27
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
import type { ItemGroupProps } from '@sprawlify/primitives/machines/menu';
|
|
3
|
-
type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
|
|
4
|
-
export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'>, RefAttribute {
|
|
5
|
-
}
|
|
6
|
-
export interface MenuItemGroupProps extends Assign<HTMLProps<'div'>, MenuItemGroupBaseProps> {
|
|
7
|
-
}
|
|
8
|
-
declare const MenuItemGroup: import("svelte").Component<MenuItemGroupProps, {}, "ref">;
|
|
9
|
-
type MenuItemGroup = ReturnType<typeof MenuItemGroup>;
|
|
10
|
-
export default MenuItemGroup;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuItemIndicatorProps extends Assign<HTMLProps<'div'>, MenuItemIndicatorBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
import { useMenuItemPropsContext } from './use-menu-option-item-props-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuItemIndicatorProps = $props()
|
|
15
|
-
|
|
16
|
-
const menu = useMenuContext()
|
|
17
|
-
const itemProps = useMenuItemPropsContext()
|
|
18
|
-
const mergedProps = $derived(mergeProps(menu().getItemIndicatorProps(itemProps()), props))
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuItemIndicatorProps extends Assign<HTMLProps<'div'>, MenuItemIndicatorBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuItemIndicator: import("svelte").Component<MenuItemIndicatorProps, {}, "ref">;
|
|
7
|
-
type MenuItemIndicator = ReturnType<typeof MenuItemIndicator>;
|
|
8
|
-
export default MenuItemIndicator;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuItemTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuItemTextProps extends Assign<HTMLProps<'div'>, MenuItemTextBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
import { useMenuItemPropsContext } from './use-menu-option-item-props-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuItemTextProps = $props()
|
|
15
|
-
|
|
16
|
-
const menu = useMenuContext()
|
|
17
|
-
const itemProps = useMenuItemPropsContext()
|
|
18
|
-
const mergedProps = $derived(mergeProps(menu().getItemTextProps(itemProps()), props))
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuItemTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuItemTextProps extends Assign<HTMLProps<'div'>, MenuItemTextBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuItemText: import("svelte").Component<MenuItemTextProps, {}, "ref">;
|
|
7
|
-
type MenuItemText = ReturnType<typeof MenuItemText>;
|
|
8
|
-
export default MenuItemText;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
interface ItemBaseProps extends ItemProps {
|
|
5
|
-
onSelect?: VoidFunction
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps<'div'>, RefAttribute {}
|
|
9
|
-
export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {}
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<script lang="ts">
|
|
13
|
-
import type { ItemProps } from '@sprawlify/primitives/machines/menu'
|
|
14
|
-
import { mergeProps } from '../../core'
|
|
15
|
-
import { Sprawlify } from '../factory'
|
|
16
|
-
import { useMenuContext } from './use-menu-context'
|
|
17
|
-
import { MenuItemProvider } from './use-menu-item-context'
|
|
18
|
-
import { MenuItemPropsProvider } from './use-menu-option-item-props-context'
|
|
19
|
-
import { createSplitProps } from '../../utils/create-split-props'
|
|
20
|
-
|
|
21
|
-
let { ref = $bindable(null), ...props }: MenuItemProps = $props()
|
|
22
|
-
|
|
23
|
-
const [itemProps, localProps] = $derived(
|
|
24
|
-
createSplitProps<ItemBaseProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText', 'onSelect']),
|
|
25
|
-
)
|
|
26
|
-
|
|
27
|
-
const menu = useMenuContext()
|
|
28
|
-
const mergedProps = $derived(mergeProps(menu().getItemProps(itemProps), localProps))
|
|
29
|
-
const itemState = $derived(menu().getItemState(itemProps))
|
|
30
|
-
|
|
31
|
-
$effect(() => {
|
|
32
|
-
return menu().addItemListener({
|
|
33
|
-
id: itemState.id,
|
|
34
|
-
onSelect: itemProps.onSelect,
|
|
35
|
-
})
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
MenuItemPropsProvider(() => itemProps)
|
|
39
|
-
MenuItemProvider(() => itemState)
|
|
40
|
-
</script>
|
|
41
|
-
|
|
42
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
interface ItemBaseProps extends ItemProps {
|
|
3
|
-
onSelect?: VoidFunction;
|
|
4
|
-
}
|
|
5
|
-
export interface MenuItemBaseProps extends ItemBaseProps, PolymorphicProps<'div'>, RefAttribute {
|
|
6
|
-
}
|
|
7
|
-
export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {
|
|
8
|
-
}
|
|
9
|
-
import type { ItemProps } from '@sprawlify/primitives/machines/menu';
|
|
10
|
-
declare const MenuItem: import("svelte").Component<MenuItemProps, {}, "ref">;
|
|
11
|
-
type MenuItem = ReturnType<typeof MenuItem>;
|
|
12
|
-
export default MenuItem;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuPositionerProps extends Assign<HTMLProps<'div'>, MenuPositionerBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { usePresenceContext } from '../presence'
|
|
12
|
-
import { useMenuContext } from './use-menu-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuPositionerProps = $props()
|
|
15
|
-
|
|
16
|
-
const menu = useMenuContext()
|
|
17
|
-
const presence = usePresenceContext()
|
|
18
|
-
const mergedProps = $derived(mergeProps(menu().getPositionerProps(), props))
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
{#if !presence().unmounted}
|
|
22
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
23
|
-
{/if}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuPositionerProps extends Assign<HTMLProps<'div'>, MenuPositionerBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuPositioner: import("svelte").Component<MenuPositionerProps, {}, "ref">;
|
|
7
|
-
type MenuPositioner = ReturnType<typeof MenuPositioner>;
|
|
8
|
-
export default MenuPositioner;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
import type { UseMenuItemGroupContext } from './use-menu-item-group-context'
|
|
4
|
-
|
|
5
|
-
type OptionalUseMenuItemGroupContext = Optional<ReturnType<UseMenuItemGroupContext>, 'id'>
|
|
6
|
-
|
|
7
|
-
export interface MenuRadioItemGroupBaseProps
|
|
8
|
-
extends OptionalUseMenuItemGroupContext,
|
|
9
|
-
PolymorphicProps<'div'>,
|
|
10
|
-
RefAttribute {}
|
|
11
|
-
export interface MenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, MenuRadioItemGroupBaseProps> {}
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<script lang="ts">
|
|
15
|
-
import { mergeProps } from '../../core'
|
|
16
|
-
import { Sprawlify } from '../factory'
|
|
17
|
-
import { createSplitProps } from '../../utils/create-split-props'
|
|
18
|
-
import { useMenuContext } from './use-menu-context'
|
|
19
|
-
import { MenuItemGroupProvider } from './use-menu-item-group-context'
|
|
20
|
-
|
|
21
|
-
let { ref = $bindable(null), value = $bindable(), ...props }: MenuRadioItemGroupProps = $props()
|
|
22
|
-
const id = $props.id()
|
|
23
|
-
|
|
24
|
-
const [optionalItemGroupProps, localProps] = $derived(
|
|
25
|
-
createSplitProps<OptionalUseMenuItemGroupContext>()(props, ['id', 'onValueChange', 'value']),
|
|
26
|
-
)
|
|
27
|
-
|
|
28
|
-
const menu = useMenuContext()
|
|
29
|
-
|
|
30
|
-
const itemGroupProps = $derived<ReturnType<UseMenuItemGroupContext>>({
|
|
31
|
-
id: optionalItemGroupProps.id ?? id,
|
|
32
|
-
value,
|
|
33
|
-
onValueChange(e) {
|
|
34
|
-
value = e.value
|
|
35
|
-
optionalItemGroupProps?.onValueChange?.(e)
|
|
36
|
-
},
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
const mergedProps = $derived(mergeProps(menu().getItemGroupProps({ id: itemGroupProps.id }), localProps))
|
|
40
|
-
|
|
41
|
-
MenuItemGroupProvider(() => itemGroupProps)
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
import type { UseMenuItemGroupContext } from './use-menu-item-group-context';
|
|
3
|
-
type OptionalUseMenuItemGroupContext = Optional<ReturnType<UseMenuItemGroupContext>, 'id'>;
|
|
4
|
-
export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps<'div'>, RefAttribute {
|
|
5
|
-
}
|
|
6
|
-
export interface MenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, MenuRadioItemGroupBaseProps> {
|
|
7
|
-
}
|
|
8
|
-
declare const MenuRadioItemGroup: import("svelte").Component<MenuRadioItemGroupProps, {}, "value" | "ref">;
|
|
9
|
-
type MenuRadioItemGroup = ReturnType<typeof MenuRadioItemGroup>;
|
|
10
|
-
export default MenuRadioItemGroup;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
import type { OptionItemProps } from '@sprawlify/primitives/machines/menu'
|
|
4
|
-
|
|
5
|
-
type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>
|
|
6
|
-
|
|
7
|
-
export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {}
|
|
8
|
-
export interface MenuRadioItemProps extends Assign<HTMLProps<'div'>, MenuRadioItemBaseProps> {}
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<script lang="ts">
|
|
12
|
-
import { mergeProps } from '../../core'
|
|
13
|
-
import { Sprawlify } from '../factory'
|
|
14
|
-
import { createSplitProps } from '../../utils/create-split-props'
|
|
15
|
-
import { useMenuContext } from './use-menu-context'
|
|
16
|
-
import { MenuItemProvider } from './use-menu-item-context'
|
|
17
|
-
import { useMenuItemGroupContext } from './use-menu-item-group-context'
|
|
18
|
-
import { MenuItemPropsProvider } from './use-menu-option-item-props-context'
|
|
19
|
-
|
|
20
|
-
let { ref = $bindable(null), ...props }: MenuRadioItemProps = $props()
|
|
21
|
-
|
|
22
|
-
const [partialItemProps, localProps] = $derived(
|
|
23
|
-
createSplitProps<PartialOptionItemProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText']),
|
|
24
|
-
)
|
|
25
|
-
|
|
26
|
-
const menu = useMenuContext()
|
|
27
|
-
const itemGroup = useMenuItemGroupContext()
|
|
28
|
-
|
|
29
|
-
const optionItemProps: OptionItemProps = $derived({
|
|
30
|
-
...partialItemProps,
|
|
31
|
-
checked: itemGroup().value === partialItemProps.value,
|
|
32
|
-
type: 'radio',
|
|
33
|
-
onCheckedChange: () => itemGroup().onValueChange?.({ value: partialItemProps.value }),
|
|
34
|
-
})
|
|
35
|
-
|
|
36
|
-
const mergedProps = $derived(mergeProps(menu().getOptionItemProps(optionItemProps), localProps))
|
|
37
|
-
const optionItemState = $derived(menu().getOptionItemState(optionItemProps))
|
|
38
|
-
|
|
39
|
-
MenuItemPropsProvider(() => optionItemProps)
|
|
40
|
-
MenuItemProvider(() => optionItemState)
|
|
41
|
-
</script>
|
|
42
|
-
|
|
43
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
import type { OptionItemProps } from '@sprawlify/primitives/machines/menu';
|
|
3
|
-
type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
|
|
4
|
-
export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {
|
|
5
|
-
}
|
|
6
|
-
export interface MenuRadioItemProps extends Assign<HTMLProps<'div'>, MenuRadioItemBaseProps> {
|
|
7
|
-
}
|
|
8
|
-
declare const MenuRadioItem: import("svelte").Component<MenuRadioItemProps, {}, "ref">;
|
|
9
|
-
type MenuRadioItem = ReturnType<typeof MenuRadioItem>;
|
|
10
|
-
export default MenuRadioItem;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type Snippet } from 'svelte';
|
|
2
|
-
import type { UsePresenceProps } from '../presence';
|
|
3
|
-
import type { UseMenuReturn } from './use-menu.svelte';
|
|
4
|
-
interface RootProviderProps {
|
|
5
|
-
value: UseMenuReturn;
|
|
6
|
-
}
|
|
7
|
-
export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
|
|
8
|
-
children?: Snippet;
|
|
9
|
-
}
|
|
10
|
-
export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
|
|
11
|
-
}
|
|
12
|
-
declare const MenuRootProvider: import("svelte").Component<MenuRootProviderProps, {}, "">;
|
|
13
|
-
type MenuRootProvider = ReturnType<typeof MenuRootProvider>;
|
|
14
|
-
export default MenuRootProvider;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type Snippet } from 'svelte';
|
|
2
|
-
import type { UsePresenceProps } from '../presence';
|
|
3
|
-
import type { UseMenuProps } from './use-menu.svelte';
|
|
4
|
-
export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
|
|
5
|
-
children?: Snippet;
|
|
6
|
-
}
|
|
7
|
-
export interface MenuRootProps extends MenuRootBaseProps {
|
|
8
|
-
}
|
|
9
|
-
declare const MenuRoot: import("svelte").Component<MenuRootProps, {}, "open">;
|
|
10
|
-
type MenuRoot = ReturnType<typeof MenuRoot>;
|
|
11
|
-
export default MenuRoot;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuSeparatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuSeparatorProps extends Assign<HTMLProps<'div'>, MenuSeparatorBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuContext } from './use-menu-context'
|
|
12
|
-
|
|
13
|
-
let { ref = $bindable(null), ...props }: MenuSeparatorProps = $props()
|
|
14
|
-
|
|
15
|
-
const menu = useMenuContext()
|
|
16
|
-
const mergedProps = $derived(mergeProps(menu().getSeparatorProps(), props))
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<Sprawlify as="div" bind:ref data-scope="menu" data-part="separator" {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuSeparatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuSeparatorProps extends Assign<HTMLProps<'div'>, MenuSeparatorBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuSeparator: import("svelte").Component<MenuSeparatorProps, {}, "ref">;
|
|
7
|
-
type MenuSeparator = ReturnType<typeof MenuSeparator>;
|
|
8
|
-
export default MenuSeparator;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
|
|
3
|
-
|
|
4
|
-
export interface MenuTriggerItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
|
|
5
|
-
export interface MenuTriggerItemProps extends Assign<HTMLProps<'div'>, MenuTriggerItemBaseProps> {}
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
import { mergeProps } from '../../core'
|
|
10
|
-
import { Sprawlify } from '../factory'
|
|
11
|
-
import { useMenuTriggerItemContext } from './use-menu-trigger-item-context'
|
|
12
|
-
import { MenuItemPropsProvider } from './use-menu-option-item-props-context'
|
|
13
|
-
|
|
14
|
-
let { ref = $bindable(null), ...props }: MenuTriggerItemProps = $props()
|
|
15
|
-
|
|
16
|
-
const getTriggerItemProps = useMenuTriggerItemContext()
|
|
17
|
-
const mergedProps = $derived(mergeProps(getTriggerItemProps?.() ?? {}, props))
|
|
18
|
-
|
|
19
|
-
MenuItemPropsProvider(() => ({ value: mergedProps['data-value'] }))
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<Sprawlify as="div" bind:ref {...mergedProps} />
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
|
|
2
|
-
export interface MenuTriggerItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {
|
|
3
|
-
}
|
|
4
|
-
export interface MenuTriggerItemProps extends Assign<HTMLProps<'div'>, MenuTriggerItemBaseProps> {
|
|
5
|
-
}
|
|
6
|
-
declare const MenuTriggerItem: import("svelte").Component<MenuTriggerItemProps, {}, "ref">;
|
|
7
|
-
type MenuTriggerItem = ReturnType<typeof MenuTriggerItem>;
|
|
8
|
-
export default MenuTriggerItem;
|