@sprawlify/svelte 0.0.78 → 0.0.79

package/dist/components/alert-dialog/alert-dialog-anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const alertDialogAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"description" | "title" | "trigger" | "content" | "backdrop" | "closeTrigger" | "positioner">;
-export declare const parts: Record<"description" | "title" | "trigger" | "content" | "backdrop" | "closeTrigger" | "positioner", import("@sprawlify/primitives/anatomy").AnatomyPart>;
+export declare const alertDialogAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"description" | "title" | "closeTrigger" | "trigger" | "content" | "positioner" | "backdrop">;
+export declare const parts: Record<"description" | "title" | "closeTrigger" | "trigger" | "content" | "positioner" | "backdrop", import("@sprawlify/primitives/anatomy").AnatomyPart>;

package/dist/components/anatomy.d.ts

@@ -22,7 +22,7 @@ export { hoverCardAnatomy } from './hover-card/hover-card-anatomy';
 export { imageCropperAnatomy } from './image-cropper/image-cropper-anatomy';
 export { listboxAnatomy } from './listbox/listbox-anatomy';
 export { marqueeAnatomy } from './marquee/marquee-anatomy';
-export { menuAnatomy } from './menu/menu-anatomy';
+export { dropdownMenuAnatomy } from './dropdown-menu/dropdown-menu-anatomy';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu-anatomy';
 export { numberInputAnatomy } from './number-input/number-input-anatomy';
 export { paginationAnatomy } from './pagination/pagination-anatomy';

package/dist/components/anatomy.js

@@ -22,7 +22,7 @@ export { hoverCardAnatomy } from './hover-card/hover-card-anatomy';
 export { imageCropperAnatomy } from './image-cropper/image-cropper-anatomy';
 export { listboxAnatomy } from './listbox/listbox-anatomy';
 export { marqueeAnatomy } from './marquee/marquee-anatomy';
-export { menuAnatomy } from './menu/menu-anatomy';
+export { dropdownMenuAnatomy } from './dropdown-menu/dropdown-menu-anatomy';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu-anatomy';
 export { numberInputAnatomy } from './number-input/number-input-anatomy';
 export { paginationAnatomy } from './pagination/pagination-anatomy';

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

@@ -1 +1 @@
-export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "item" | "prevTrigger" | "nextTrigger" | "control" | "indicator" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "item" | "itemGroup" | "indicator" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;

package/dist/components/color-picker/color-picker-anatomy.d.ts

@@ -1 +1 @@
-export declare const colorPickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "area" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+export declare const colorPickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "area" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "valueText" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

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

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

package/dist/components/date-picker/date-picker-anatomy.d.ts

@@ -1 +1 @@
-export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "trigger" | "content" | "positioner" | "root" | "prevTrigger" | "nextTrigger" | "control" | "valueText" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "nextTrigger" | "prevTrigger" | "valueText" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

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

@@ -0,0 +1 @@
+export { anatomy as dropdownMenuAnatomy } from '@sprawlify/primitives/machines/dropdown-menu';

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

@@ -0,0 +1 @@
+export { anatomy as dropdownMenuAnatomy } from '@sprawlify/primitives/machines/dropdown-menu';

package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte

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

package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte.d.ts

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

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

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

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

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

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

@@ -1,22 +1,22 @@
 <script module lang="ts">
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
-  import type { OptionItemProps } from '@sprawlify/primitives/machines/menu'
+  import type { OptionItemProps } from '@sprawlify/primitives/machines/dropdown-menu'
 
   type PartialOptionItemProps = Omit<OptionItemProps, 'type'>
 
-  export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {}
-  export interface MenuCheckboxItemProps extends Assign<HTMLProps<'div'>, MenuCheckboxItemBaseProps> {}
+  export interface DropdownMenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuCheckboxItemProps extends Assign<HTMLProps<'div'>, DropdownMenuCheckboxItemBaseProps> {}
 </script>
 
 <script lang="ts">
   import { createSplitProps } from '../../utils/create-split-props'
   import { mergeProps } from '../../core'
   import { Sprawlify } from '../factory'
-  import { useMenuContext } from './use-menu-context'
-  import { MenuItemProvider } from './use-menu-item-context'
-  import { MenuItemPropsProvider } from './use-menu-option-item-props-context'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuItemProvider } from './use-dropdown-menu-item-context'
+  import { DropdownMenuItemPropsProvider } from './use-dropdown-menu-option-item-props-context'
 
-  let { ref = $bindable(null), checked = $bindable<boolean>(), ...props }: MenuCheckboxItemProps = $props()
+  let { ref = $bindable(null), checked = $bindable<boolean>(), ...props }: DropdownMenuCheckboxItemProps = $props()
 
   const [partialOptionItemProps, localProps] = $derived(
     createSplitProps<PartialOptionItemProps>()({ checked, ...props }, [
@@ -39,12 +39,12 @@
     },
   })
 
-  const menu = useMenuContext()
-  const mergedProps = $derived(mergeProps(menu().getOptionItemProps(optionItemProps), localProps))
-  const optionItemState = $derived(menu().getOptionItemState(optionItemProps))
+  const dropdownMenu = useDropdownMenuContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getOptionItemProps(optionItemProps), localProps))
+  const optionItemState = $derived(dropdownMenu().getOptionItemState(optionItemProps))
 
-  MenuItemPropsProvider(() => optionItemProps)
-  MenuItemProvider(() => optionItemState)
+  DropdownMenuItemPropsProvider(() => optionItemProps)
+  DropdownMenuItemProvider(() => optionItemState)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/dropdown-menu/dropdown-menu-checkbox-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'>;
+export interface DropdownMenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuCheckboxItemProps extends Assign<HTMLProps<'div'>, DropdownMenuCheckboxItemBaseProps> {
+}
+declare const DropdownMenuCheckboxItem: import("svelte").Component<DropdownMenuCheckboxItemProps, {}, "checked" | "ref">;
+type DropdownMenuCheckboxItem = ReturnType<typeof DropdownMenuCheckboxItem>;
+export default DropdownMenuCheckboxItem;

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

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuContentProps extends Assign<HTMLProps<'div'>, DropdownMenuContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuContentProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getContentProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: HTMLElement | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {@attach setNode} {...mergedProps} />
+{/if}

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

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

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

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseDropdownMenuContext } from './use-dropdown-menu-context'
+
+  export interface DropdownMenuContextProps {
+    render: Snippet<[UseDropdownMenuContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+
+  const { render }: DropdownMenuContextProps = $props()
+  const context = useDropdownMenuContext()
+</script>
+
+{@render render(context)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseDropdownMenuContext } from './use-dropdown-menu-context';
+export interface DropdownMenuContextProps {
+    render: Snippet<[UseDropdownMenuContext]>;
+}
+declare const DropdownMenuContext: import("svelte").Component<DropdownMenuContextProps, {}, "">;
+type DropdownMenuContext = ReturnType<typeof DropdownMenuContext>;
+export default DropdownMenuContext;

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

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

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

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

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

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+  import { useDropdownMenuItemContext, type UseDropdownMenuItemContext } from './use-dropdown-menu-item-context'
+
+  export interface DropdownMenuItemContextProps {
+    render: Snippet<[UseDropdownMenuItemContext]>
+  }
+
+  const props: DropdownMenuItemContextProps = $props()
+
+  const context = useDropdownMenuItemContext()
+</script>
+
+{@render props.render(context)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import { type UseDropdownMenuItemContext } from './use-dropdown-menu-item-context';
+export interface DropdownMenuItemContextProps {
+    render: Snippet<[UseDropdownMenuItemContext]>;
+}
+declare const DropdownMenuItemContext: import("svelte").Component<DropdownMenuItemContextProps, {}, "">;
+type DropdownMenuItemContext = ReturnType<typeof DropdownMenuItemContext>;
+export default DropdownMenuItemContext;

package/dist/components/dropdown-menu/dropdown-menu-item-group-label.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuItemGroupLabelBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuItemGroupLabelProps extends Assign<HTMLProps<'div'>, DropdownMenuItemGroupLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { useDropdownMenuItemGroupContext } from './use-dropdown-menu-item-group-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuItemGroupLabelProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const itemGroup = useDropdownMenuItemGroupContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemGroupLabelProps({ htmlFor: itemGroup().id }), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ItemGroupProps } from '@sprawlify/primitives/machines/dropdown-menu'
+
+  type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>
+
+  export interface DropdownMenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuItemGroupProps extends Assign<HTMLProps<'div'>, DropdownMenuItemGroupBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuItemGroupProvider } from './use-dropdown-menu-item-group-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuItemGroupProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const id = $props.id()
+  const itemGroupProps = $derived({ id, ...props })
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemGroupProps(itemGroupProps), props))
+
+  DropdownMenuItemGroupProvider(() => itemGroupProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { ItemGroupProps } from '@sprawlify/primitives/machines/dropdown-menu';
+type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
+export interface DropdownMenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuItemGroupProps extends Assign<HTMLProps<'div'>, DropdownMenuItemGroupBaseProps> {
+}
+declare const DropdownMenuItemGroup: import("svelte").Component<DropdownMenuItemGroupProps, {}, "ref">;
+type DropdownMenuItemGroup = ReturnType<typeof DropdownMenuItemGroup>;
+export default DropdownMenuItemGroup;

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

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuItemIndicatorProps extends Assign<HTMLProps<'div'>, DropdownMenuItemIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { useDropdownMenuItemPropsContext } from './use-dropdown-menu-option-item-props-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuItemIndicatorProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const itemProps = useDropdownMenuItemPropsContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemIndicatorProps(itemProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuItemTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuItemTextProps extends Assign<HTMLProps<'div'>, DropdownMenuItemTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { useDropdownMenuItemPropsContext } from './use-dropdown-menu-option-item-props-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuItemTextProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const itemProps = useDropdownMenuItemPropsContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemTextProps(itemProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,42 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  interface ItemBaseProps extends ItemProps {
+    onSelect?: VoidFunction
+  }
+
+  export interface DropdownMenuItemBaseProps extends ItemBaseProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuItemProps extends Assign<HTMLProps<'div'>, DropdownMenuItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import type { ItemProps } from '@sprawlify/primitives/machines/dropdown-menu'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+  import { DropdownMenuItemProvider } from './use-dropdown-menu-item-context'
+  import { DropdownMenuItemPropsProvider } from './use-dropdown-menu-option-item-props-context'
+  import { createSplitProps } from '../../utils/create-split-props'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuItemProps = $props()
+
+  const [itemProps, localProps] = $derived(
+    createSplitProps<ItemBaseProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText', 'onSelect']),
+  )
+
+  const dropdownMenu = useDropdownMenuContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemProps(itemProps), localProps))
+  const itemState = $derived(dropdownMenu().getItemState(itemProps))
+
+  $effect(() => {
+    return dropdownMenu().addItemListener({
+      id: itemState.id,
+      onSelect: itemProps.onSelect,
+    })
+  })
+
+  DropdownMenuItemPropsProvider(() => itemProps)
+  DropdownMenuItemProvider(() => itemState)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+interface ItemBaseProps extends ItemProps {
+    onSelect?: VoidFunction;
+}
+export interface DropdownMenuItemBaseProps extends ItemBaseProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuItemProps extends Assign<HTMLProps<'div'>, DropdownMenuItemBaseProps> {
+}
+import type { ItemProps } from '@sprawlify/primitives/machines/dropdown-menu';
+declare const DropdownMenuItem: import("svelte").Component<DropdownMenuItemProps, {}, "ref">;
+type DropdownMenuItem = ReturnType<typeof DropdownMenuItem>;
+export default DropdownMenuItem;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuPositionerProps extends Assign<HTMLProps<'div'>, DropdownMenuPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuPositionerProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getPositionerProps(), props))
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {...mergedProps} />
+{/if}

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

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

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

@@ -0,0 +1,44 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseDropdownMenuItemGroupContext } from './use-dropdown-menu-item-group-context'
+
+  type OptionalUseDropdownMenuItemGroupContext = Optional<ReturnType<UseDropdownMenuItemGroupContext>, 'id'>
+
+  export interface DropdownMenuRadioItemGroupBaseProps
+    extends OptionalUseDropdownMenuItemGroupContext,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface DropdownMenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, DropdownMenuRadioItemGroupBaseProps> {}
+</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 { DropdownMenuItemGroupProvider } from './use-dropdown-menu-item-group-context'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: DropdownMenuRadioItemGroupProps = $props()
+  const id = $props.id()
+
+  const [optionalItemGroupProps, localProps] = $derived(
+    createSplitProps<OptionalUseDropdownMenuItemGroupContext>()(props, ['id', 'onValueChange', 'value']),
+  )
+
+  const dropdownMenu = useDropdownMenuContext()
+
+  const itemGroupProps = $derived<ReturnType<UseDropdownMenuItemGroupContext>>({
+    id: optionalItemGroupProps.id ?? id,
+    value,
+    onValueChange(e) {
+      value = e.value
+      optionalItemGroupProps?.onValueChange?.(e)
+    },
+  })
+
+  const mergedProps = $derived(mergeProps(dropdownMenu().getItemGroupProps({ id: itemGroupProps.id }), localProps))
+
+  DropdownMenuItemGroupProvider(() => itemGroupProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseDropdownMenuItemGroupContext } from './use-dropdown-menu-item-group-context';
+type OptionalUseDropdownMenuItemGroupContext = Optional<ReturnType<UseDropdownMenuItemGroupContext>, 'id'>;
+export interface DropdownMenuRadioItemGroupBaseProps extends OptionalUseDropdownMenuItemGroupContext, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface DropdownMenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, DropdownMenuRadioItemGroupBaseProps> {
+}
+declare const DropdownMenuRadioItemGroup: import("svelte").Component<DropdownMenuRadioItemGroupProps, {}, "value" | "ref">;
+type DropdownMenuRadioItemGroup = ReturnType<typeof DropdownMenuRadioItemGroup>;
+export default DropdownMenuRadioItemGroup;