@sprawlify/svelte 0.0.78 → 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.
Files changed (129) hide show
  1. package/dist/components/alert-dialog/alert-dialog-anatomy.d.ts +2 -2
  2. package/dist/components/anatomy.d.ts +1 -1
  3. package/dist/components/anatomy.js +1 -1
  4. package/dist/components/carousel/carousel-anatomy.d.ts +1 -1
  5. package/dist/components/color-picker/color-picker-anatomy.d.ts +1 -1
  6. package/dist/components/combobox/combobox-anatomy.d.ts +1 -1
  7. package/dist/components/date-picker/date-picker-anatomy.d.ts +1 -1
  8. package/dist/components/dropdown-menu/dropdown-menu-anatomy.d.ts +1 -0
  9. package/dist/components/dropdown-menu/dropdown-menu-anatomy.js +1 -0
  10. package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte +19 -0
  11. package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte.d.ts +8 -0
  12. package/dist/components/dropdown-menu/dropdown-menu-arrow.svelte +19 -0
  13. package/dist/components/dropdown-menu/dropdown-menu-arrow.svelte.d.ts +8 -0
  14. package/dist/components/{menu/menu-checkbox-item.svelte → dropdown-menu/dropdown-menu-checkbox-item.svelte} +12 -12
  15. package/dist/components/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +10 -0
  16. package/dist/components/dropdown-menu/dropdown-menu-content.svelte +27 -0
  17. package/dist/components/dropdown-menu/dropdown-menu-content.svelte.d.ts +8 -0
  18. package/dist/components/dropdown-menu/dropdown-menu-context.svelte +17 -0
  19. package/dist/components/dropdown-menu/dropdown-menu-context.svelte.d.ts +8 -0
  20. package/dist/components/dropdown-menu/dropdown-menu-indicator.svelte +19 -0
  21. package/dist/components/dropdown-menu/dropdown-menu-indicator.svelte.d.ts +8 -0
  22. package/dist/components/dropdown-menu/dropdown-menu-item-context.svelte +14 -0
  23. package/dist/components/dropdown-menu/dropdown-menu-item-context.svelte.d.ts +8 -0
  24. package/dist/components/dropdown-menu/dropdown-menu-item-group-label.svelte +21 -0
  25. package/dist/components/dropdown-menu/dropdown-menu-item-group-label.svelte.d.ts +8 -0
  26. package/dist/components/dropdown-menu/dropdown-menu-item-group.svelte +27 -0
  27. package/dist/components/dropdown-menu/dropdown-menu-item-group.svelte.d.ts +10 -0
  28. package/dist/components/dropdown-menu/dropdown-menu-item-indicator.svelte +21 -0
  29. package/dist/components/dropdown-menu/dropdown-menu-item-indicator.svelte.d.ts +8 -0
  30. package/dist/components/dropdown-menu/dropdown-menu-item-text.svelte +21 -0
  31. package/dist/components/dropdown-menu/dropdown-menu-item-text.svelte.d.ts +8 -0
  32. package/dist/components/dropdown-menu/dropdown-menu-item.svelte +42 -0
  33. package/dist/components/dropdown-menu/dropdown-menu-item.svelte.d.ts +12 -0
  34. package/dist/components/dropdown-menu/dropdown-menu-positioner.svelte +23 -0
  35. package/dist/components/dropdown-menu/dropdown-menu-positioner.svelte.d.ts +8 -0
  36. package/dist/components/dropdown-menu/dropdown-menu-radio-item-group.svelte +44 -0
  37. package/dist/components/dropdown-menu/dropdown-menu-radio-item-group.svelte.d.ts +10 -0
  38. package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte +43 -0
  39. package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +10 -0
  40. package/dist/components/{menu/menu-root-provider.svelte → dropdown-menu/dropdown-menu-root-provider.svelte} +13 -13
  41. package/dist/components/dropdown-menu/dropdown-menu-root-provider.svelte.d.ts +14 -0
  42. package/dist/components/{menu/menu-root.svelte → dropdown-menu/dropdown-menu-root.svelte} +22 -22
  43. package/dist/components/dropdown-menu/dropdown-menu-root.svelte.d.ts +11 -0
  44. package/dist/components/dropdown-menu/dropdown-menu-separator.svelte +19 -0
  45. package/dist/components/dropdown-menu/dropdown-menu-separator.svelte.d.ts +8 -0
  46. package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte +22 -0
  47. package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte.d.ts +8 -0
  48. package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte +22 -0
  49. package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +8 -0
  50. package/dist/components/dropdown-menu/dropdown-menu.d.ts +21 -0
  51. package/dist/components/dropdown-menu/dropdown-menu.js +20 -0
  52. package/dist/components/dropdown-menu/index.d.ts +27 -0
  53. package/dist/components/dropdown-menu/index.js +25 -0
  54. package/dist/components/dropdown-menu/use-dropdown-menu-context.d.ts +4 -0
  55. package/dist/components/dropdown-menu/use-dropdown-menu-context.js +7 -0
  56. package/dist/components/dropdown-menu/use-dropdown-menu-item-context.d.ts +5 -0
  57. package/dist/components/dropdown-menu/use-dropdown-menu-item-context.js +6 -0
  58. package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.d.ts +11 -0
  59. package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.js +6 -0
  60. package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.d.ts +4 -0
  61. package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.js +7 -0
  62. package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.d.ts +3 -0
  63. package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.js +6 -0
  64. package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.d.ts +4 -0
  65. package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.js +7 -0
  66. package/dist/components/dropdown-menu/use-dropdown-menu.svelte.d.ts +12 -0
  67. package/dist/components/{menu/use-menu.svelte.js → dropdown-menu/use-dropdown-menu.svelte.js} +4 -4
  68. package/dist/components/listbox/listbox-anatomy.d.ts +1 -1
  69. package/dist/components/tour/tour-anatomy.d.ts +1 -1
  70. package/dist/components/tree-view/tree-view-split-props.d.ts +1 -1
  71. package/package.json +7 -7
  72. package/dist/components/menu/index.d.ts +0 -28
  73. package/dist/components/menu/index.js +0 -26
  74. package/dist/components/menu/menu-anatomy.d.ts +0 -1
  75. package/dist/components/menu/menu-anatomy.js +0 -1
  76. package/dist/components/menu/menu-arrow-tip.svelte +0 -19
  77. package/dist/components/menu/menu-arrow-tip.svelte.d.ts +0 -8
  78. package/dist/components/menu/menu-arrow.svelte +0 -19
  79. package/dist/components/menu/menu-arrow.svelte.d.ts +0 -8
  80. package/dist/components/menu/menu-checkbox-item.svelte.d.ts +0 -10
  81. package/dist/components/menu/menu-content.svelte +0 -27
  82. package/dist/components/menu/menu-content.svelte.d.ts +0 -8
  83. package/dist/components/menu/menu-context-trigger.svelte +0 -19
  84. package/dist/components/menu/menu-context-trigger.svelte.d.ts +0 -8
  85. package/dist/components/menu/menu-context.svelte +0 -17
  86. package/dist/components/menu/menu-context.svelte.d.ts +0 -8
  87. package/dist/components/menu/menu-indicator.svelte +0 -19
  88. package/dist/components/menu/menu-indicator.svelte.d.ts +0 -8
  89. package/dist/components/menu/menu-item-context.svelte +0 -14
  90. package/dist/components/menu/menu-item-context.svelte.d.ts +0 -8
  91. package/dist/components/menu/menu-item-group-label.svelte +0 -21
  92. package/dist/components/menu/menu-item-group-label.svelte.d.ts +0 -8
  93. package/dist/components/menu/menu-item-group.svelte +0 -27
  94. package/dist/components/menu/menu-item-group.svelte.d.ts +0 -10
  95. package/dist/components/menu/menu-item-indicator.svelte +0 -21
  96. package/dist/components/menu/menu-item-indicator.svelte.d.ts +0 -8
  97. package/dist/components/menu/menu-item-text.svelte +0 -21
  98. package/dist/components/menu/menu-item-text.svelte.d.ts +0 -8
  99. package/dist/components/menu/menu-item.svelte +0 -42
  100. package/dist/components/menu/menu-item.svelte.d.ts +0 -12
  101. package/dist/components/menu/menu-positioner.svelte +0 -23
  102. package/dist/components/menu/menu-positioner.svelte.d.ts +0 -8
  103. package/dist/components/menu/menu-radio-item-group.svelte +0 -44
  104. package/dist/components/menu/menu-radio-item-group.svelte.d.ts +0 -10
  105. package/dist/components/menu/menu-radio-item.svelte +0 -43
  106. package/dist/components/menu/menu-radio-item.svelte.d.ts +0 -10
  107. package/dist/components/menu/menu-root-provider.svelte.d.ts +0 -14
  108. package/dist/components/menu/menu-root.svelte.d.ts +0 -11
  109. package/dist/components/menu/menu-separator.svelte +0 -19
  110. package/dist/components/menu/menu-separator.svelte.d.ts +0 -8
  111. package/dist/components/menu/menu-trigger-item.svelte +0 -22
  112. package/dist/components/menu/menu-trigger-item.svelte.d.ts +0 -8
  113. package/dist/components/menu/menu-trigger.svelte +0 -22
  114. package/dist/components/menu/menu-trigger.svelte.d.ts +0 -8
  115. package/dist/components/menu/menu.d.ts +0 -22
  116. package/dist/components/menu/menu.js +0 -21
  117. package/dist/components/menu/use-menu-context.d.ts +0 -4
  118. package/dist/components/menu/use-menu-context.js +0 -7
  119. package/dist/components/menu/use-menu-item-context.d.ts +0 -5
  120. package/dist/components/menu/use-menu-item-context.js +0 -6
  121. package/dist/components/menu/use-menu-item-group-context.d.ts +0 -11
  122. package/dist/components/menu/use-menu-item-group-context.js +0 -6
  123. package/dist/components/menu/use-menu-machine-context.d.ts +0 -4
  124. package/dist/components/menu/use-menu-machine-context.js +0 -7
  125. package/dist/components/menu/use-menu-option-item-props-context.d.ts +0 -3
  126. package/dist/components/menu/use-menu-option-item-props-context.js +0 -6
  127. package/dist/components/menu/use-menu-trigger-item-context.d.ts +0 -4
  128. package/dist/components/menu/use-menu-trigger-item-context.js +0 -7
  129. package/dist/components/menu/use-menu.svelte.d.ts +0 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sprawlify/svelte",
3
- "version": "0.0.78",
3
+ "version": "0.0.79",
4
4
  "type": "module",
5
5
  "description": "Svelte wrapper for primitives.",
6
6
  "author": "sprawlify <npm@sprawlify.com>",
@@ -102,6 +102,11 @@
102
102
  "svelte": "./dist/components/download-trigger/index.js",
103
103
  "default": "./dist/components/download-trigger/index.js"
104
104
  },
105
+ "./dropdown-menu": {
106
+ "types": "./dist/components/dropdown-menu/index.d.ts",
107
+ "svelte": "./dist/components/dropdown-menu/index.js",
108
+ "default": "./dist/components/dropdown-menu/index.js"
109
+ },
105
110
  "./editable": {
106
111
  "types": "./dist/components/editable/index.d.ts",
107
112
  "svelte": "./dist/components/editable/index.js",
@@ -177,11 +182,6 @@
177
182
  "svelte": "./dist/components/marquee/index.js",
178
183
  "default": "./dist/components/marquee/index.js"
179
184
  },
180
- "./menu": {
181
- "types": "./dist/components/menu/index.d.ts",
182
- "svelte": "./dist/components/menu/index.js",
183
- "default": "./dist/components/menu/index.js"
184
- },
185
185
  "./navigation-menu": {
186
186
  "types": "./dist/components/navigation-menu/index.d.ts",
187
187
  "svelte": "./dist/components/navigation-menu/index.js",
@@ -340,7 +340,7 @@
340
340
  "access": "public"
341
341
  },
342
342
  "dependencies": {
343
- "@sprawlify/primitives": "0.0.78"
343
+ "@sprawlify/primitives": "0.0.79"
344
344
  },
345
345
  "peerDependencies": {
346
346
  "svelte": "^5.0.0"
@@ -1,28 +0,0 @@
1
- export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@sprawlify/primitives/machines/menu';
2
- export { default as MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.svelte';
3
- export { default as MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.svelte';
4
- export { default as MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, } from './menu-checkbox-item.svelte';
5
- export { default as MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content.svelte';
6
- export { default as MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, } from './menu-context-trigger.svelte';
7
- export { default as MenuContext, type MenuContextProps } from './menu-context.svelte';
8
- export { default as MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator.svelte';
9
- export { default as MenuItemContext, type MenuItemContextProps } from './menu-item-context.svelte';
10
- export { default as MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, } from './menu-item-group-label.svelte';
11
- export { default as MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps, } from './menu-item-group.svelte';
12
- export { default as MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, } from './menu-item-indicator.svelte';
13
- export { default as MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text.svelte';
14
- export { default as MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item.svelte';
15
- export { default as MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, } from './menu-positioner.svelte';
16
- export { default as MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, } from './menu-radio-item-group.svelte';
17
- export { default as MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps, } from './menu-radio-item.svelte';
18
- export { default as MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps, } from './menu-root-provider.svelte';
19
- export { default as MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root.svelte';
20
- export { default as MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator.svelte';
21
- export { default as MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps, } from './menu-trigger-item.svelte';
22
- export { default as MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger.svelte';
23
- export { menuAnatomy } from './menu-anatomy';
24
- export { useMenuContext, type UseMenuContext } from './use-menu-context';
25
- export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context';
26
- export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context';
27
- export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu.svelte';
28
- export * as Menu from './menu';
@@ -1,26 +0,0 @@
1
- export { default as MenuArrowTip } from './menu-arrow-tip.svelte';
2
- export { default as MenuArrow } from './menu-arrow.svelte';
3
- export { default as MenuCheckboxItem, } from './menu-checkbox-item.svelte';
4
- export { default as MenuContent } from './menu-content.svelte';
5
- export { default as MenuContextTrigger, } from './menu-context-trigger.svelte';
6
- export { default as MenuContext } from './menu-context.svelte';
7
- export { default as MenuIndicator } from './menu-indicator.svelte';
8
- export { default as MenuItemContext } from './menu-item-context.svelte';
9
- export { default as MenuItemGroupLabel, } from './menu-item-group-label.svelte';
10
- export { default as MenuItemGroup, } from './menu-item-group.svelte';
11
- export { default as MenuItemIndicator, } from './menu-item-indicator.svelte';
12
- export { default as MenuItemText } from './menu-item-text.svelte';
13
- export { default as MenuItem } from './menu-item.svelte';
14
- export { default as MenuPositioner, } from './menu-positioner.svelte';
15
- export { default as MenuRadioItemGroup, } from './menu-radio-item-group.svelte';
16
- export { default as MenuRadioItem, } from './menu-radio-item.svelte';
17
- export { default as MenuRootProvider, } from './menu-root-provider.svelte';
18
- export { default as MenuRoot } from './menu-root.svelte';
19
- export { default as MenuSeparator } from './menu-separator.svelte';
20
- export { default as MenuTriggerItem, } from './menu-trigger-item.svelte';
21
- export { default as MenuTrigger } from './menu-trigger.svelte';
22
- export { menuAnatomy } from './menu-anatomy';
23
- export { useMenuContext } from './use-menu-context';
24
- export { useMenuItemContext } from './use-menu-item-context';
25
- export { useMenu } from './use-menu.svelte';
26
- export * as Menu from './menu';
@@ -1 +0,0 @@
1
- export { anatomy as menuAnatomy } from '@sprawlify/primitives/machines/menu';
@@ -1 +0,0 @@
1
- export { anatomy as menuAnatomy } from '@sprawlify/primitives/machines/menu';
@@ -1,19 +0,0 @@
1
- <script module lang="ts">
2
- import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
3
-
4
- export interface MenuArrowTipBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
5
- export interface MenuArrowTipProps extends Assign<HTMLProps<'div'>, MenuArrowTipBaseProps> {}
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 }: MenuArrowTipProps = $props()
14
-
15
- const menu = useMenuContext()
16
- const mergedProps = $derived(mergeProps(menu().getArrowTipProps(), 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 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;