@sprawlify/svelte 0.0.78 → 0.0.79

package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -0,0 +1,43 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { OptionItemProps } from '@sprawlify/primitives/machines/dropdown-menu'
+
+  type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>
+
+  export interface DropdownMenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuRadioItemProps extends Assign<HTMLProps<'div'>, DropdownMenuRadioItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuItemProvider } from './use-dropdown-menu-item-context'
+  import { useDropdownMenuItemGroupContext } from './use-dropdown-menu-item-group-context'
+  import { DropdownMenuItemPropsProvider } from './use-dropdown-menu-option-item-props-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuRadioItemProps = $props()
+
+  const [partialItemProps, localProps] = $derived(
+    createSplitProps<PartialOptionItemProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText']),
+  )
+
+  const dropdownMenu = useDropdownMenuContext()
+  const itemGroup = useDropdownMenuItemGroupContext()
+
+  const optionItemProps: OptionItemProps = $derived({
+    ...partialItemProps,
+    checked: itemGroup().value === partialItemProps.value,
+    type: 'radio',
+    onCheckedChange: () => itemGroup().onValueChange?.({ value: partialItemProps.value }),
+  })
+
+  const mergedProps = $derived(mergeProps(dropdownMenu().getOptionItemProps(optionItemProps), localProps))
+  const optionItemState = $derived(dropdownMenu().getOptionItemState(optionItemProps))
+
+  DropdownMenuItemPropsProvider(() => optionItemProps)
+  DropdownMenuItemProvider(() => optionItemState)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { OptionItemProps } from '@sprawlify/primitives/machines/dropdown-menu';
+type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
+export interface DropdownMenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuRadioItemProps extends Assign<HTMLProps<'div'>, DropdownMenuRadioItemBaseProps> {
+}
+declare const DropdownMenuRadioItem: import("svelte").Component<DropdownMenuRadioItemProps, {}, "ref">;
+type DropdownMenuRadioItem = ReturnType<typeof DropdownMenuRadioItem>;
+export default DropdownMenuRadioItem;

package/dist/components/{menu/menu-root-provider.svelte → dropdown-menu/dropdown-menu-root-provider.svelte}

@@ -1,28 +1,28 @@
 <script module lang="ts">
   import { onMount, type Snippet } from 'svelte'
   import type { UsePresenceProps } from '../presence'
-  import type { UseMenuReturn } from './use-menu.svelte'
+  import type { UseDropdownMenuReturn } from './use-dropdown-menu.svelte'
 
   interface RootProviderProps {
-    value: UseMenuReturn
+    value: UseDropdownMenuReturn
   }
 
-  export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+  export interface DropdownMenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
     children?: Snippet
   }
-  export interface MenuRootProviderProps extends MenuRootProviderBaseProps {}
+  export interface DropdownMenuRootProviderProps extends DropdownMenuRootProviderBaseProps {}
 </script>
 
 <script lang="ts">
   import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
-  import { MenuProvider, useMenuContext } from './use-menu-context'
-  import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context'
-  import { MenuTriggerItemProvider } from './use-menu-trigger-item-context'
+  import { DropdownMenuProvider, useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuMachineProvider, useDropdownMenuMachineContext } from './use-dropdown-menu-machine-context'
+  import { DropdownMenuTriggerItemProvider } from './use-dropdown-menu-trigger-item-context'
 
-  const { value, ...props }: MenuRootProviderProps = $props()
+  const { value, ...props }: DropdownMenuRootProviderProps = $props()
 
-  const parentApi = useMenuContext()
-  const parentMachine = useMenuMachineContext()
+  const parentApi = useDropdownMenuContext()
+  const parentMachine = useDropdownMenuMachineContext()
 
   const [presenceProps, restProps] = $derived(splitPresenceProps(props))
 
@@ -47,9 +47,9 @@
 
   const triggerItemContext = $derived(parentApi?.().getTriggerItemProps(api))
 
-  MenuTriggerItemProvider(() => triggerItemContext)
-  MenuMachineProvider(() => service)
-  MenuProvider(() => api)
+  DropdownMenuTriggerItemProvider(() => triggerItemContext)
+  DropdownMenuMachineProvider(() => service)
+  DropdownMenuProvider(() => api)
   PresenceProvider(presence)
 </script>
 

package/dist/components/dropdown-menu/dropdown-menu-root-provider.svelte.d.ts

@@ -0,0 +1,14 @@
+import { type Snippet } from 'svelte';
+import type { UsePresenceProps } from '../presence';
+import type { UseDropdownMenuReturn } from './use-dropdown-menu.svelte';
+interface RootProviderProps {
+    value: UseDropdownMenuReturn;
+}
+export interface DropdownMenuRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface DropdownMenuRootProviderProps extends DropdownMenuRootProviderBaseProps {
+}
+declare const DropdownMenuRootProvider: import("svelte").Component<DropdownMenuRootProviderProps, {}, "">;
+type DropdownMenuRootProvider = ReturnType<typeof DropdownMenuRootProvider>;
+export default DropdownMenuRootProvider;

package/dist/components/{menu/menu-root.svelte → dropdown-menu/dropdown-menu-root.svelte}

@@ -1,28 +1,28 @@
 <script module lang="ts">
   import { onMount, type Snippet } from 'svelte'
   import type { UsePresenceProps } from '../presence'
-  import type { UseMenuProps } from './use-menu.svelte'
+  import type { UseDropdownMenuProps } from './use-dropdown-menu.svelte'
 
-  export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
+  export interface DropdownMenuRootBaseProps extends UseDropdownMenuProps, UsePresenceProps {
     children?: Snippet
   }
-  export interface MenuRootProps extends MenuRootBaseProps {}
+  export interface DropdownMenuRootProps extends DropdownMenuRootBaseProps {}
 </script>
 
 <script lang="ts">
   import { createSplitProps } from '../../utils/create-split-props'
   import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
-  import { MenuProvider, useMenuContext } from './use-menu-context'
-  import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context'
-  import { MenuTriggerItemProvider } from './use-menu-trigger-item-context'
-  import { useMenu } from './use-menu.svelte'
+  import { DropdownMenuProvider, useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuMachineProvider, useDropdownMenuMachineContext } from './use-dropdown-menu-machine-context'
+  import { DropdownMenuTriggerItemProvider } from './use-dropdown-menu-trigger-item-context'
+  import { useDropdownMenu } from './use-dropdown-menu.svelte'
 
-  let { open = $bindable<boolean>(), ...props }: MenuRootProps = $props()
+  let { open = $bindable<boolean>(), ...props }: DropdownMenuRootProps = $props()
   const providedId = $props.id()
 
   const [presenceProps, menuProps] = $derived(splitPresenceProps(props))
-  const [useMenuProps, localProps] = $derived(
-    createSplitProps<UseMenuProps>()(menuProps, [
+  const [useDropdownMenuProps, localProps] = $derived(
+    createSplitProps<UseDropdownMenuProps>()(menuProps, [
       'anchorPoint',
       'aria-label',
       'closeOnSelect',
@@ -48,22 +48,22 @@
     ]),
   )
 
-  const parentApi = useMenuContext()
-  const parentMachine = useMenuMachineContext()
+  const parentApi = useDropdownMenuContext()
+  const parentMachine = useDropdownMenuMachineContext()
 
-  const resolvedProps = $derived<UseMenuProps>({
-    ...useMenuProps,
-    id: useMenuProps.id ?? providedId,
+  const resolvedProps = $derived<UseDropdownMenuProps>({
+    ...useDropdownMenuProps,
+    id: useDropdownMenuProps.id ?? providedId,
     open,
     onOpenChange(details) {
-      useMenuProps.onOpenChange?.(details)
+      useDropdownMenuProps.onOpenChange?.(details)
       if (open !== undefined) open = details.open
     },
   })
 
-  const menu = useMenu(() => resolvedProps)
-  const api = $derived(menu().api)
-  const service = $derived(menu().service)
+  const dropdownMenu = useDropdownMenu(() => resolvedProps)
+  const api = $derived(dropdownMenu().api)
+  const service = $derived(dropdownMenu().service)
 
   const presence = usePresence(() => ({
     present: api.open,
@@ -83,9 +83,9 @@
 
   const triggerItemContext = $derived(parentApi?.().getTriggerItemProps(api))
 
-  MenuTriggerItemProvider(() => triggerItemContext)
-  MenuMachineProvider(() => service)
-  MenuProvider(() => api)
+  DropdownMenuTriggerItemProvider(() => triggerItemContext)
+  DropdownMenuMachineProvider(() => service)
+  DropdownMenuProvider(() => api)
   PresenceProvider(presence)
 </script>
 

package/dist/components/dropdown-menu/dropdown-menu-root.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type Snippet } from 'svelte';
+import type { UsePresenceProps } from '../presence';
+import type { UseDropdownMenuProps } from './use-dropdown-menu.svelte';
+export interface DropdownMenuRootBaseProps extends UseDropdownMenuProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface DropdownMenuRootProps extends DropdownMenuRootBaseProps {
+}
+declare const DropdownMenuRoot: import("svelte").Component<DropdownMenuRootProps, {}, "open">;
+type DropdownMenuRoot = ReturnType<typeof DropdownMenuRoot>;
+export default DropdownMenuRoot;

package/dist/components/dropdown-menu/dropdown-menu-separator.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuSeparatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuSeparatorProps extends Assign<HTMLProps<'div'>, DropdownMenuSeparatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuSeparatorProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getSeparatorProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref data-scope="dropdown-menu" data-part="separator" {...mergedProps} />

package/dist/components/dropdown-menu/dropdown-menu-separator.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface DropdownMenuSeparatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuSeparatorProps extends Assign<HTMLProps<'div'>, DropdownMenuSeparatorBaseProps> {
+}
+declare const DropdownMenuSeparator: import("svelte").Component<DropdownMenuSeparatorProps, {}, "ref">;
+type DropdownMenuSeparator = ReturnType<typeof DropdownMenuSeparator>;
+export default DropdownMenuSeparator;

package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuTriggerItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuTriggerItemProps extends Assign<HTMLProps<'div'>, DropdownMenuTriggerItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuTriggerItemContext } from './use-dropdown-menu-trigger-item-context'
+  import { DropdownMenuItemPropsProvider } from './use-dropdown-menu-option-item-props-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuTriggerItemProps = $props()
+
+  const getTriggerItemProps = useDropdownMenuTriggerItemContext()
+  const mergedProps = $derived(mergeProps(getTriggerItemProps?.() ?? {}, props))
+
+  DropdownMenuItemPropsProvider(() => ({ value: mergedProps['data-value'] }))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/dropdown-menu/dropdown-menu-trigger-item.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface DropdownMenuTriggerItemBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuTriggerItemProps extends Assign<HTMLProps<'div'>, DropdownMenuTriggerItemBaseProps> {
+}
+declare const DropdownMenuTriggerItem: import("svelte").Component<DropdownMenuTriggerItemProps, {}, "ref">;
+type DropdownMenuTriggerItem = ReturnType<typeof DropdownMenuTriggerItem>;
+export default DropdownMenuTriggerItem;

package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface DropdownMenuTriggerProps extends Assign<HTMLProps<'button'>, DropdownMenuTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { useDropdownMenuTriggerItemContext } from './use-dropdown-menu-trigger-item-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuTriggerProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const triggerItemProps = useDropdownMenuTriggerItemContext()
+
+  const mergedProps = $derived(mergeProps(dropdownMenu().getTriggerProps(), triggerItemProps?.() || {}, props))
+</script>
+
+<Sprawlify as="button" bind:ref data-scope="dropdown-menu" data-part="trigger" {...mergedProps} />

package/dist/components/dropdown-menu/dropdown-menu-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface DropdownMenuTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface DropdownMenuTriggerProps extends Assign<HTMLProps<'button'>, DropdownMenuTriggerBaseProps> {
+}
+declare const DropdownMenuTrigger: import("svelte").Component<DropdownMenuTriggerProps, {}, "ref">;
+type DropdownMenuTrigger = ReturnType<typeof DropdownMenuTrigger>;
+export default DropdownMenuTrigger;

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,21 @@
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@sprawlify/primitives/machines/dropdown-menu';
+export { default as ArrowTip, type DropdownMenuArrowTipBaseProps as ArrowTipBaseProps, type DropdownMenuArrowTipProps as ArrowTipProps, } from './dropdown-menu-arrow-tip.svelte';
+export { default as Arrow, type DropdownMenuArrowBaseProps as ArrowBaseProps, type DropdownMenuArrowProps as ArrowProps, } from './dropdown-menu-arrow.svelte';
+export { default as CheckboxItem, type DropdownMenuCheckboxItemBaseProps as CheckboxItemBaseProps, type DropdownMenuCheckboxItemProps as CheckboxItemProps, } from './dropdown-menu-checkbox-item.svelte';
+export { default as Content, type DropdownMenuContentBaseProps as ContentBaseProps, type DropdownMenuContentProps as ContentProps, } from './dropdown-menu-content.svelte';
+export { default as Context, type DropdownMenuContextProps as ContextProps } from './dropdown-menu-context.svelte';
+export { default as Indicator, type DropdownMenuIndicatorBaseProps as IndicatorBaseProps, type DropdownMenuIndicatorProps as IndicatorProps, } from './dropdown-menu-indicator.svelte';
+export { default as ItemContext, type DropdownMenuItemContextProps as ItemContextProps } from './dropdown-menu-item-context.svelte';
+export { default as ItemGroupLabel, type DropdownMenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type DropdownMenuItemGroupLabelProps as ItemGroupLabelProps, } from './dropdown-menu-item-group-label.svelte';
+export { default as ItemGroup, type DropdownMenuItemGroupBaseProps as ItemGroupBaseProps, type DropdownMenuItemGroupProps as ItemGroupProps, } from './dropdown-menu-item-group.svelte';
+export { default as ItemIndicator, type DropdownMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type DropdownMenuItemIndicatorProps as ItemIndicatorProps, } from './dropdown-menu-item-indicator.svelte';
+export { default as ItemText, type DropdownMenuItemTextBaseProps as ItemTextBaseProps, type DropdownMenuItemTextProps as ItemTextProps, } from './dropdown-menu-item-text.svelte';
+export { default as Item, type DropdownMenuItemBaseProps as ItemBaseProps, type DropdownMenuItemProps as ItemProps, } from './dropdown-menu-item.svelte';
+export { default as Positioner, type DropdownMenuPositionerBaseProps as PositionerBaseProps, type DropdownMenuPositionerProps as PositionerProps, } from './dropdown-menu-positioner.svelte';
+export { default as RadioItemGroup, type DropdownMenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type DropdownMenuRadioItemGroupProps as RadioItemGroupProps, } from './dropdown-menu-radio-item-group.svelte';
+export { default as RadioItem, type DropdownMenuRadioItemBaseProps as RadioItemBaseProps, type DropdownMenuRadioItemProps as RadioItemProps, } from './dropdown-menu-radio-item.svelte';
+export { default as RootProvider, type DropdownMenuRootProviderBaseProps as RootProviderBaseProps, type DropdownMenuRootProviderProps as RootProviderProps, } from './dropdown-menu-root-provider.svelte';
+export { default as Root, type DropdownMenuRootBaseProps as RootBaseProps, type DropdownMenuRootProps as RootProps, } from './dropdown-menu-root.svelte';
+export { default as Separator, type DropdownMenuSeparatorBaseProps as SeparatorBaseProps, type DropdownMenuSeparatorProps as SeparatorProps, } from './dropdown-menu-separator.svelte';
+export { default as TriggerItem, type DropdownMenuTriggerItemBaseProps as TriggerItemBaseProps, type DropdownMenuTriggerItemProps as TriggerItemProps, } from './dropdown-menu-trigger-item.svelte';
+export { default as Trigger, type DropdownMenuTriggerBaseProps as TriggerBaseProps, type DropdownMenuTriggerProps as TriggerProps, } from './dropdown-menu-trigger.svelte';

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,20 @@
+export { default as ArrowTip, } from './dropdown-menu-arrow-tip.svelte';
+export { default as Arrow, } from './dropdown-menu-arrow.svelte';
+export { default as CheckboxItem, } from './dropdown-menu-checkbox-item.svelte';
+export { default as Content, } from './dropdown-menu-content.svelte';
+export { default as Context } from './dropdown-menu-context.svelte';
+export { default as Indicator, } from './dropdown-menu-indicator.svelte';
+export { default as ItemContext } from './dropdown-menu-item-context.svelte';
+export { default as ItemGroupLabel, } from './dropdown-menu-item-group-label.svelte';
+export { default as ItemGroup, } from './dropdown-menu-item-group.svelte';
+export { default as ItemIndicator, } from './dropdown-menu-item-indicator.svelte';
+export { default as ItemText, } from './dropdown-menu-item-text.svelte';
+export { default as Item, } from './dropdown-menu-item.svelte';
+export { default as Positioner, } from './dropdown-menu-positioner.svelte';
+export { default as RadioItemGroup, } from './dropdown-menu-radio-item-group.svelte';
+export { default as RadioItem, } from './dropdown-menu-radio-item.svelte';
+export { default as RootProvider, } from './dropdown-menu-root-provider.svelte';
+export { default as Root, } from './dropdown-menu-root.svelte';
+export { default as Separator, } from './dropdown-menu-separator.svelte';
+export { default as TriggerItem, } from './dropdown-menu-trigger-item.svelte';
+export { default as Trigger, } from './dropdown-menu-trigger.svelte';

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1,27 @@
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@sprawlify/primitives/machines/dropdown-menu';
+export { default as MenuArrowTip, type DropdownMenuArrowTipBaseProps as MenuArrowTipBaseProps, type DropdownMenuArrowTipProps as MenuArrowTipProps } from './dropdown-menu-arrow-tip.svelte';
+export { default as MenuArrow, type DropdownMenuArrowBaseProps as MenuArrowBaseProps, type DropdownMenuArrowProps as MenuArrowProps } from './dropdown-menu-arrow.svelte';
+export { default as MenuCheckboxItem, type DropdownMenuCheckboxItemBaseProps as MenuCheckboxItemBaseProps, type DropdownMenuCheckboxItemProps as MenuCheckboxItemProps, } from './dropdown-menu-checkbox-item.svelte';
+export { default as MenuContent, type DropdownMenuContentBaseProps as MenuContentBaseProps, type DropdownMenuContentProps as MenuContentProps } from './dropdown-menu-content.svelte';
+export { default as MenuContext, type DropdownMenuContextProps as MenuContextProps } from './dropdown-menu-context.svelte';
+export { default as MenuIndicator, type DropdownMenuIndicatorBaseProps as MenuIndicatorBaseProps, type DropdownMenuIndicatorProps as MenuIndicatorProps } from './dropdown-menu-indicator.svelte';
+export { default as MenuItemContext, type DropdownMenuItemContextProps as MenuItemContextProps } from './dropdown-menu-item-context.svelte';
+export { default as MenuItemGroupLabel, type DropdownMenuItemGroupLabelBaseProps as MenuItemGroupLabelBaseProps, type DropdownMenuItemGroupLabelProps as MenuItemGroupLabelProps, } from './dropdown-menu-item-group-label.svelte';
+export { default as MenuItemGroup, type DropdownMenuItemGroupBaseProps as MenuItemGroupBaseProps, type DropdownMenuItemGroupProps as MenuItemGroupProps, } from './dropdown-menu-item-group.svelte';
+export { default as MenuItemIndicator, type DropdownMenuItemIndicatorBaseProps as MenuItemIndicatorBaseProps, type DropdownMenuItemIndicatorProps as MenuItemIndicatorProps, } from './dropdown-menu-item-indicator.svelte';
+export { default as MenuItemText, type DropdownMenuItemTextBaseProps as MenuItemTextBaseProps, type DropdownMenuItemTextProps as MenuItemTextProps } from './dropdown-menu-item-text.svelte';
+export { default as MenuItem, type DropdownMenuItemBaseProps as MenuItemBaseProps, type DropdownMenuItemProps as MenuItemProps } from './dropdown-menu-item.svelte';
+export { default as MenuPositioner, type DropdownMenuPositionerBaseProps as MenuPositionerBaseProps, type DropdownMenuPositionerProps as MenuPositionerProps, } from './dropdown-menu-positioner.svelte';
+export { default as MenuRadioItemGroup, type DropdownMenuRadioItemGroupBaseProps as MenuRadioItemGroupBaseProps, type DropdownMenuRadioItemGroupProps as MenuRadioItemGroupProps, } from './dropdown-menu-radio-item-group.svelte';
+export { default as MenuRadioItem, type DropdownMenuRadioItemBaseProps as MenuRadioItemBaseProps, type DropdownMenuRadioItemProps as MenuRadioItemProps, } from './dropdown-menu-radio-item.svelte';
+export { default as MenuRootProvider, type DropdownMenuRootProviderBaseProps as MenuRootProviderBaseProps, type DropdownMenuRootProviderProps as MenuRootProviderProps, } from './dropdown-menu-root-provider.svelte';
+export { default as MenuRoot, type DropdownMenuRootBaseProps as MenuRootBaseProps, type DropdownMenuRootProps as MenuRootProps } from './dropdown-menu-root.svelte';
+export { default as MenuSeparator, type DropdownMenuSeparatorBaseProps as MenuSeparatorBaseProps, type DropdownMenuSeparatorProps as MenuSeparatorProps } from './dropdown-menu-separator.svelte';
+export { default as MenuTriggerItem, type DropdownMenuTriggerItemBaseProps as MenuTriggerItemBaseProps, type DropdownMenuTriggerItemProps as MenuTriggerItemProps, } from './dropdown-menu-trigger-item.svelte';
+export { default as MenuTrigger, type DropdownMenuTriggerBaseProps as MenuTriggerBaseProps, type DropdownMenuTriggerProps as MenuTriggerProps } from './dropdown-menu-trigger.svelte';
+export { dropdownMenuAnatomy as menuAnatomy } from './dropdown-menu-anatomy';
+export { useDropdownMenuContext as useMenuContext, type UseDropdownMenuContext as UseMenuContext } from './use-dropdown-menu-context';
+export { useDropdownMenuItemContext as useMenuItemContext, type UseDropdownMenuItemContext as UseMenuItemContext } from './use-dropdown-menu-item-context';
+export type { ValueChangeDetails as MenuValueChangeDetails } from './use-dropdown-menu-item-group-context';
+export { useDropdownMenu as useMenu, type UseDropdownMenuProps as UseMenuProps, type UseDropdownMenuReturn as UseMenuReturn } from './use-dropdown-menu.svelte';
+export * as Menu from './dropdown-menu';

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1,25 @@
+export { default as MenuArrowTip } from './dropdown-menu-arrow-tip.svelte';
+export { default as MenuArrow } from './dropdown-menu-arrow.svelte';
+export { default as MenuCheckboxItem, } from './dropdown-menu-checkbox-item.svelte';
+export { default as MenuContent } from './dropdown-menu-content.svelte';
+export { default as MenuContext } from './dropdown-menu-context.svelte';
+export { default as MenuIndicator } from './dropdown-menu-indicator.svelte';
+export { default as MenuItemContext } from './dropdown-menu-item-context.svelte';
+export { default as MenuItemGroupLabel, } from './dropdown-menu-item-group-label.svelte';
+export { default as MenuItemGroup, } from './dropdown-menu-item-group.svelte';
+export { default as MenuItemIndicator, } from './dropdown-menu-item-indicator.svelte';
+export { default as MenuItemText } from './dropdown-menu-item-text.svelte';
+export { default as MenuItem } from './dropdown-menu-item.svelte';
+export { default as MenuPositioner, } from './dropdown-menu-positioner.svelte';
+export { default as MenuRadioItemGroup, } from './dropdown-menu-radio-item-group.svelte';
+export { default as MenuRadioItem, } from './dropdown-menu-radio-item.svelte';
+export { default as MenuRootProvider, } from './dropdown-menu-root-provider.svelte';
+export { default as MenuRoot } from './dropdown-menu-root.svelte';
+export { default as MenuSeparator } from './dropdown-menu-separator.svelte';
+export { default as MenuTriggerItem, } from './dropdown-menu-trigger-item.svelte';
+export { default as MenuTrigger } from './dropdown-menu-trigger.svelte';
+export { dropdownMenuAnatomy as menuAnatomy } from './dropdown-menu-anatomy';
+export { useDropdownMenuContext as useMenuContext } from './use-dropdown-menu-context';
+export { useDropdownMenuItemContext as useMenuItemContext } from './use-dropdown-menu-item-context';
+export { useDropdownMenu as useMenu } from './use-dropdown-menu.svelte';
+export * as Menu from './dropdown-menu';

package/dist/components/dropdown-menu/use-dropdown-menu-context.d.ts

@@ -0,0 +1,4 @@
+import type { Accessor } from '../../types';
+import type { UseDropdownMenuReturn } from './use-dropdown-menu.svelte';
+export type UseDropdownMenuContext = Accessor<ReturnType<UseDropdownMenuReturn>['api']>;
+export declare const DropdownMenuProvider: (opts: UseDropdownMenuContext) => void, useDropdownMenuContext: (fallback?: UseDropdownMenuContext | undefined) => UseDropdownMenuContext;

package/dist/components/dropdown-menu/use-dropdown-menu-context.js

@@ -0,0 +1,7 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuProvider, useDropdownMenuContext] = createContext({
+    name: 'DropdownMenuContext',
+    hookName: 'useDropdownMenuContext',
+    providerName: '<DropdownMenuProvider />',
+    strict: false,
+});

package/dist/components/dropdown-menu/use-dropdown-menu-item-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor, Optional } from '../../types';
+import type { OptionItemState } from '@sprawlify/primitives/machines/dropdown-menu';
+export interface UseDropdownMenuItemContext extends Accessor<Optional<OptionItemState, 'checked'>> {
+}
+export declare const DropdownMenuItemProvider: (opts: UseDropdownMenuItemContext) => void, useDropdownMenuItemContext: (fallback?: UseDropdownMenuItemContext | undefined) => UseDropdownMenuItemContext;

package/dist/components/dropdown-menu/use-dropdown-menu-item-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuItemProvider, useDropdownMenuItemContext] = createContext({
+    name: 'DropdownMenuItemContext',
+    hookName: 'useDropdownMenuItemContext',
+    providerName: '<DropdownMenuItemProvider />',
+});

package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.d.ts

@@ -0,0 +1,11 @@
+import type { Accessor } from '../../types';
+export interface ValueChangeDetails {
+    value: string;
+}
+export interface UseDropdownMenuItemGroupContext extends Accessor<{
+    id: string;
+    value?: string;
+    onValueChange?: (e: ValueChangeDetails) => void;
+}> {
+}
+export declare const DropdownMenuItemGroupProvider: (opts: UseDropdownMenuItemGroupContext) => void, useDropdownMenuItemGroupContext: (fallback?: UseDropdownMenuItemGroupContext | undefined) => UseDropdownMenuItemGroupContext;

package/dist/components/dropdown-menu/use-dropdown-menu-item-group-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuItemGroupProvider, useDropdownMenuItemGroupContext] = createContext({
+    name: 'DropdownMenuItemGroupContext',
+    hookName: 'useDropdownMenuItemGroupContext',
+    providerName: '<DropdownMenuItemGroupProvider />',
+});

package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.d.ts

@@ -0,0 +1,4 @@
+import type { Accessor } from '../../types';
+import type { Service } from '@sprawlify/primitives/machines/dropdown-menu';
+export type UseDropdownMenuMachineContext = Accessor<Service | undefined>;
+export declare const DropdownMenuMachineProvider: (opts: UseDropdownMenuMachineContext) => void, useDropdownMenuMachineContext: (fallback?: UseDropdownMenuMachineContext | undefined) => UseDropdownMenuMachineContext;

package/dist/components/dropdown-menu/use-dropdown-menu-machine-context.js

@@ -0,0 +1,7 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuMachineProvider, useDropdownMenuMachineContext] = createContext({
+    name: 'DropdownMenuMachineContext',
+    hookName: 'useDropdownMenuMachineContext',
+    providerName: '<DropdownMenuMachineProvider />',
+    strict: false,
+});

package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from '../../types';
+import type { ItemBaseProps } from '@sprawlify/primitives/machines/dropdown-menu';
+export declare const DropdownMenuItemPropsProvider: (opts: Accessor<ItemBaseProps>) => void, useDropdownMenuItemPropsContext: (fallback?: Accessor<ItemBaseProps> | undefined) => Accessor<ItemBaseProps>;

package/dist/components/dropdown-menu/use-dropdown-menu-option-item-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuItemPropsProvider, useDropdownMenuItemPropsContext] = createContext({
+    name: 'DropdownMenuItemPropsContext',
+    hookName: 'useDropdownMenuItemPropsContext',
+    providerName: '<DropdownMenuItemPropsProvider />',
+});

package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.d.ts

@@ -0,0 +1,4 @@
+import type * as dropdownMenu from '@sprawlify/primitives/machines/dropdown-menu';
+import type { PropTypes } from '../../core';
+export type UseDropdownMenuTriggerItemContext = () => ReturnType<dropdownMenu.Api<PropTypes>['getTriggerItemProps']> | undefined;
+export declare const DropdownMenuTriggerItemProvider: (opts: UseDropdownMenuTriggerItemContext) => void, useDropdownMenuTriggerItemContext: (fallback?: UseDropdownMenuTriggerItemContext | undefined) => UseDropdownMenuTriggerItemContext;

package/dist/components/dropdown-menu/use-dropdown-menu-trigger-item-context.js

@@ -0,0 +1,7 @@
+import { createContext } from '../../utils/create-context';
+export const [DropdownMenuTriggerItemProvider, useDropdownMenuTriggerItemContext] = createContext({
+    name: 'DropdownMenuTriggerItemContext',
+    hookName: 'useDropdownMenuTriggerItemContext',
+    providerName: '<DropdownMenuTriggerItemProvider />',
+    strict: false,
+});

package/dist/components/dropdown-menu/use-dropdown-menu.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Accessor, Optional } from '../../types';
+import * as dropdownMenu from '@sprawlify/primitives/machines/dropdown-menu';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseDropdownMenuProps extends Optional<Omit<dropdownMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseDropdownMenuReturn extends Accessor<{
+    api: dropdownMenu.Api<PropTypes>;
+    service: dropdownMenu.Service;
+}> {
+}
+export declare const useDropdownMenu: (props?: MaybeFunction<UseDropdownMenuProps>) => UseDropdownMenuReturn;

package/dist/components/{menu/use-menu.svelte.js → dropdown-menu/use-dropdown-menu.svelte.js}

@@ -1,9 +1,9 @@
 import { useEnvironmentContext } from '../../providers/environment';
 import { useLocaleContext } from '../../providers/locale';
-import * as menu from '@sprawlify/primitives/machines/menu';
+import * as dropdownMenu from '@sprawlify/primitives/machines/dropdown-menu';
 import { normalizeProps, useMachine } from '../../core';
 import { runIfFn } from '@sprawlify/primitives/utils';
-export const useMenu = (props) => {
+export const useDropdownMenu = (props) => {
     const env = useEnvironmentContext();
     const locale = useLocaleContext();
     const machineProps = $derived.by(() => {
@@ -14,7 +14,7 @@ export const useMenu = (props) => {
             ...resolvedProps,
         };
     });
-    const service = useMachine(menu.machine, () => machineProps);
-    const api = $derived(menu.connect(service, normalizeProps));
+    const service = useMachine(dropdownMenu.machine, () => machineProps);
+    const api = $derived(dropdownMenu.connect(service, normalizeProps));
     return () => ({ api, service });
 };

package/dist/components/listbox/listbox-anatomy.d.ts

@@ -1 +1 @@
-export declare const listboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "content" | "root" | "item" | "itemGroup" | "valueText" | "itemIndicator" | "itemGroupLabel" | "itemText" | "empty">;
+export declare const listboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "content" | "root" | "item" | "itemGroup" | "valueText" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;

package/dist/components/tour/tour-anatomy.d.ts

@@ -1 +1 @@
-export declare const tourAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"description" | "title" | "content" | "backdrop" | "closeTrigger" | "positioner" | "control" | "progressText" | "arrow" | "arrowTip" | "actionTrigger" | "spotlight">;
+export declare const tourAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"description" | "title" | "closeTrigger" | "content" | "positioner" | "backdrop" | "control" | "progressText" | "actionTrigger" | "arrow" | "arrowTip" | "spotlight">;

package/dist/components/tree-view/tree-view-split-props.d.ts

@@ -1,3 +1,3 @@
 import type { TreeNode } from '../collection';
 import type { UseTreeViewProps } from './use-tree-view.svelte';
-export declare function splitTreeViewProps<T extends UseTreeViewProps<TreeNode>>(props: T): [UseTreeViewProps<any>, Omit<T, "id" | "ids" | "onFocusChange" | "onCheckedChange" | "collection" | "selectionMode" | "scrollToIndexFn" | "focusedValue" | "defaultFocusedValue" | "expandedValue" | "defaultExpandedValue" | "selectedValue" | "defaultSelectedValue" | "defaultCheckedValue" | "checkedValue" | "onExpandedChange" | "onSelectionChange" | "canRename" | "onRenameStart" | "onBeforeRename" | "onRenameComplete" | "onLoadChildrenComplete" | "onLoadChildrenError" | "expandOnClick" | "typeahead" | "loadChildren">];
+export declare function splitTreeViewProps<T extends UseTreeViewProps<TreeNode>>(props: T): [UseTreeViewProps<any>, Omit<T, "id" | "ids" | "onFocusChange" | "onCheckedChange" | "collection" | "selectionMode" | "scrollToIndexFn" | "focusedValue" | "defaultFocusedValue" | "typeahead" | "expandedValue" | "defaultExpandedValue" | "selectedValue" | "defaultSelectedValue" | "defaultCheckedValue" | "checkedValue" | "onExpandedChange" | "onSelectionChange" | "canRename" | "onRenameStart" | "onBeforeRename" | "onRenameComplete" | "onLoadChildrenComplete" | "onLoadChildrenError" | "expandOnClick" | "loadChildren">];