@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/menu/components/Context.svelte

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

package/dist/components/menu/components/Context.svelte.d.ts

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

package/dist/components/menu/components/ContextTrigger.d.svelte.ts

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

package/dist/components/menu/components/ContextTrigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuContextTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface MenuContextTriggerProps extends Assign<HTMLProps<'button'>, MenuContextTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+
+  const props: MenuContextTriggerProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const mergedProps = $derived(mergeProps(menu().getContextTriggerProps(), props))
+</script>
+
+<UI as="button" {...mergedProps} />

package/dist/components/menu/components/ContextTrigger.svelte.d.ts

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

package/dist/components/menu/components/Indicator.d.svelte.ts

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

package/dist/components/menu/components/Indicator.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuIndicatorBaseProps extends PolymorphicProps<'div'> {}
+  export interface MenuIndicatorProps extends Assign<HTMLProps<'div'>, MenuIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+
+  const props: MenuIndicatorProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const mergedProps = $derived(mergeProps(menu().getIndicatorProps(), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/Indicator.svelte.d.ts

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

package/dist/components/menu/components/Item.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { ItemProps } from '@destyler/menu';
+export interface MenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {
+}
+export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {
+}
+declare const Item: import("svelte").Component<MenuItemProps, {}, "">;
+type Item = ReturnType<typeof Item>;
+export default Item;

package/dist/components/menu/components/Item.svelte

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  import type { ItemProps } from '@destyler/menu'
+
+  export interface MenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {}
+  export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { MenuItemProvider } from '../hooks/use-menu-item-context'
+  import { createSplitProps } from '../../../utils/create-split-props'
+
+  const props: MenuItemProps = $props()
+
+  const [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText']),
+  )
+
+  const menu = useRequiredMenuContext()
+  const mergedProps = $derived(mergeProps(menu().getItemProps(itemProps), localProps))
+  const itemState = $derived(menu().getItemState(itemProps))
+
+  MenuItemProvider(() => itemState)
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/Item.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { ItemProps } from '@destyler/menu';
+export interface MenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {
+}
+export interface MenuItemProps extends Assign<HTMLProps<'div'>, MenuItemBaseProps> {
+}
+declare const Item: import("svelte").Component<MenuItemProps, {}, "">;
+type Item = ReturnType<typeof Item>;
+export default Item;

package/dist/components/menu/components/ItemContext.d.svelte.ts

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

package/dist/components/menu/components/ItemContext.svelte

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

package/dist/components/menu/components/ItemContext.svelte.d.ts

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

package/dist/components/menu/components/ItemGroup.d.svelte.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { ItemGroupProps } from '@destyler/menu';
+type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
+export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'> {
+}
+export interface MenuItemGroupProps extends Assign<HTMLProps<'div'>, MenuItemGroupBaseProps> {
+}
+declare const ItemGroup: import("svelte").Component<MenuItemGroupProps, {}, "">;
+type ItemGroup = ReturnType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/components/menu/components/ItemGroup.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { ItemGroupProps } from '@destyler/menu'
+
+  type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>
+
+  export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'> {}
+  export interface MenuItemGroupProps extends Assign<HTMLProps<'div'>, MenuItemGroupBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { MenuItemGroupProvider } from '../hooks/use-menu-item-group-context'
+
+  const props: MenuItemGroupProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const id = $props.id()
+  const itemGroupProps = $derived({ id, ...props })
+  const mergedProps = $derived(mergeProps(menu().getItemGroupProps(itemGroupProps), props))
+
+  MenuItemGroupProvider(() => itemGroupProps)
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/ItemGroup.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { ItemGroupProps } from '@destyler/menu';
+type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
+export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps<'div'> {
+}
+export interface MenuItemGroupProps extends Assign<HTMLProps<'div'>, MenuItemGroupBaseProps> {
+}
+declare const ItemGroup: import("svelte").Component<MenuItemGroupProps, {}, "">;
+type ItemGroup = ReturnType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/components/menu/components/ItemGroupLabel.d.svelte.ts

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

package/dist/components/menu/components/ItemGroupLabel.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuItemGroupLabelBaseProps extends PolymorphicProps<'div'> {}
+  export interface MenuItemGroupLabelProps extends Assign<HTMLProps<'div'>, MenuItemGroupLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { useMenuItemGroupContext } from '../hooks/use-menu-item-group-context'
+
+  const props: MenuItemGroupLabelProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const itemGroup = useMenuItemGroupContext()
+  const mergedProps = $derived(mergeProps(menu().getItemGroupLabelProps({ htmlFor: itemGroup().id }), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/ItemGroupLabel.svelte.d.ts

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

package/dist/components/menu/components/ItemIndicator.d.svelte.ts

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

package/dist/components/menu/components/ItemIndicator.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {}
+  export interface MenuItemIndicatorProps extends Assign<HTMLProps<'div'>, MenuItemIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { useMenuItemPropsContext } from '../hooks/use-menu-option-item-props-context'
+
+  const props: MenuItemIndicatorProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const itemProps = useMenuItemPropsContext()
+  const mergedProps = $derived(mergeProps(menu().getItemIndicatorProps(itemProps()), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/ItemIndicator.svelte.d.ts

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

package/dist/components/menu/components/ItemText.d.svelte.ts

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

package/dist/components/menu/components/ItemText.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuItemTextBaseProps extends PolymorphicProps<'div'> {}
+  export interface MenuItemTextProps extends Assign<HTMLProps<'div'>, MenuItemTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { useMenuItemPropsContext } from '../hooks/use-menu-option-item-props-context'
+
+  const props: MenuItemTextProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const itemProps = useMenuItemPropsContext()
+  const mergedProps = $derived(mergeProps(menu().getItemTextProps(itemProps()), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/ItemText.svelte.d.ts

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

package/dist/components/menu/components/Positioner.d.svelte.ts

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

package/dist/components/menu/components/Positioner.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface MenuPositionerBaseProps extends PolymorphicProps<'div'> {}
+  export interface MenuPositionerProps extends Assign<HTMLProps<'div'>, MenuPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { usePresenceContext } from '../../presence'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+
+  const props: MenuPositionerProps = $props()
+
+  const menu = useRequiredMenuContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(menu().getPositionerProps(), props))
+</script>
+
+{#if !presence().unmounted}
+  <UI as="div" {...mergedProps} />
+{/if}

package/dist/components/menu/components/Positioner.svelte.d.ts

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

package/dist/components/menu/components/RadioItem.d.svelte.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { OptionItemProps } from '@destyler/menu';
+type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'> {
+}
+export interface MenuRadioItemProps extends Assign<HTMLProps<'div'>, MenuRadioItemBaseProps> {
+}
+declare const RadioItem: import("svelte").Component<MenuRadioItemProps, {}, "">;
+type RadioItem = ReturnType<typeof RadioItem>;
+export default RadioItem;

package/dist/components/menu/components/RadioItem.svelte

@@ -0,0 +1,43 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { OptionItemProps } from '@destyler/menu'
+
+  type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>
+
+  export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'> {}
+  export interface MenuRadioItemProps extends Assign<HTMLProps<'div'>, MenuRadioItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { MenuItemProvider } from '../hooks/use-menu-item-context'
+  import { useMenuItemGroupContext } from '../hooks/use-menu-item-group-context'
+  import { MenuItemPropsProvider } from '../hooks/use-menu-option-item-props-context'
+
+  const props: MenuRadioItemProps = $props()
+
+  const [partialItemProps, localProps] = $derived(
+    createSplitProps<PartialOptionItemProps>()(props, ['closeOnSelect', 'disabled', 'value', 'valueText']),
+  )
+
+  const menu = useRequiredMenuContext()
+  const itemGroup = useMenuItemGroupContext()
+
+  const optionItemProps: OptionItemProps = $derived({
+    ...partialItemProps,
+    checked: itemGroup().value === partialItemProps.value,
+    type: 'radio',
+    onCheckedChange: () => itemGroup().onValueChange?.({ value: partialItemProps.value }),
+  })
+
+  const mergedProps = $derived(mergeProps(menu().getOptionItemProps(optionItemProps), localProps))
+  const optionItemState = $derived(menu().getOptionItemState(optionItemProps))
+
+  MenuItemPropsProvider(() => optionItemProps)
+  MenuItemProvider(() => optionItemState)
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/RadioItem.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { OptionItemProps } from '@destyler/menu';
+type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<'div'> {
+}
+export interface MenuRadioItemProps extends Assign<HTMLProps<'div'>, MenuRadioItemBaseProps> {
+}
+declare const RadioItem: import("svelte").Component<MenuRadioItemProps, {}, "">;
+type RadioItem = ReturnType<typeof RadioItem>;
+export default RadioItem;

package/dist/components/menu/components/RadioItemGroup.d.svelte.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UseMenuItemGroupContext } from '../hooks/use-menu-item-group-context.js';
+type OptionalUseMenuItemGroupContext = Optional<ReturnType<UseMenuItemGroupContext>, 'id'>;
+export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps<'div'> {
+}
+export interface MenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, MenuRadioItemGroupBaseProps> {
+}
+declare const RadioItemGroup: import("svelte").Component<MenuRadioItemGroupProps, {}, "value">;
+type RadioItemGroup = ReturnType<typeof RadioItemGroup>;
+export default RadioItemGroup;

package/dist/components/menu/components/RadioItemGroup.svelte

@@ -0,0 +1,39 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { UseMenuItemGroupContext } from '../hooks/use-menu-item-group-context'
+
+  type OptionalUseMenuItemGroupContext = Optional<ReturnType<UseMenuItemGroupContext>, 'id'>
+
+  export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps<'div'> {}
+  export interface MenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, MenuRadioItemGroupBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useRequiredMenuContext } from '../hooks/use-menu-context'
+  import { MenuItemGroupProvider, type ValueChangeDetails } from '../hooks/use-menu-item-group-context'
+
+  let {
+    id: providedId,
+    value = $bindable<string>(),
+    onValueChange,
+    ...localProps
+  }: MenuRadioItemGroupProps = $props()
+  const generatedId = $props.id()
+
+  const menu = useRequiredMenuContext()
+  const itemGroupProps = $derived({
+    id: providedId ?? generatedId,
+    value,
+    onValueChange(details: ValueChangeDetails) {
+      if (value !== undefined) value = details.value
+      onValueChange?.(details)
+    },
+  })
+  const mergedProps = $derived(mergeProps(menu().getItemGroupProps({ id: itemGroupProps.id }), localProps))
+
+  MenuItemGroupProvider(() => itemGroupProps)
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/menu/components/RadioItemGroup.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UseMenuItemGroupContext } from '../hooks/use-menu-item-group-context.js';
+type OptionalUseMenuItemGroupContext = Optional<ReturnType<UseMenuItemGroupContext>, 'id'>;
+export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps<'div'> {
+}
+export interface MenuRadioItemGroupProps extends Assign<HTMLProps<'div'>, MenuRadioItemGroupBaseProps> {
+}
+declare const RadioItemGroup: import("svelte").Component<MenuRadioItemGroupProps, {}, "value">;
+type RadioItemGroup = ReturnType<typeof RadioItemGroup>;
+export default RadioItemGroup;

package/dist/components/menu/components/Root.d.svelte.ts

@@ -0,0 +1,12 @@
+import { type Snippet } from 'svelte';
+import type { Optional } from '../../../types.js';
+import type { UsePresenceProps } from '../../presence/index.js';
+import type { UseMenuProps } from '../hooks/use-menu.svelte.js';
+export interface MenuRootBaseProps extends Optional<UseMenuProps, 'id'>, UsePresenceProps {
+    children?: Snippet;
+}
+export interface MenuRootProps extends MenuRootBaseProps {
+}
+declare const Root: import("svelte").Component<MenuRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;