miru/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
ThaUnknown 95ed1aeaf1
Some checks are pending
Check / check (push) Waiting to run
feat: new torrent client UI
fix: better breakpoints code for JS
fix: macOS external player spawning
2025-06-25 00:31:02 +02:00

33 lines
985 B
Svelte

<script lang='ts'>
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
import ChevronRight from 'svelte-radix/ChevronRight.svelte'
import { cn } from '$lib/utils.js'
type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
inset?: boolean
}
type $$Events = DropdownMenuPrimitive.SubTriggerEvents
let className: $$Props['class'] = undefined
export let inset: $$Props['inset'] = undefined
export { className as class }
</script>
<DropdownMenuPrimitive.SubTrigger
class={cn(
'data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none',
inset && 'pl-8',
className
)}
{...$$restProps}
on:click
on:keydown
on:focusin
on:focusout
on:pointerleave
on:pointermove
>
<slot />
<ChevronRight class='ml-auto h-4 w-4' />
</DropdownMenuPrimitive.SubTrigger>